@keyframes auth-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-modal-backdrop{background:radial-gradient(900px 500px at 50% 30%,rgba(47,107,255,.18),transparent 70%),rgba(4,10,28,.66);backdrop-filter:blur(10px) saturate(140%);animation:auth-backdrop-in .22s ease-out}.auth-modal-backdrop .auth-modal{width:min(96vw,1000px);border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(240,201,106,.35),0 50px 100px -20px rgba(2,8,26,.7),0 30px 60px -30px rgba(12,29,68,.6);animation:auth-card-in .32s cubic-bezier(.2,.8,.2,1)}.auth-modal-backdrop .auth-modal-intro{justify-content:flex-start;gap:0;padding:36px 36px 34px;color:#fff;background:radial-gradient(500px 320px at 100% 0,rgba(47,107,255,.45),transparent 65%),radial-gradient(380px 260px at 0 100%,rgba(240,201,106,.16),transparent 70%),linear-gradient(160deg,#0d2158,#07122e 75%)}.auth-modal-backdrop .auth-modal-intro:before{top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;border-radius:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 20%,#000 20%,transparent 70%)}.auth-modal-backdrop .auth-modal-intro:after{top:auto;right:-70px;bottom:-70px;left:auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,201,106,.28),transparent 70%);transform:none;animation:auth-float 7s ease-in-out infinite}.auth-modal-backdrop .auth-modal-intro .brand-logo{margin-bottom:auto}.auth-modal-backdrop .auth-modal-intro .brand-logo-word{color:#fff}.auth-modal-backdrop .auth-modal-intro .eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:9px;margin:40px 0 16px;padding:6px 12px;border:1px solid rgba(240,201,106,.35);border-radius:999px;background:rgba(240,201,106,.08);color:#fff1c9;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.auth-modal-backdrop .auth-modal-intro .eyebrow-pulse{background:#f0c96a;box-shadow:0 0 0 4px rgba(240,201,106,.18),0 0 12px rgba(240,201,106,.7)}.auth-modal-backdrop .auth-modal-intro h3{margin:0 0 14px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.05;letter-spacing:-.045em;background:linear-gradient(100deg,#fff,#c9dcff 50%,#f0c96a);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-modal-backdrop .auth-modal-intro>p{max-width:320px;color:rgba(214,225,250,.78);font-size:14px;line-height:1.65}.auth-modal-trust{display:grid;gap:10px;margin:28px 0 0;padding:0;list-style:none}.auth-modal-trust li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.auth-modal-trust li:nth-child(2){margin-left:18px}.auth-modal-trust span{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:linear-gradient(100deg,#fff1c9,#f0c96a 55%,#d9a441);color:#0a1a3f;font-size:12px;font-weight:900}.auth-modal-trust b{display:block;color:#fff;font-size:13px}.auth-modal-trust small{display:block;margin-top:2px;color:rgba(214,225,250,.7);font-size:11.5px}.auth-modal-backdrop .auth-modal-panel{padding:40px 40px 28px;background:linear-gradient(180deg,#fff,#fbfcff)}.auth-modal-backdrop .auth-modal-panel .section-kicker{color:#2f6bff;letter-spacing:.18em}.auth-modal-backdrop .auth-modal h2{margin:6px 0 8px;font-size:30px;font-weight:800;letter-spacing:-.045em;background:linear-gradient(100deg,#0c1d44,#1d4fd8 70%,#2f6bff);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-modal-backdrop .auth-subtitle{color:#5b6a87;font-size:13.5px}.auth-modal-backdrop .auth-modal-close{top:18px;right:18px;width:36px;height:36px;border-color:#e2e8f3;background:#fff;box-shadow:0 4px 12px rgba(12,29,68,.08);transition:transform .18s,border-color .18s,color .18s}.auth-modal-backdrop .auth-modal-close:hover{transform:rotate(90deg);border-color:#c8d6f3;color:#0c1d44}.auth-modal-backdrop .role-picker{gap:4px;margin:4px 0 20px;padding:4px;border:1px solid #e2e8f3;border-radius:14px;background:#f1f4fa}.auth-modal-backdrop .role-picker button{display:flex;min-height:0;align-items:center;justify-content:center;gap:8px;padding:11px 10px;border:0;border-radius:10px;color:#5b6a87;background:transparent;box-shadow:none;font-size:13px}.auth-modal-backdrop .role-picker button span{display:grid;place-items:center;width:22px;height:22px;color:inherit;font-size:0}.auth-modal-backdrop .role-picker button svg{width:20px;height:20px}.auth-modal-backdrop .role-picker button b{font-size:13px}.auth-modal-backdrop .role-picker button:hover{color:#0c1d44;background:rgba(255,255,255,.6)}.auth-modal-backdrop .role-picker button.selected{color:#0c1d44;background:#fff;box-shadow:0 6px 16px rgba(12,29,68,.1),0 0 0 1px rgba(47,107,255,.25)}.auth-modal-backdrop .role-picker button.selected span{color:#2f6bff}.auth-modal-backdrop .form-field.floating{position:relative;display:block;margin-bottom:14px}.auth-modal-backdrop .form-field.floating input{width:100%;height:56px;padding:22px 16px 8px;border:1px solid #d9e2f0;border-radius:14px;background:#fff;color:#0c1d44;font-size:15px;font-weight:600;transition:border-color .18s,box-shadow .18s,background .18s}.auth-modal-backdrop .form-field.floating input:hover:not(:disabled){border-color:#b9c9e6}.auth-modal-backdrop .form-field.floating input:focus{border-color:#2f6bff;box-shadow:0 0 0 4px rgba(47,107,255,.14);outline:none}.auth-modal-backdrop .form-field.floating input:disabled{background:#f3f6fb;color:#5b6a87}.auth-modal-backdrop .form-field.floating>span{position:absolute;top:18px;left:17px;color:#7a88a4;font-size:14.5px;font-weight:600;pointer-events:none;transform-origin:left top;transition:transform .18s ease,color .18s ease}.auth-modal-backdrop .form-field.floating input:-webkit-autofill+span,.auth-modal-backdrop .form-field.floating input:focus+span,.auth-modal-backdrop .form-field.floating input:not(:placeholder-shown)+span{color:#2f6bff;transform:translateY(-10px) scale(.76)}.auth-modal-backdrop .form-field.floating input:not(:focus):not(:placeholder-shown)+span{color:#7a88a4}.auth-field-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:-4px 2px 16px}.auth-modal-backdrop .field-toggle{color:#2f6bff;font-size:12px;font-weight:700}.auth-modal-backdrop .otp-hint{color:#5b6a87}.auth-modal-backdrop .auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#2f6bff,#1d4fd8 60%,#183a82);color:#fff;font-size:15px;font-weight:800;box-shadow:0 14px 30px rgba(29,79,216,.35),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .18s,box-shadow .18s}.auth-modal-backdrop .auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px rgba(29,79,216,.45),inset 0 1px 0 rgba(255,255,255,.2)}.auth-modal-backdrop .auth-submit span{transition:transform .18s}.auth-modal-backdrop .auth-submit:hover span{transform:translateX(4px)}.auth-modal-backdrop .auth-method-divider{margin:20px 0 14px;color:#98a5bf;font-weight:700;letter-spacing:.12em}.auth-modal-backdrop .auth-method-divider:after,.auth-modal-backdrop .auth-method-divider:before{background:#e2e8f3}.auth-modal-backdrop .auth-modal-panel>div:has(>iframe),.auth-modal-backdrop .google-auth-option{display:flex;justify-content:center}.auth-modal-backdrop .auth-switch{color:#5b6a87;font-size:13px}.auth-modal-backdrop .auth-switch button{color:#2f6bff;font-weight:800}.auth-modal-backdrop .auth-demo-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#98a5bf}.auth-modal-backdrop .auth-demo-note:before{content:"🔒";font-size:11px}.auth-modal-backdrop .form-error{padding:10px 12px;border:1px solid #f3c6c6;border-radius:10px;background:#fff5f5}.auth-modal-backdrop .form-notice{padding:10px 12px;border:1px solid #b8dccc;border-radius:10px;background:#f0fbf6}@media (max-width:760px){.auth-modal-backdrop{align-items:end;padding:0}.auth-modal-backdrop .auth-modal{width:100%;max-height:94vh;border-radius:26px 26px 0 0;animation-name:auth-sheet-in}.auth-modal-backdrop .auth-modal-intro{display:none}.auth-modal-backdrop .auth-modal-panel{max-height:94vh;padding:30px 20px 24px}.auth-modal-backdrop .auth-modal-panel:before{content:"";display:block;width:44px;height:5px;margin:-16px auto 18px;border-radius:99px;background:#d9e2f0}}@keyframes auth-sheet-in{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.auth-modal-backdrop,.auth-modal-backdrop *{animation:none!important;transition:none!important}}