:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;--bg: #07111f;--bg-elevated: rgba(14, 28, 46, .88);--bg-soft: rgba(19, 36, 58, .75);--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .1);--text: #ecf4ff;--muted: #9fb0c7;--line: rgba(188, 204, 220, .16);--accent: #f97316;--accent-alt: #22c55e;--shadow: 0 24px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{background:radial-gradient(circle at top,rgba(249,115,22,.18),transparent 30%),linear-gradient(180deg,#081221,#040a13)}body{margin:0;min-width:320px;color:var(--text);background:transparent}a{color:inherit;text-decoration:none}button,textarea{font:inherit}code{font-family:IBM Plex Mono,SFMono-Regular,monospace}#root{min-height:100vh}.site-shell{max-width:1200px;margin:0 auto;padding:24px}.site-header,.site-footer,.hero,.split-panel,.section,.download-card,.timeline-card,.skill-card,.auth-card,.account-card,.info-card,.hero-panel{border:1px solid var(--line);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:24px;padding:16px 20px}.site-header{position:sticky;top:20px;z-index:10;margin-bottom:28px}.site-footer{margin-top:40px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#fb7185);color:#0b1220}.site-nav,.hero-actions,.footer-links,.tab-row{display:flex;flex-wrap:wrap;gap:12px}.nav-link{color:var(--muted)}.nav-link.active,.text-link,.footer-links a:hover{color:var(--text)}.page-stack{display:grid;gap:28px}.page-stack.narrow{max-width:760px;margin:0 auto}.hero,.split-panel,.account-grid{display:grid;gap:24px;border-radius:32px;padding:32px}.hero,.split-panel{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr)}.hero-copy h1,.section h1,.section h2,.account-card h1{margin:0;line-height:.95;letter-spacing:-.04em}.hero-copy h1,.section h1{font-size:clamp(3rem,8vw,5.7rem)}.section h2,.account-card h1{font-size:clamp(2rem,4vw,3.1rem)}.hero-subtitle,.body-copy,.footer-copy,.status-line{color:var(--muted);line-height:1.6;max-width:58ch}.hero-panel,.download-card,.timeline-card,.skill-card,.auth-card,.account-card,.info-card{border-radius:24px;padding:24px}.hero-panel,.timeline-card{background:linear-gradient(180deg,#101f31e6,#0b1525e0)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#fbbf24}.primary-button,.secondary-button,.ghost-button,.tab-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;cursor:pointer;padding:14px 20px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.primary-button{background:linear-gradient(135deg,var(--accent),#fb7185);color:#0b1220;font-weight:700}.secondary-button,.tab-button,.ghost-button{background:#ffffff0a;border-color:var(--line);color:var(--text)}.ghost-button{color:var(--muted)}.small{padding:10px 14px;border-radius:14px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.tab-button:hover,.nav-link:hover{transform:translateY(-1px)}.wide{width:100%}.tab-button.active{background:#f973162e;border-color:#f9731666}.number-list,.requirements-list{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}.section,.auth-card{border-radius:28px;padding:32px}.section-tight{max-width:900px}.section-heading{margin-bottom:20px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-card{display:grid;gap:18px}.skill-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.skill-card h3{margin:0;font-size:1.2rem;line-height:1.45}.skill-details summary{cursor:pointer;color:var(--muted)}.skill-example{display:grid;gap:14px;margin-top:14px}.skill-example span,.api-key-block label{display:block;margin-bottom:6px;color:#fbbf24;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.skill-example p,.footer-title{margin:0}.auth-card,.account-card{display:grid;gap:18px}.api-key-block textarea{width:100%;min-height:120px;border:1px solid var(--line);border-radius:18px;padding:16px;color:var(--text);background:#00000038;resize:vertical}.helper-text,.hero-meta{margin:0;color:var(--accent-alt)}.footer-title{font-weight:700}.footer-links{color:var(--muted)}@media(max-width:960px){.hero,.split-panel,.account-grid,.skill-grid{grid-template-columns:1fr}.site-header{position:static}}@media(max-width:640px){.site-shell{padding:16px}.site-header,.site-footer,.section,.hero,.split-panel{padding:20px;border-radius:20px}.hero-copy h1,.section h1{font-size:clamp(2.4rem,15vw,4rem)}}.benefit-list{list-style:none;padding:1.25rem 1.5rem;margin:0;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}.benefit-list li{font-size:.95rem;color:var(--text)}.benefit-list li:before{content:"✓  ";color:var(--accent-alt);font-weight:700}.prompt-textarea{width:100%;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:.75rem 1rem;resize:vertical;min-height:120px;outline:none;transition:border-color .15s}.prompt-textarea:focus{border-color:var(--accent)}.response-pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:1rem 1.25rem;white-space:pre-wrap;word-break:break-word;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.875rem;color:var(--text);line-height:1.6;max-height:60vh;overflow-y:auto}