@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#182044;--muted:#737995;--purple:#6456df;--violet:#8266ea;--line:#e5e5f1}*{box-sizing:border-box}body{margin:0;background:#f8f8fd;font:15px 'DM Sans',Arial,sans-serif;color:var(--ink);overflow-x:hidden}.shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.intro{position:relative;overflow:hidden;color:white;padding:48px clamp(35px,7vw,105px);background:linear-gradient(145deg,#26246d 0%,#503cb5 50%,#7657df 100%);display:flex;flex-direction:column}.orb{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{left:-200px;bottom:-180px;width:560px;height:560px;background:rgba(108,216,255,.13)}.orb-two{left:35%;top:-120px;width:300px;height:300px;background:rgba(255,255,255,.07)}.brand{position:relative;z-index:1;text-decoration:none;color:white;font-size:20px;font-weight:700;letter-spacing:-.6px;display:flex;align-items:center;gap:10px}.brand i{width:32px;height:32px;border-radius:10px;font-style:normal;display:grid;place-items:center;background:linear-gradient(135deg,#9ad8ff,#b99bff);color:#312b87;font-size:20px}.intro-copy{margin:auto 0}.eyebrow{color:#9eabff;font:11px 'DM Mono',monospace;letter-spacing:1.4px;margin:0 0 16px}.intro h1{font:700 clamp(42px,5vw,67px)/1.04 'Playfair Display',Georgia,serif;margin:0;letter-spacing:-3px}.intro h1 em{color:#d3c8ff}.intro-copy>p:last-child{max-width:380px;line-height:1.7;color:#d1d4f2;margin:25px 0 0;font-size:16px}.trust{position:relative;z-index:1;display:flex;gap:10px;align-items:center;color:#d9dcfa}.trust span{color:#ae9bff}.trust small{line-height:1.45}.panel{display:grid;place-items:center;padding:40px;background:#fff}.form-wrap{width:min(100%,400px)}.panel .eyebrow{color:var(--purple);margin-bottom:12px}.panel h2{font-size:28px;letter-spacing:-1.1px;margin:0 0 8px}.subcopy{color:var(--muted);margin:0 0 30px}label{font-size:13px;font-weight:600;display:block;margin:18px 0 8px}.label-row{display:flex;justify-content:space-between}input[type=email],input[type=password]{width:100%;height:48px;border:1px solid var(--line);border-radius:8px;padding:0 13px;outline:0;font:14px 'DM Sans',sans-serif;transition:.15s}input:focus{border-color:#8174e4;box-shadow:0 0 0 3px #eeecff}.remember{display:flex;align-items:center;gap:8px;color:#626983;font-weight:400;margin:18px 0 23px}.remember input{accent-color:var(--purple);width:15px;height:15px;margin:0}.form-wrap button{height:48px;border:0;border-radius:8px;width:100%;cursor:pointer;background:linear-gradient(100deg,#5748cd,#755de0);box-shadow:0 8px 18px #6654d244;color:#fff;font-weight:700;font-size:14px}.form-wrap button:hover{filter:brightness(1.07)}.form-wrap button b{font-size:18px;margin-left:8px}.help{text-align:center;color:#858aa1;font-size:13px;margin:25px 0 0}.error{font-size:12px;color:#cc3f63;margin:6px 0 -10px}.flash{background:#eaf8ef;border:1px solid #bfe5cb;color:#287044;padding:10px 12px;border-radius:7px;font-size:13px;margin:0 0 18px}@media(max-width:760px){.shell{display:block}.intro{min-height:270px;padding:30px}.intro-copy{margin-top:50px}.intro h1{font-size:41px;letter-spacing:-2px}.intro-copy>p:last-child,.trust{display:none}.panel{padding:40px 27px 55px}}.password-wrap{
    position:relative;
    display:block;
    width:100%;
}
.pw-input{
    width:100%;
    height:48px;
    border:1px solid var(--line);
    border-radius:8px;
    padding:0 44px 0 13px;
    outline:0;
    font:14px 'DM Sans',sans-serif;
    transition:.15s;
    box-sizing:border-box;
}
.pw-input:focus{
    border-color:#8174e4;
    box-shadow:0 0 0 3px #eeecff;
}
.form-wrap button.toggle-password{
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    width:32px;
    height:32px;
    background:none;
    box-shadow:none;
    border:0;
    border-radius:6px;
    cursor:pointer;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9498ad;
}
.form-wrap button.toggle-password:hover{
    color:var(--purple);
    background:#f3f2fd;
}
.toggle-password svg{width:19px;height:19px}