.frontend-shell{background:radial-gradient(circle at 72% 8%,rgba(22,140,245,.13),transparent 28%),radial-gradient(circle at 18% 12%,rgba(112,70,232,.12),transparent 25%),var(--bg)}.hero{padding:74px 0 62px;overflow:hidden}.hero__grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:52px}.hero__content h1{font-size:clamp(2.5rem,6vw,5.1rem);line-height:.98;letter-spacing:-.05em;margin:10px 0 20px;max-width:820px}.hero__content p{font-size:1.1rem;color:var(--muted);max-width:700px}.hero__actions{display:flex;gap:10px;margin:28px 0}.feature-pills{display:flex;flex-wrap:wrap;gap:9px}.feature-pills span{padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:850;font-size:.82rem}.hero__visual{display:grid;place-items:center}.xo-logo-card{position:relative;width:min(370px,78vw);aspect-ratio:1;border-radius:30%;display:grid;place-items:center;background:#0b2ca4;border:4px solid var(--xo-cyan);box-shadow:0 30px 100px rgba(7,51,199,.30)}.xo-face{color:#fff;font-size:7rem;font-weight:1000;letter-spacing:-.12em;transform:translateX(-.06em)}.xo-smile{width:100px;height:42px;border-bottom:12px solid #fff;border-radius:0 0 100px 100px;margin:0 auto}.xo-burst{position:absolute;top:-54px;left:32px;display:flex;gap:10px;align-items:flex-end;transform:rotate(-16deg)}.xo-burst i{display:block;width:14px;height:48px;border-radius:999px}.xo-burst i:nth-child(1){background:var(--xo-coral);height:34px}.xo-burst i:nth-child(2){background:var(--xo-yellow);height:44px}.xo-burst i:nth-child(3){background:var(--xo-cyan);height:52px}.xo-burst i:nth-child(4){background:var(--xo-green);height:40px}.xo-section{padding:54px 0}.section-title{max-width:720px;margin-bottom:24px}.section-title h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08;margin:8px 0}.card-grid{display:grid;gap:18px}.card-grid--4{grid-template-columns:repeat(4,1fr)}.xo-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow-soft)}.xo-card h3{margin:12px 0 6px}.xo-card p{margin:0;color:var(--muted);font-size:.9rem}.card-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center}.purple{background:var(--xo-purple)}.green{background:var(--xo-green)}.yellow{background:var(--xo-yellow)}.blue{background:var(--xo-electric)}.auth-wrap{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:50px 16px}.auth-card{width:min(470px,100%);background:var(--card);border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.auth-card--wide{width:min(980px,100%)}.auth-heading{display:flex;align-items:center;gap:18px;margin-bottom:14px}.auth-heading h1,.auth-card h1{font-size:2rem;margin:6px 0 4px}.auth-logo{flex:0 0 66px;width:66px;height:66px;border-radius:20px;background:#0b2ca4;border:2px solid var(--xo-cyan);display:grid;place-items:center;color:#fff;font-size:1.4rem;font-weight:1000}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-split fieldset{border:1px solid var(--border);border-radius:20px;padding:18px;display:grid;gap:13px}.form-split legend{padding:0 8px;color:var(--xo-electric);font-weight:1000}.registration-steps{display:flex;align-items:center;justify-content:center;margin:6px 0 22px}.step-chip{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem;font-weight:900}.step-chip b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}.step-chip.is-active{color:var(--text)}.step-chip.is-active b{background:var(--xo-blue);border-color:var(--xo-blue);color:#fff}.step-line{width:44px;height:1px;background:var(--border);margin:0 8px}@media(max-width:900px){.card-grid--4{grid-template-columns:repeat(2,1fr)}.hero__grid{grid-template-columns:1fr}.hero__visual{order:-1}.form-split{grid-template-columns:1fr}}@media(max-width:560px){.card-grid--4{grid-template-columns:1fr}.auth-heading{align-items:flex-start}.registration-steps{justify-content:flex-start;overflow:auto}.step-chip span{display:none}}