:root{color-scheme:light;--color-ink:#1e242b;--color-muted:#5b626c;--color-paper:#fafaf8;--color-line:#e6ebf2;--color-accent:#e5005c;--color-success:#0d7a43;--color-error:#a92525;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(229,0,92,.1),transparent 32rem),var(--color-paper);color:var(--color-ink)}button,input{font:inherit}.app-shell{min-height:100vh}.app-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafaf8e0;border-bottom:1px solid var(--color-line);display:flex;justify-content:space-between;padding:1rem clamp(1rem,4vw,2rem);position:sticky;top:0;z-index:10}.brand{color:var(--color-ink);font-weight:800;text-decoration:none;white-space:nowrap}.app-header nav a{color:var(--color-muted);text-decoration:none}.page-home{display:grid;gap:clamp(1.25rem,3vw,2rem);margin-inline:auto;max-width:1120px;min-height:calc(100vh - 72px);padding:clamp(1rem,4vw,3rem)}.circle-card,.form-card,.hero-card,.panel,.profile-card{background:#fffffff0;border:1px solid var(--color-line);box-shadow:0 24px 80px #1e242b14}.hero-card{border-radius:28px;display:grid;gap:1rem;padding:clamp(1.5rem,5vw,4rem)}.panel{border-radius:24px;display:grid;gap:1.25rem;grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);padding:clamp(1.25rem,4vw,2rem)}.eyebrow{color:var(--color-accent);font-size:.8rem;font-weight:800;letter-spacing:.12em;margin:0 0 .75rem;text-transform:uppercase}h1,h2,h3{letter-spacing:-.05em;line-height:1;margin:0 0 1rem}h1{font-size:clamp(2.5rem,7vw,5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--color-muted);line-height:1.6;margin:0}.hero-card>p:last-of-type{font-size:clamp(1.05rem,2vw,1.25rem);max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.button-primary,.button-secondary,.form-card button,.profile-card button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:.8rem 1.1rem;text-decoration:none}.button-primary,.form-card button{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.button-secondary,.profile-card button{background:#fff;border:1px solid var(--color-line);color:var(--color-ink)}.compact{width:-moz-fit-content;width:fit-content}.form-card,.profile-card{border-radius:18px;display:grid;gap:.7rem;padding:1rem}.form-card label{color:var(--color-ink);font-weight:800}.form-card input{border:1px solid var(--color-line);border-radius:14px;padding:.9rem 1rem;width:100%}.form-card input:focus{border-color:var(--color-accent);outline:3px solid rgba(229,0,92,.18)}.form-card button:disabled{cursor:wait;opacity:.7}.message,.notice{border-radius:14px;padding:.8rem 1rem}.notice{background:#f7f9fc;border:1px solid var(--color-line)}.success{background:#0d7a431a;color:var(--color-success)}.error{background:#a925251a;color:var(--color-error)}.circle-list{display:grid;gap:.75rem;grid-column:1/-1}.circle-card{align-items:center;border-radius:16px;display:flex;justify-content:space-between;padding:1rem}.circle-card span{background:#f7f9fc;border-radius:999px;color:var(--color-muted);font-size:.85rem;font-weight:800;padding:.35rem .65rem;text-transform:uppercase}@media(max-width:760px){.panel{grid-template-columns:1fr}.form-card button,.hero-actions a{width:100%}}
