@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Open+Sans:wght@400;600;700&display=swap');
:root{--purple:#8942fe;--purple-soft:#f2eaff;--orange:#ff7f00;--ink:#0e133b;--muted:#6d6f79;--line:#e8e8ef;--radius:28px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Open Sans',Arial,sans-serif}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.055em;margin:.5rem 0 1.25rem}h2{font-size:clamp(1.6rem,2.6vw,2.25rem);letter-spacing:-.035em;margin:.25rem 0}.shell{min-height:100dvh;display:grid;grid-template-columns:1.06fr .94fr}.intro{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--purple) 0%,#a36cff 100%);color:#fff;padding:48px clamp(28px,5vw,84px);display:flex;flex-direction:column;justify-content:space-between}.intro:after{content:"";position:absolute;width:58vw;height:22vw;border:3vw solid rgba(255,255,255,.12);border-radius:50%;right:-28vw;bottom:-4vw;transform:rotate(-28deg)}.brand-logo,.brand-mark{display:block;position:relative;z-index:1}.brand-logo{width:190px;height:auto}.brand-mark{width:108px;height:auto}.form-brand-row{display:flex;min-height:72px;align-items:flex-start;justify-content:space-between;gap:24px}.form-brand-row .step{margin:.35rem 0 0}.success>.brand-logo,.auth>.brand-logo{width:220px;margin-bottom:28px}.admin header>.brand-logo{width:220px;margin-bottom:20px}.intro-copy{max-width:640px;position:relative;z-index:1}.intro-copy p{font-size:1.05rem;line-height:1.65;max-width:52ch}.eyebrow,.step{text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem}.form-panel{padding:clamp(40px,8vw,120px);align-self:center}.muted,.privacy{color:var(--muted)}.privacy{font-size:.77rem;line-height:1.5;margin-top:1rem}form{display:grid;gap:18px;margin-top:34px}label{display:grid;gap:8px;font-size:.84rem;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:15px 16px;font:inherit;color:var(--ink);background:#fff;outline:none}input:focus,select:focus{border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}button,.button-link{border:0;border-radius:14px;background:var(--orange);color:#17100a;padding:16px 22px;font:700 1rem Manrope,Arial,sans-serif;cursor:pointer;text-decoration:none;text-align:center}button:hover,.button-link:hover{filter:brightness(.95)}.notice{padding:14px 16px;border-radius:14px;margin-top:20px}.error{background:#fff0e4;color:#8a3d00}.success,.auth{width:min(620px,calc(100% - 32px));margin:10vh auto;padding:clamp(28px,6vw,64px);background:var(--purple-soft);border-radius:var(--radius)}.success h1,.auth h1{font-size:clamp(2rem,5vw,3.5rem)}.success p{line-height:1.7;margin-bottom:2rem}.admin{width:min(1260px,calc(100% - 32px));margin:40px auto}.admin header{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:36px}.admin header h1{font-size:2.5rem}.admin-grid{display:grid;grid-template-columns:minmax(280px,.7fr) 1.3fr;gap:48px;margin-bottom:48px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-family:Manrope;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.wide{width:min(760px,calc(100% - 32px))}pre{background:var(--ink);color:#fff;border-radius:16px;padding:20px;overflow:auto;font-size:1rem;line-height:1.8}@media(max-width:850px){.shell{grid-template-columns:1fr}.intro{min-height:44vh}.form-panel{padding:40px 22px}.admin-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.admin header{display:block}.intro:after{width:100vw;height:44vw;right:-48vw}.brand-mark{width:88px}.form-brand-row{min-height:64px}.form-brand-row .brand-logo{width:165px}}
.inline{display:inline;margin:0 0 0 8px}.inline button{padding:6px 9px;border-radius:8px;font-size:.72rem}
@media (min-width:851px) and (max-height:820px){
  .shell{min-height:100dvh}
  .intro{padding:28px clamp(28px,4vw,64px)}
  .brand-mark{width:88px}
  .form-brand-row{min-height:56px}
  .form-brand-row .brand-logo{width:180px}
  .intro-copy{max-width:560px}
  .intro-copy h1{font-size:clamp(2.7rem,4.5vw,3.7rem);margin:.35rem 0 .8rem}
  .intro-copy p{font-size:.96rem;line-height:1.5;margin-bottom:0}
  .form-panel{padding:24px clamp(40px,6vw,80px)}
  .form-panel h2{font-size:1.8rem}
  .form-panel .muted{margin:.45rem 0 0}
  .form-panel form{gap:12px;margin-top:22px}
  .form-panel label{gap:6px}
  .form-panel input{padding:12px 14px;border-radius:12px}
  .form-panel button{padding:13px 20px;border-radius:12px}
  .form-panel .privacy{margin:.7rem 0 0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}