.register-card{position:relative;z-index:1;width:100%;max-width:420px;margin:0 auto;background:var(--color-surface-1, #FFFFFF);border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 40px #00000014,0 0 0 1px #00e5ff0d;padding:3rem 2.5rem;animation:register-card-in .6s cubic-bezier(.16,1,.3,1) forwards}:root[data-theme=dark] .register-card{background:var(--glass-bg-strong, rgba(15, 15, 19, .8));border-color:#ffffff14;box-shadow:0 30px 60px #0006,0 0 40px #8a2be21a}@keyframes register-card-in{0%{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-stagger-1{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0}.animate-stagger-2{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;opacity:0}.animate-stagger-3{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;opacity:0}.animate-stagger-4{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.25s;opacity:0}.animate-stagger-5{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;opacity:0}.animate-stagger-6{animation:fade-slide-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.35s;opacity:0}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.register-card__header{text-align:center;margin-bottom:2rem}.register-card__brand{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:float-logo 4s ease-in-out infinite alternate}.register-card__logo-img{height:54px;width:auto;object-fit:contain}@keyframes float-logo{0%{transform:translateY(0);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}to{transform:translateY(-4px);filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}}.register-card__title{font-size:1.75rem;font-weight:800;color:var(--color-text-heading);letter-spacing:-.03em;margin-bottom:.5rem}.register-card__subtitle{font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.register-form{display:flex;flex-direction:column;gap:1.25rem}.register-field{display:flex;flex-direction:column;gap:.5rem}.register-label{font-size:.85rem;font-weight:600;color:var(--color-text-body)}.register-input-wrapper{position:relative;display:flex;align-items:center}.register-input-icon{position:absolute;left:1rem;color:var(--color-text-subtle);pointer-events:none;transition:color .3s ease,transform .3s ease;z-index:10}.register-input{width:100%;padding:.875rem 1rem;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-heading);font-size:.95rem;font-family:var(--font-body);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;position:relative;z-index:1}.register-input.has-icon{padding-left:2.75rem}.register-input::placeholder{color:var(--color-text-subtle)}.register-input:hover{background:var(--color-surface-2)}.register-input:focus{border-color:#00e5ff;background:var(--color-bg);box-shadow:0 0 0 4px #00e5ff26;transform:translateY(-1px)}.forgot-input-wrapper:focus-within .forgot-input-icon{color:var(--color-text-heading, #111111)!important;transform:scale(1.1)}.register-input--error,.register-input--error:focus{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.register-field-error{font-size:.8rem;color:#ef4444;margin-top:.25rem}.register-error-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:.9rem;margin-bottom:1.5rem;animation:register-error-in .3s ease}.register-error-banner svg{flex-shrink:0;margin-top:2px}@keyframes register-error-in{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-password-rules{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;margin-top:.25rem}.register-password-rule{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-subtle);transition:color .3s ease}.register-password-rule--pass{color:#4ade80}.register-password-rule__icon{color:inherit}.register-otp{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.register-otp__input{width:48px;height:56px;text-align:center;font-size:1.5rem;font-weight:800;font-family:var(--font-heading);color:var(--color-text-heading);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:12px;outline:none;caret-color:#00e5ff;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.register-otp__input:focus{border-color:#00e5ff;background:var(--color-bg);box-shadow:0 0 0 4px #00e5ff26,inset 0 0 0 transparent;transform:translateY(-2px)}.register-otp__input--filled{border-color:#8a2be280;background:#8a2be20d}.register-otp__input--error{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef44441a!important}.register-otp__desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1rem}.register-otp__email{color:var(--color-text-heading);font-weight:700}.register-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#00e5ff,#8a2be2);background-size:200% 200%;color:#fff;font-size:1rem;font-weight:700;font-family:var(--font-body);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:.5rem;box-shadow:0 10px 25px #8a2be24d}.register-submit:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 15px 35px #00e5ff66;background-position:100% 0%}.register-submit:active:not(:disabled){transform:translateY(0)}.register-submit-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}.register-submit:hover .register-submit-icon{transform:translate(4px)}.register-submit--loading{opacity:.7;pointer-events:none}.register-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:register-spin .8s cubic-bezier(.4,0,.2,1) infinite;flex-shrink:0}@keyframes register-spin{to{transform:rotate(360deg)}}.register-resend{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--color-text-subtle)}.register-resend__btn{background:none;border:none;padding:0;color:#00e5ff;cursor:pointer;font-weight:600;font-size:inherit}.register-resend__btn:hover{text-decoration:underline}.register-terms{font-size:.8rem;color:var(--color-text-subtle);text-align:center;margin-top:.5rem}.register-terms a{color:var(--color-text-muted);text-decoration:underline}.register-footer{margin-top:2.5rem;text-align:center;font-size:.95rem;color:var(--color-text-muted)}.register-footer a{display:inline-flex;align-items:center;color:var(--color-text-heading);font-weight:700;text-decoration:none;transition:color .2s ease}.register-footer a:hover{color:#00e5ff}@media(max-width:480px){.register-card{padding:2rem 1.5rem;border-radius:20px}.register-otp__input{width:40px;height:50px;font-size:1.2rem}}