@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--ink:#171511;--paper:#f5f1e8;--cream:#ebe5d9;--acid:#d7ff35;--coral:#ff6652;--violet:#3d204f;--muted:#706a61;--line:rgba(23,21,17,.18)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif}.auth-shell{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{position:relative;background:var(--violet);color:#fff;min-height:100svh;padding:clamp(30px,4vw,66px);display:flex;flex-direction:column;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:55vw;height:55vw;min-width:530px;min-height:530px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-34%;top:-28%}.auth-logo{position:relative;z-index:3}.auth-logo img{width:220px;filter:invert(1)}.visual-copy{position:relative;z-index:3;margin:auto 0;max-width:720px}.visual-copy>p,.auth-kicker{font-size:9px;letter-spacing:.2em;font-weight:700}.visual-copy h1{font-size:clamp(65px,8vw,132px);line-height:.78;letter-spacing:-.075em;margin:28px 0 42px}.visual-copy h1 em{font-family:"Playfair Display",serif;color:var(--coral)}.visual-copy>span{display:block;max-width:530px;color:#bcb3c1;font-size:15px;line-height:1.7}.auth-art{position:absolute;width:280px;height:360px;right:4%;bottom:9%;background:var(--coral);transform:rotate(7deg);overflow:hidden;box-shadow:18px 20px 0 var(--acid)}.auth-art i{position:absolute;width:77%;height:72%;left:11%;bottom:-13%;background:var(--paper);border-radius:48% 48% 0 0;transform:rotate(-8deg)}.auth-art i:after{content:"";position:absolute;width:50%;height:40%;left:25%;top:-17%;border:2px solid var(--ink);border-radius:50%}.auth-art b{position:absolute;right:18px;bottom:18px;text-align:right;font-size:15px;line-height:1;z-index:2}.auth-visual footer{position:relative;z-index:3;display:flex;gap:28px;font-size:8px;letter-spacing:.17em}.auth-panel{min-height:100svh;display:grid;place-items:center;padding:clamp(35px,6vw,90px)}.auth-panel-inner{width:min(100%,480px)}.signup-inner{max-width:540px}.prototype-notice{display:flex;gap:9px;align-items:center;border:1px solid #d8cdbd;background:#efe8dc;padding:10px 12px;margin-bottom:42px;font-size:9px;color:var(--muted)}.prototype-notice i{width:7px;height:7px;border-radius:50%;background:var(--coral)}.auth-panel h2{font-size:clamp(39px,4vw,59px);line-height:.95;letter-spacing:-.055em;margin:9px 0 18px}.auth-subtitle{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 35px;max-width:460px}.auth-form label:not(.auth-check){display:block;font-size:9px;letter-spacing:.08em;font-weight:700;margin-bottom:21px;position:relative}.auth-form input:not([type=checkbox]){display:block;width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:13px 0;outline:0;font-size:13px;margin-top:4px}.auth-form input:focus{border-color:var(--coral)}.label-row{position:absolute;right:0;top:0}.show-password{border:0;background:none;padding:0;font-size:8px;color:var(--muted);text-decoration:underline}.form-meta{display:flex;align-items:center;justify-content:space-between;margin:4px 0 26px}.form-meta>a,.auth-switch a{font-size:10px;color:inherit}.auth-check{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.45}.auth-check input{margin-top:2px;accent-color:var(--coral)}.consent-check{margin:14px 0}.auth-submit{width:100%;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:15px 18px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-top:24px;transition:.2s}.auth-submit:hover{background:var(--coral);border-color:var(--coral)}.auth-status{min-height:18px;font-size:10px;margin:10px 0 0;color:#198253}.auth-status.error{color:#b23c30}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#999;font-size:9px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.demo-access{width:100%;border:1px solid var(--line);background:transparent;padding:14px;font-size:10px}.auth-switch{text-align:center;font-size:10px;margin-top:27px}.auth-switch a{font-weight:700;text-decoration:underline}.auth-legal{text-align:center;font-size:8px;color:#958f85;line-height:1.6;margin-top:35px}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-note{font-size:8px;color:var(--muted);margin:-15px 0 20px}.password-meter{display:flex;gap:4px;align-items:center;margin:-12px 0 22px}.password-meter i{height:3px;flex:1;background:#d7d1c8}.password-meter span{font-size:7px;color:var(--muted);margin-left:6px}.password-meter.weak i:first-child{background:var(--coral)}.password-meter.medium i:nth-child(-n+2){background:#d49a22}.password-meter.strong i{background:#238a57}.signup-visual{background:#18243d}.signup-visual .auth-art{background:var(--acid);box-shadow:18px 20px 0 var(--coral);color:var(--ink)}.reset-visual{background:#231c27}.reset-visual .auth-art{background:#315cf3}.reset-visual .auth-art i{background:var(--acid)}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:430px}.visual-copy{margin:80px 0}.visual-copy h1{font-size:76px}.auth-art{width:180px;height:240px}.auth-panel{min-height:auto;padding:70px 25px}.auth-visual footer{display:none}}
@media(max-width:560px){.auth-visual{min-height:360px;padding:28px 22px}.auth-logo img{width:180px}.visual-copy{margin:70px 0 15px}.visual-copy h1{font-size:58px;margin:18px 0 25px}.visual-copy>span{font-size:11px;max-width:80%}.auth-art{width:125px;height:170px;right:-10px;bottom:22px;box-shadow:9px 10px 0 var(--acid)}.auth-panel{padding:55px 22px}.prototype-notice{margin-bottom:32px}.auth-two{grid-template-columns:1fr;gap:0}}