@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--ink:#17202a;--muted:#687585;--line:#e4e9ef;--blue:#3867f0;--blue-dark:#2854d5;--wash:#f5f7fb;--card:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--wash);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:42% 58%}.brand-panel{color:#fff;background:linear-gradient(145deg,#1c2f64,#3867f0 62%,#6b8cff);padding:48px 9vw 48px 8vw;display:flex;flex-direction:column;justify-content:space-between}.logo{font:700 20px Space Grotesk,sans-serif;letter-spacing:-.5px}.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:#fff;color:var(--blue);vertical-align:middle}.brand-copy{max-width:440px}.brand-copy h1{margin:0 0 20px;font:700 clamp(38px,4vw,62px)/1.02 Space Grotesk,sans-serif;letter-spacing:-2px}.brand-copy p{margin:0;font-size:17px}.brand-copy p,.quote{max-width:390px;color:#dce5ff;line-height:1.6}.quote{font-size:14px}.auth-panel{display:grid;place-items:center;padding:42px 7vw;background:#fff}.auth-card{width:min(100%,420px)}.auth-card h2,.profile-card h1{margin:0;font:700 34px Space Grotesk,sans-serif;letter-spacing:-1px}.subtle{color:var(--muted);line-height:1.5}.auth-card>.subtle{margin:10px 0 30px}.field{display:block;margin-bottom:18px}.field span{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.field input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;outline:none;color:var(--ink);background:#fff;transition:border .2s,box-shadow .2s}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3867f01c}.primary{width:100%;border:0;border-radius:9px;padding:14px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:wait;transform:none}.form-error,.notice{margin:14px 0;border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.4}.form-error{color:#a12525;background:#fff1f1}.notice{color:#76520a;background:#fff8df}.switch{margin-top:25px;text-align:center;color:var(--muted);font-size:14px}.switch a{color:var(--blue);font-weight:700}.demo{margin-top:28px;padding:16px;border:1px solid #dbe4ff;border-radius:10px;background:#f5f8ff;font-size:13px}.demo strong{display:block;margin-bottom:5px}.demo button{margin-top:10px;padding:8px 11px;border:1px solid #c6d3ff;border-radius:6px;background:#fff;color:var(--blue);cursor:pointer;font-weight:600}.profile-layout{min-height:100vh;padding:34px 7vw}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto 54px}.logout{border:1px solid var(--line);border-radius:7px;padding:9px 14px;background:#fff;color:var(--muted);cursor:pointer;font-weight:600}.profile-card{max-width:960px;margin:auto;padding:clamp(25px,5vw,58px);border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 12px 40px #1c2f6410}.profile-heading{display:flex;align-items:center;gap:13px;margin-bottom:42px}.profile-heading .eyebrow{margin:0;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.profile-content{display:grid;grid-template-columns:240px 1fr;grid-gap:60px;gap:60px;align-items:start}.avatar-wrap{text-align:center}.avatar{width:190px;height:190px;margin:0 auto 18px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#e7edff;color:var(--blue);font:700 60px Space Grotesk}.avatar img{width:100%;height:100%;object-fit:cover}.upload-label{display:inline-block;padding:9px 13px;border:1px solid #cbd6fb;border-radius:7px;color:var(--blue);cursor:pointer;font-size:13px;font-weight:700}.upload-label input{display:none}.upload-help{margin:11px 0;color:var(--muted);font-size:12px;line-height:1.5}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.info-item{padding-bottom:16px;border-bottom:1px solid var(--line)}.info-item label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.info-item p{margin:0;font-size:16px;font-weight:600}.loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}@media (max-width:760px){.shell{display:block}.brand-panel{min-height:260px;padding:28px 28px 35px}.brand-copy{margin-top:48px}.brand-copy h1{font-size:39px}.quote{display:none}.auth-panel{padding:45px 25px}.profile-layout{padding:24px 18px}.topbar{margin-bottom:28px}.profile-content{gap:35px}.info-grid,.profile-content{grid-template-columns:1fr}.profile-card h1{font-size:29px}}