@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#050505;--panel:#0b0b0c;--line:#292928;--text:#f4f2ec;--muted:#8d8b85;--amber:#f2a40d;--red:#e46f6f;--green:#4bca86}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font:14px/1.55 "DM Sans",sans-serif}.auth-particles{position:fixed;inset:0;width:100%;height:100%;opacity:.8;pointer-events:none}.auth-nav{position:fixed;z-index:5;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 40px;border-bottom:1px solid rgba(50,50,49,.65);background:rgba(5,5,5,.55);backdrop-filter:blur(16px)}.auth-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:800 15px Manrope;letter-spacing:.18em}.auth-brand img{width:32px;height:32px}.auth-back{display:flex;align-items:center;gap:10px;color:#85837d;text-decoration:none;font:600 10px Manrope;letter-spacing:.08em;text-transform:uppercase}.auth-back:hover{color:#f1b33c}.auth-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(540px,1.1fr);min-height:100vh;padding-top:80px}.auth-story{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(70px,9vh,120px) clamp(40px,6vw,105px) 65px;border-right:1px solid #222;background:radial-gradient(circle at 35% 32%,rgba(242,164,13,.09),transparent 30rem)}.auth-kicker{display:flex;align-items:center;gap:10px;color:#b28a3e;font:700 10px Manrope;letter-spacing:.17em;text-transform:uppercase}.auth-kicker i{width:25px;height:1px;background:var(--amber)}.auth-story h1{max-width:660px;margin:26px 0;font:600 clamp(46px,5vw,78px)/1.02 Manrope;letter-spacing:-.058em}.auth-story h1 em{color:var(--amber);font-style:normal}.auth-story>div>p:last-child{max-width:560px;color:#918f89;font-size:16px;line-height:1.75}.auth-proof{display:flex;align-items:center;gap:18px;padding-top:50px;border-top:1px solid #272726}.auth-proof strong{color:var(--amber);font:700 35px Manrope;letter-spacing:-.05em}.auth-proof span{max-width:210px;color:#77756f;font-size:11px}.auth-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 35px}.auth-card{width:min(100%,570px);padding:45px;border:1px solid #2d2d2c;border-radius:8px;background:linear-gradient(145deg,rgba(16,16,17,.97),rgba(8,8,9,.99));box-shadow:0 35px 100px rgba(0,0,0,.55)}.form-heading>span{color:#9e7523;font:700 9px Manrope;letter-spacing:.17em}.form-heading h2{margin:13px 0 8px;font:700 31px Manrope;letter-spacing:-.04em}.form-heading p{margin:0 0 32px;color:#807e78;font-size:12px}.auth-form{display:grid;gap:19px}.form-field label,.label-row label{display:block;margin-bottom:7px;color:#bbb9b2;font:600 11px Manrope}.label-row{display:flex;justify-content:space-between}.label-row a{color:#b68b36;text-decoration:none;font-size:10px}.input-shell{display:flex;align-items:center;height:49px;border:1px solid #30302f;border-radius:4px;background:#070708;transition:.2s}.input-shell:focus-within{border-color:#a97818;box-shadow:0 0 0 3px rgba(242,164,13,.07)}.input-shell>span{display:grid;place-items:center;width:43px;color:#665d49}.input-shell input{min-width:0;flex:1;height:100%;padding:0 12px 0 0;border:0;outline:0;background:transparent;color:#f0eee8;font:13px "DM Sans"}.input-shell input::placeholder{color:#55544f}.password-toggle{align-self:stretch;padding:0 13px;border:0;background:transparent;color:#8b7b5d;font:600 9px Manrope;text-transform:uppercase;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-error{display:block;min-height:0;margin-top:5px;color:var(--red);font-size:10px}.field-error:not(:empty){min-height:14px}.field-error.standalone{margin-top:-14px}.check-row{display:flex;align-items:flex-start;gap:10px;color:#8e8c86;font-size:11px;cursor:pointer}.check-row input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--amber)}.check-row a{color:#d2a344}.check-row.optional{color:#686762}.auth-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin-top:2px;padding:0 18px;border:1px solid #f2b12e;border-radius:3px;background:linear-gradient(135deg,#ffbd35,#dd8900);color:#171006;font:700 11px Manrope;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}.auth-submit:hover{transform:translateY(-2px);filter:brightness(1.1)}.auth-submit:disabled{cursor:wait;filter:grayscale(.4);opacity:.7;transform:none}.auth-submit i{font-size:17px;font-style:normal}.auth-switch{margin:25px 0 0;color:#77756f;font-size:11px;text-align:center}.auth-switch a{color:#dfaa40;font-weight:700;text-decoration:none}.auth-secure{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:#565550;font-size:9px}.auth-secure span{color:#6e592e}.auth-banner,.form-message{padding:13px 15px;border:1px solid #3a3a38;border-radius:3px;background:#0a0a0b;color:#a6a49e;font-size:11px}.auth-banner{display:flex;gap:11px;margin-bottom:22px}.auth-banner p{margin:0}.auth-banner.success{border-color:#23543a;background:#09130e}.auth-banner.success>span{color:var(--green)}.form-message.error{border-color:#683838;background:#160b0b;color:#e5a0a0}.form-message.success{border-color:#24583d;background:#09150f;color:#90dab0}.selected-plan{display:grid;grid-template-columns:1fr auto;align-items:center;margin:-11px 0 27px;padding:14px;border:1px solid #57451f;background:#121008}.selected-plan span{grid-column:1;color:#80672f;font:700 7px Manrope;letter-spacing:.14em}.selected-plan strong{grid-column:1;margin-top:4px;color:#e7b653;font:700 13px Manrope}.selected-plan a{grid-column:2;grid-row:1/3;color:#9a8b6d;font-size:9px}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:-10px}.password-meter i{height:3px;background:#292928}.password-meter span{grid-column:1/-1;color:#65645f;font-size:9px}.password-meter.level-1 i:nth-child(1),.password-meter.level-2 i:nth-child(-n+2){background:#cc7255}.password-meter.level-3 i:nth-child(-n+3){background:#d39b2f}.password-meter.level-4 i{background:#48ba7a}
@media(max-width:950px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:470px;padding:100px 35px 55px;border-right:0;border-bottom:1px solid #222}.auth-story h1{max-width:720px}.auth-panel{padding:60px 25px 80px}}
@media(max-width:600px){.auth-nav{height:67px;padding:0 16px}.auth-layout{padding-top:67px}.auth-story{min-height:400px;padding:70px 20px 40px}.auth-story h1{font-size:43px}.auth-story>div>p:last-child{font-size:14px}.auth-proof{padding-top:30px}.auth-panel{padding:35px 15px 60px}.auth-card{padding:28px 20px}.form-grid{grid-template-columns:1fr}.auth-back{font-size:0}.auth-back span{font-size:18px}}
@media(prefers-reduced-motion:reduce){.auth-particles{display:none}*{scroll-behavior:auto!important}}
.state-card{text-align:center}.state-symbol{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 25px;border:1px solid #73551b;border-radius:50%;background:#171208;color:var(--amber);font-size:24px}.state-symbol.loading{animation:statePulse 1.2s infinite}.state-symbol.success{border-color:#286342;background:#0b1a11;color:var(--green)}.state-kicker{color:#9e7523;font:700 9px Manrope;letter-spacing:.17em}.state-card h2{margin:14px 0 10px;font:700 29px Manrope}.state-card>p{max-width:430px;margin:0 auto 25px;color:#85837d;font-size:12px}.state-action{margin-top:20px}.resend-form{display:grid;gap:12px;margin-top:25px;padding-top:25px;border-top:1px solid #292928;text-align:left}.resend-form label{color:#aaa8a1;font-size:11px}.invite-summary{display:grid;gap:1px;margin:25px 0;background:#292928;border:1px solid #292928}.invite-summary>div{display:flex;justify-content:space-between;padding:15px;background:#0b0b0c}.invite-summary span{color:#65635e;font:700 8px Manrope;letter-spacing:.12em}.invite-summary strong{color:#d6c397;font-size:12px}.invite-actions,.invite-login{display:grid;gap:10px;margin-top:20px}.secondary-auth-action{display:flex;align-items:center;justify-content:center;min-height:45px;border:1px solid #343432;border-radius:3px;background:#0b0b0c;color:#aaa8a1;font:700 10px Manrope;text-decoration:none;text-transform:uppercase;cursor:pointer}@keyframes statePulse{50%{box-shadow:0 0 30px rgba(242,164,13,.18);transform:scale(1.04)}}
