:root{--auth-navy:#0c2445;--auth-teal:#35d0ba;--auth-ink:#172235;--auth-muted:#64748b;--auth-line:#dce5ee;--auth-bg:#f4f8fb}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.app{font-size:1rem}.table td,.opp-table td{font-size:.875rem}
html.auth-pending .app{visibility:hidden}
#publicAuthGate{display:none!important}
.auth-experience[hidden],.app[hidden]{display:none!important}
.auth-experience [hidden]{display:none!important}
.auth-experience{min-height:100svh;background:var(--auth-bg);display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,560px);align-items:stretch;color:#fff}
.auth-story{padding:clamp(36px,7vw,96px);display:flex;flex-direction:column;justify-content:center;max-width:none;background:linear-gradient(145deg,#081b35,#123b67)}
.auth-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.1rem;margin-bottom:clamp(44px,8vh,90px)}
.auth-story h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.05em;max-width:720px;margin:0 0 22px}
.auth-story>p{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65;color:#d8e7f5;max-width:620px;margin:0}
.auth-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px}
.auth-trust div{border:1px solid #ffffff24;background:#ffffff0d;border-radius:12px;padding:14px;font-size:.9rem;color:#e9f4ff}
.auth-panel-wrap{background:rgba(247,250,252,.96);color:var(--auth-ink);display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);min-width:0}
.auth-panel{width:min(440px,100%)}
.auth-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.auth-panel h2{font-size:1.9rem;line-height:1.15;margin:0 0 9px;letter-spacing:-.03em}.auth-panel .auth-intro{color:var(--auth-muted);margin:0 0 24px;line-height:1.55}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#e8eef4;border-radius:10px;margin-bottom:24px}
.auth-mode-tabs button{min-height:42px;border-radius:8px;background:transparent;color:#526176;font-weight:750}.auth-mode-tabs button[aria-selected="true"]{background:#fff;color:var(--auth-navy);box-shadow:0 1px 5px #132a4f18}
.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:7px}.auth-field label{font-weight:750;font-size:.9rem;color:#40516a}.auth-field input,.auth-field select{width:100%;min-height:48px;border:1px solid var(--auth-line);border-radius:9px;padding:11px 12px;background:#fff;color:var(--auth-ink);font:inherit}.auth-field input:focus,.auth-field select:focus{outline:3px solid #35d0ba55;border-color:#1aa493}.auth-field small{color:var(--auth-muted);line-height:1.4}
.creator-registration-fields{display:grid;gap:14px}.creator-registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-legal-acceptance{display:grid;gap:9px;border:1px solid var(--auth-line);background:#f8fafc;border-radius:10px;padding:12px 14px}.creator-legal-acceptance label{display:flex;gap:9px;align-items:flex-start;color:#40516a;font-size:.88rem}.creator-legal-acceptance input{margin-top:3px;accent-color:var(--auth-teal)}.creator-legal-acceptance small{color:var(--auth-muted);line-height:1.45}.auth-legal-links{display:flex;gap:14px;flex-wrap:wrap}.auth-legal-links a{color:#245c8e;font-weight:700;text-underline-offset:3px}.registration-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.registration-phone-row button{white-space:nowrap}
.auth-submit{min-height:48px;width:100%;margin-top:4px}.auth-link{background:transparent;color:#245c8e;padding:7px 2px;font-weight:750;text-decoration:underline;text-underline-offset:3px}.auth-link-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.auth-status{min-height:22px;color:#526176;font-size:.9rem;margin:2px 0 0}.auth-status.error{color:#aa3440}.auth-status.success{color:#087a68}.auth-security-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid var(--auth-line);margin-top:24px;padding-top:18px;color:#68758a;font-size:.82rem;line-height:1.5}.auth-security-note strong{color:#2b425d}
.password-policy{border:1px solid var(--auth-line);background:#f8fafc;border-radius:10px;padding:12px 14px;color:#526176;font-size:.8rem}.password-policy>strong{display:block;color:#34465f;margin-bottom:7px}.password-policy ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.password-policy li{display:flex;align-items:flex-start;gap:6px;line-height:1.35}.password-policy li::before{content:'○';color:#8b98a9;font-weight:900}.password-policy li[data-passed="true"]{color:#087a68}.password-policy li[data-passed="true"]::before{content:'✓';color:#087a68}.password-policy li[data-password-check="categories"]{grid-column:1/-1}.password-strength{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;margin-top:10px}.password-strength span:nth-child(2){text-align:end;font-weight:750;color:#34465f}.password-strength i{grid-column:1/-1;height:5px;border-radius:10px;background:linear-gradient(90deg,#d9525a 0 25%,#dfe5ec 25%);overflow:hidden}.password-strength i[data-strength="fair"]{background:linear-gradient(90deg,#e99a43 0 50%,#dfe5ec 50%)}.password-strength i[data-strength="strong"]{background:linear-gradient(90deg,#35b9a6 0 75%,#dfe5ec 75%)}.password-strength i[data-strength="very_strong"]{background:#087a68}
.account-security-body{padding:0 20px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.account-identity{min-width:0}.account-identity b,.account-identity span{display:block}.account-identity span{color:var(--muted);overflow-wrap:anywhere}.settings-directory{padding:0 20px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-destination{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#fbfcfd}.settings-destination b,.settings-destination small{display:block}.settings-destination small{color:var(--muted);margin-top:3px;line-height:1.45}.settings-destination button{flex:none}
button,input,select,textarea,a{scroll-margin:90px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2bbdaa!important;outline-offset:2px}
.modal-backdrop,.opp-modal-backdrop{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
#inviteAcceptBackdrop{background:linear-gradient(145deg,rgba(6,20,41,.98),rgba(17,59,103,.96));z-index:9200}
#inviteAcceptBackdrop .modal{max-height:calc(100svh - 32px);overflow:auto}
html[dir="rtl"] .auth-experience{direction:rtl}html[dir="rtl"] .auth-security-note{flex-direction:row-reverse;text-align:right}html[dir="rtl"] .settings-destination{flex-direction:row-reverse;text-align:right}html[dir="rtl"] .password-policy{text-align:right}html[dir="rtl"] .password-strength span:nth-child(2){text-align:left}
@media(max-width:860px){.auth-experience{grid-template-columns:1fr;background:var(--auth-bg)}.auth-story{padding:30px 24px;background:linear-gradient(135deg,#081b35,#123b67)}.auth-story h1{font-size:2.25rem}.auth-story>p{font-size:1rem}.auth-brand{margin-bottom:28px}.auth-trust{display:none}.auth-panel-wrap{padding:30px 22px;align-items:flex-start}.settings-directory{grid-template-columns:1fr}}
@media(max-width:520px){.auth-story{padding:calc(22px + env(safe-area-inset-top)) 18px 25px}.auth-story h1{font-size:1.9rem}.auth-panel-wrap{padding:25px 16px calc(25px + env(safe-area-inset-bottom))}.auth-panel-top{margin-bottom:21px}.auth-panel h2{font-size:1.55rem}.auth-mode-tabs button,.auth-submit,.auth-link{min-height:44px}.auth-link-row{align-items:stretch;flex-direction:column}.auth-link-row .auth-link{text-align:start}.account-security-body{align-items:stretch}.account-security-body button{width:100%}.password-policy ul,.creator-registration-grid,.registration-phone-row{grid-template-columns:1fr}.password-policy li[data-password-check="categories"]{grid-column:auto}.registration-phone-row button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}