:root{--auth-ink:#0b0f23;--auth-pink:#ff5c8a;--auth-magenta:#ff2fa1;--auth-wine:#8e0e4d;--auth-line:#e7e9f1;--auth-muted:#687086}
*{box-sizing:border-box}.auth-page{margin:0;min-height:100dvh;background:#f7f8fc;color:var(--auth-ink)}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.auth-showcase{position:relative;overflow:hidden;padding:clamp(2rem,5vw,5rem);color:#fff;background:radial-gradient(circle at 14% 14%,rgba(255,120,139,.75),transparent 28%),radial-gradient(circle at 90% 82%,rgba(255,47,161,.28),transparent 34%),linear-gradient(145deg,#0b0f23 0%,#25102d 42%,#8e0e4d 100%);display:flex;flex-direction:column;justify-content:space-between}.auth-showcase:after{content:"B";position:absolute;right:-.08em;bottom:-.27em;font:900 min(54vw,690px)/1 sans-serif;color:rgba(255,255,255,.035);pointer-events:none}.auth-brand,.auth-mobile-brand{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;color:#fff;text-decoration:none;position:relative;z-index:1}.auth-brand img,.auth-mobile-brand img{width:46px;height:46px;object-fit:contain}.auth-brand span span,.auth-brand span{font-weight:400}.auth-brand b{font-weight:900}.auth-pitch{max-width:590px;position:relative;z-index:1}.auth-kicker,.auth-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:#ff9ab8;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.auth-pitch h1{color:#fff;font-size:clamp(2.35rem,4.5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:1rem 0 1.4rem}.auth-pitch>p{max-width:530px;color:#e8dce7;font-size:1.08rem;line-height:1.7}.auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:2rem}.auth-benefits span{display:flex;align-items:center;gap:.55rem;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);font-size:.88rem}.auth-benefits i{color:#ff7ca3;font-size:1.2rem}.auth-domain{position:relative;z-index:1;color:#cfbfcd;font-size:.82rem}.auth-workspace{display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,5rem);background:radial-gradient(circle at 90% 8%,#ffe9f0,transparent 28%),#f7f8fc}.auth-card{width:min(100%,550px);background:#fff;border:1px solid rgba(11,15,35,.07);border-radius:28px;padding:clamp(1.35rem,3vw,2.35rem);box-shadow:0 30px 75px rgba(24,18,39,.11)}.auth-mobile-brand{display:none;color:var(--auth-ink);margin-bottom:1rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f3f7;padding:.3rem;border-radius:14px;margin-bottom:2rem}.auth-tab{border:0;background:transparent;border-radius:11px;padding:.72rem;font:inherit;font-weight:800;color:var(--auth-muted);cursor:pointer}.auth-tab.active{background:#fff;color:var(--auth-wine);box-shadow:0 5px 18px rgba(20,20,45,.08)}.auth-panel header{margin-bottom:1.5rem}.auth-panel h2{font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:-.035em;margin:.3rem 0;color:var(--auth-ink)}.auth-panel header p{color:var(--auth-muted);margin:0}.auth-panel[hidden]{display:none}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.83rem;font-weight:800;margin-bottom:.42rem}.auth-input{display:flex;align-items:center;border:1px solid var(--auth-line);border-radius:13px;background:#fbfbfd;transition:.2s}.auth-input:focus-within{border-color:var(--auth-pink);box-shadow:0 0 0 4px rgba(255,92,138,.12);background:#fff}.auth-input>i{margin-left:.9rem;color:#9298aa;font-size:1.15rem}.auth-input input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:.86rem .8rem;font:inherit;color:var(--auth-ink)}.password-toggle{border:0;background:transparent;padding:.8rem;color:#73798c;cursor:pointer}.auth-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:.2rem 0 1.15rem;color:var(--auth-muted);font-size:.84rem}.link-button{border:0;background:none;color:var(--auth-wine);font:inherit;font-weight:800;cursor:pointer}.auth-submit{min-height:48px;border-radius:13px}.btn-loading[hidden]{display:none!important}.password-hint{display:flex;gap:.4rem;color:var(--auth-muted);font-size:.78rem;margin:-.3rem 0 1rem}.auth-feedback{padding:.8rem 1rem;border-radius:12px;background:#fff1f4;color:#9d1a43;border:1px solid #ffc4d4;margin-bottom:1rem;font-size:.88rem}.auth-feedback.success{background:#ecf9f2;color:#147347;border-color:#b8ead0}.auth-feedback[hidden]{display:none}.auth-install{border-top:1px solid var(--auth-line);margin-top:1.5rem;padding-top:1.15rem}.auth-install-button{width:100%;border:1px solid #ffc9d8;background:linear-gradient(110deg,#fff7fa,#fff);border-radius:14px;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;color:var(--auth-ink);cursor:pointer;text-align:left}.auth-install-button>span{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem}.auth-install-button>span>i{grid-row:1/3;font-size:1.6rem;color:var(--auth-pink);align-self:center}.auth-install-button small{color:var(--auth-muted);margin-top:.12rem}.auth-install-button:hover{border-color:var(--auth-pink);transform:translateY(-1px)}#install-app-feedback{font-size:.8rem;color:var(--auth-muted);text-align:center;margin:.6rem 0 0}.auth-home-link{display:block;text-align:center;margin-top:1rem;color:var(--auth-muted);font-size:.82rem;text-decoration:none}.auth-modal{width:min(460px,calc(100vw - 2rem));border-radius:22px}.modal[hidden]{display:none!important}.auth-modal .modal-body>p{color:var(--auth-muted)}.install-guide .modal-body{display:grid;gap:.75rem}.install-step{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;padding:.75rem;background:#f7f8fc;border-radius:13px}.install-step>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffe4ec;color:var(--auth-wine)}.install-step>i{font-size:1.45rem;color:var(--auth-pink)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-workspace{min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.auth-mobile-brand{display:flex}.auth-card{border-radius:22px}}
@media(max-width:520px){.auth-workspace{display:block}.auth-card{padding:1.15rem}.auth-fields-row{grid-template-columns:1fr}.auth-panel h2{font-size:1.6rem}.auth-tabs{margin-bottom:1.4rem}.auth-input input{font-size:16px}.auth-options{align-items:flex-start}.auth-install-button small{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}