/* YourAI setup design v1, revision 2 — portal ink grid, paper surfaces, amber details. */
.yourai-setup { --bg:var(--setup-ground); --surface:var(--setup-surface); --surface-2:var(--setup-surface); --ink:var(--setup-ink); --ink-soft:var(--setup-muted); --muted:var(--setup-muted); --line:var(--setup-line); --line-strong:var(--setup-line); --trust-strong:#9f5b0a; --setup-ground:#1c1c1b; --setup-surface:#fffdf8; --setup-ink:#20201f; --setup-muted:#6d6962; --setup-line:#d6cfc1; color-scheme:light; margin:0; min-height:100svh; color:var(--setup-ink); background:var(--setup-ground); font:16px/1.6 Arial,Helvetica,sans-serif; }
.yourai-setup::before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px); background-size:40px 40px; }
.yourai-setup .auth-top { display:none; }
.yourai-setup .auth-main { position:relative; display:grid; place-items:center; width:100%; max-width:none; min-height:100svh; padding:48px 24px; box-sizing:border-box; }
.yourai-setup .auth-card { position:relative; isolation:isolate; width:min(100%,650px); max-width:650px; padding:1px; border:1px solid var(--setup-line); border-radius:24px; background:var(--setup-surface); box-shadow:8px 8px 0 #00000030; animation:setup-enter .2s cubic-bezier(.22,1,.36,1) both; }
.yourai-setup .auth-card::before { content:""; position:absolute; z-index:1; top:0; left:40px; width:84px; height:3px; background:#f0a23b; animation:setup-frame 12s ease-in-out infinite alternate; }
.yourai-setup .auth-card-body { padding:48px clamp(24px,5vw,56px) 44px; border-radius:22px; background:var(--setup-surface); }
.yourai-setup .auth-card-foot { background:var(--setup-surface); border-radius:0 0 22px 22px; margin-top:-25px; padding:16px 40px 28px; }
.yourai-setup .setup-mark { display:block; width:64px; height:64px; margin:0 auto 30px; object-fit:contain; }
.yourai-setup .page-head { display:block; margin:0 0 28px; padding:0; border:0; text-align:center; }
.yourai-setup .page-head h1,.yourai-setup h1,.yourai-setup h2,.yourai-setup .auth-h { margin:0 0 20px; color:var(--setup-ink); font:400 clamp(30px,4vw,42px)/1.16 Georgia,serif; letter-spacing:-.035em; }
.yourai-setup .auth-h .icon { display:none; }
.yourai-setup .auth-intro,.yourai-setup .p-lede,.yourai-setup .p-hint,.yourai-setup .page-head p { color:var(--setup-muted); font-size:15px; line-height:1.65; }
.yourai-setup .setup-eyebrow { margin:0 0 24px; color:var(--trust-strong); font:10px/1.5 "SFMono-Regular",Menlo,Consolas,monospace; letter-spacing:.09em; text-transform:uppercase; }
.yourai-setup .auth-intro { margin-bottom:32px; }
.yourai-setup form { margin:0; }
.yourai-setup .p-field label,.yourai-setup label { color:var(--setup-ink); font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:normal; text-transform:none; }
.yourai-setup input:not([type=hidden]):not([type=checkbox]),.yourai-setup select { width:100%; min-height:48px; padding:12px 16px; border:1px solid var(--setup-line); border-radius:12px; background:var(--setup-surface); color:var(--setup-ink); font:inherit; box-sizing:border-box; }
.yourai-setup .p-btn,.yourai-setup .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:10px 24px; border:1px solid var(--setup-line); border-radius:999px; background:transparent; color:var(--setup-ink); font:500 15px/1.4 Arial,Helvetica,sans-serif; text-decoration:none; cursor:pointer; transition:background .16s,transform .16s; }
.yourai-setup .p-btn:hover,.yourai-setup .btn:hover { background:#f0a23b18; transform:translateY(-1px); }
.yourai-setup .p-btn-primary,.yourai-setup .btn-primary { background:var(--setup-ink); border-color:var(--setup-ink); color:var(--setup-surface); }
.yourai-setup .p-btn-primary:hover,.yourai-setup .btn-primary:hover { background:var(--setup-ink); opacity:.9; }
.yourai-setup .p-btn-block { width:100%; box-sizing:border-box; }
.yourai-setup .auth-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.yourai-setup .auth-warn { display:flex; gap:10px; margin:28px 0 0; color:var(--setup-muted); font-size:13px; }
.yourai-setup .auth-warn .icon { flex:0 0 18px; }
.yourai-setup a { color:inherit; text-underline-offset:3px; }
.yourai-setup .p-foot,.yourai-setup .auth-foot,.yourai-setup .p-or { color:var(--setup-muted); font-size:13px; }
.yourai-setup :focus-visible { outline:3px solid #b36c12; outline-offset:4px; }
.yourai-setup [disabled] { opacity:.45; cursor:default; transform:none; }
.yourai-setup .signup-choice { display:flex; gap:4px; padding:4px; margin:0 0 24px; border:1px solid var(--setup-line); border-radius:999px; }
.yourai-setup .signup-choice legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.yourai-setup .signup-choice label { flex:1; position:relative; cursor:pointer; text-align:center; margin:0; }
.yourai-setup .signup-choice input[type=radio] { position:absolute; width:1px; height:1px; min-height:0; padding:0; opacity:0; }
.yourai-setup .signup-choice span { display:block; padding:10px 14px; border-radius:999px; }
.yourai-setup .signup-choice input:checked + span { background:var(--setup-ink); color:var(--setup-surface); }
.yourai-setup .signup-choice input:focus-visible + span { outline:3px solid #b36c12; outline-offset:2px; }
.yourai-setup [data-organization-field][hidden] { display:none; }
.yourai-setup [data-signup-choice] .field + .p-btn { margin-top:16px; }
@keyframes setup-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes setup-frame { from { opacity:.65; } to { opacity:1; } }
@media(prefers-color-scheme:dark) { .yourai-setup { --trust-strong:#efb960; --setup-ground:#171716; --setup-surface:#262624; --setup-ink:#fffdf8; --setup-muted:#c4bfb5; --setup-line:#68665f; color-scheme:dark; } }
@media(prefers-reduced-motion:reduce) { .yourai-setup *,.yourai-setup *::before { animation:none!important; transition:none!important; transform:none!important; } }
@media(prefers-reduced-transparency:reduce) { .yourai-setup::before { display:none; } }
@media(prefers-contrast:more) { .yourai-setup::before { display:none; } .yourai-setup .auth-card,.yourai-setup input { border:2px solid var(--setup-ink); } }
@media(max-width:480px) { .yourai-setup .auth-main { padding:20px 12px; } .yourai-setup .auth-card-body { padding:28px 20px; } .yourai-setup .auth-actions > * { flex:1; } }