.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#000;color:#fff;font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-showcase{position:relative;overflow:hidden;display:flex;align-items:center;padding:56px;background:#000}.auth-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 52% at 22% 16%,rgba(74,144,245,.2),transparent 60%),radial-gradient(ellipse 60% 50% at 88% 92%,rgba(74,124,245,.1),transparent 60%)}.auth-showcase-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:38px;width:100%;max-width:520px}.auth-logo{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none}.auth-pill-img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(74,144,245,.5))}.auth-headline{margin:0 0 16px;font-size:clamp(1.85rem,2.6vw,2.4rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;background:var(--title-shade);-webkit-background-clip:text;background-clip:text}.auth-headline,.auth-headline .accent{-webkit-text-fill-color:transparent;color:transparent}.auth-headline .accent{font-family:var(--font-instrument-serif),"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;font-size:1.08em;letter-spacing:0;background:linear-gradient(180deg,#cfe6ff,#46a3f4);-webkit-background-clip:text;background-clip:text}.auth-subcopy{margin:0;max-width:440px;color:rgba(255,255,255,.5);font-size:1rem;line-height:1.6}.auth-mock{--muted:#8a8f9e;position:relative;width:100%;display:grid;grid-template-columns:156px 1fr;height:432px;background:#16181d;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 60px rgba(60,110,235,.06)}.auth-mock .hc-side{display:flex;flex-direction:column;min-height:0;background:#0f1115;border-right:1px solid rgba(255,255,255,.05);padding:14px 10px}.auth-mock .hc-side-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 16px}.auth-mock .hc-brand{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#f3f2ee}.auth-mock .hc-compose{display:grid;place-items:center;color:var(--muted)}.auth-mock .hc-newchat{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:#e9e7e2;font-size:.78rem;font-weight:500}.auth-mock .hc-side-label{font-size:.66rem;color:var(--muted);padding:0 6px 9px}.auth-mock .hc-side-group{margin-bottom:13px}.auth-mock .hc-side-date{font-size:.6rem;color:rgba(255,255,255,.32);padding:0 6px 5px}.auth-mock .hc-side-item{font-size:.74rem;color:#c8c7c2;padding:7px 8px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-mock .hc-side-item.is-active{background:rgba(255,255,255,.07);color:#fff}.auth-mock .hc-user-sel{margin-top:auto;display:flex;align-items:center;gap:9px;padding:9px 6px 2px;font-size:.74rem;color:#e9e7e2;border-top:1px solid rgba(255,255,255,.05)}.auth-mock .hc-ava{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:#3a3937;color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center}.auth-mock .hc-user-sel svg{margin-left:auto;color:var(--muted)}.auth-mock .hc-main{display:flex;flex-direction:column;min-width:0}.auth-mock .hc-scroll{flex:1;min-height:0;padding:22px 20px 6px;display:flex;flex-direction:column;gap:18px}.auth-mock .hc-user{align-self:flex-end;max-width:84%;background:rgba(255,255,255,.06);color:#ededec;font-size:.84rem;line-height:1.5;padding:11px 15px;border-radius:14px;opacity:0;animation:authCmIn .5s ease .4s forwards}.auth-mock .hc-claude{opacity:0;animation:authCmIn .5s ease 1.1s forwards}.auth-mock .hc-claude-row{display:flex;gap:11px}.auth-mock .hc-ava-spark{flex-shrink:0;margin-top:1px}.auth-mock .hc-claude-body{min-width:0}.auth-mock .hc-claude-body>p{font-size:.84rem;color:#e7e6e2;margin:0 0 13px;line-height:1.55}.auth-mock .hc-num{font-size:.81rem;line-height:1.5;margin-bottom:13px}.auth-mock .hc-num b{color:#fff;display:block;margin-bottom:3px;font-weight:600}.auth-mock .hc-num span{color:#a8a7a2}.auth-mock .hc-srcs{display:inline-flex;align-items:center;gap:8px;margin-top:2px;font-size:.74rem;color:#c8c7c2;padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.auth-mock .hc-srcs-link{color:#93a4dd}.auth-mock .hc-composer{padding:8px 16px 14px}.auth-mock .hc-input{display:flex;align-items:center;gap:10px;padding:10px 11px 10px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);font-size:.8rem;color:rgba(255,255,255,.4)}.auth-mock .hc-send{margin-left:auto;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#d97757;color:#fff;display:grid;place-items:center}@keyframes authCmIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-form-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:56px 40px;background:#000}.auth-form-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 46% at 50% -4%,rgba(74,124,245,.1),transparent 58%)}.auth-form-wrap{position:relative;z-index:1;width:100%;max-width:380px;display:flex;flex-direction:column;gap:26px}.auth-logo--mobile{display:none;justify-content:center}.auth-card{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:34px 30px}.auth-card h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px;background:var(--title-shade);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-card p.text-muted{color:rgba(255,255,255,.45)!important}.auth-card .label{color:rgba(255,255,255,.62);font-size:.82rem;font-weight:500;display:block;margin-bottom:7px}.auth-card .input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#fff;font-size:.94rem;padding:12px 15px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-card .input::placeholder{color:rgba(255,255,255,.28)}.auth-card .input:focus{border-color:#4f9ff0;background:rgba(255,255,255,.05);box-shadow:0 0 0 3px rgba(79,159,240,.16);outline:none}.auth-card .btn-primary{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-geist-sans),sans-serif;font-weight:600;font-size:.92rem;padding:13px 24px;border-radius:11px;cursor:pointer;border:1px solid rgba(145,180,255,.42);background:linear-gradient(180deg,#3d6def,#2243c6);color:#fff;box-shadow:0 6px 24px rgba(45,86,220,.46);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.auth-card .btn-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg,#4d7cf8,#2a52d6);border-color:rgba(170,200,255,.58);box-shadow:0 12px 32px rgba(45,86,220,.54)}.auth-card .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-card .text-muted{color:rgba(255,255,255,.45)}.auth-card .text-accent,.auth-card a.text-accent{color:#6fb0f4;font-weight:600}.auth-card a.text-accent:hover{color:#9ccbfb}.auth-card .text-red-600{color:#ff8585!important}.auth-card .bg-red-50{background:rgba(255,107,107,.1)!important}@media (max-width:880px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-panel{min-height:100vh;padding:44px 24px}.auth-logo--mobile{display:flex}}.auth-card .auth-whop-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:12px;font-weight:700;font-size:.95rem;color:#fff;background:#fa4616;border:1px solid #fa4616;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 6px 22px rgba(250,70,22,.28)}.auth-card .auth-whop-btn:hover{background:#e63d10;border-color:#e63d10;transform:translateY(-1px);box-shadow:0 10px 28px rgba(250,70,22,.36)}.auth-card .auth-whop-btn svg{flex-shrink:0}