.welcome{max-width:1100px;padding:var(--space-12) var(--space-10) var(--space-14);color:var(--ink-900);margin:0 auto;line-height:1.6}.welcome-brand{align-items:center;gap:var(--space-4);font-size:22px;font-weight:var(--weight-bold);color:var(--ink-900);text-decoration:none;display:inline-flex}.welcome-brand span{background:var(--brand);color:var(--paper);padding:3px var(--space-4);border-radius:var(--radius-md)}.welcome-grid{margin:var(--space-16) 0;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;display:grid}.welcome-story h2{font-size:48px;line-height:var(--leading-tight);letter-spacing:-1.5px;margin:var(--space-8) 0 var(--space-10)}.welcome-eyebrow{font-size:var(--text-1);letter-spacing:1.4px;font-weight:var(--weight-bold);color:var(--accent-700)}.welcome-story>p{max-width:430px}.welcome-story ol{padding-left:22px}.welcome-story li{padding:5px 0}.welcome-note{font-size:var(--text-2);color:var(--ink-700)}.welcome-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-md)}.welcome-form h1{font-size:var(--text-6);margin:0 0 var(--space-5)}.welcome-form label{font-size:var(--text-3);font-weight:var(--weight-semibold)}.welcome-form input{border:1px solid var(--control-line);border-radius:var(--radius-sm);width:100%;padding:var(--space-5);font:inherit;margin-top:var(--space-2)}.welcome-form button{padding:var(--space-5) var(--space-8);background:var(--accent-600);color:var(--paper);border-radius:var(--radius-sm);font:inherit;font-weight:var(--weight-semibold);border:0;width:100%}.welcome-form button:hover:not(:disabled){background:var(--accent-700)}.welcome-form button:active:not(:disabled){background:var(--accent-800)}.welcome-form button:disabled{background:var(--disabled-fill);color:var(--disabled-ink);border-color:var(--disabled-line);cursor:wait}.welcome a,.app-page a{color:var(--accent-700)}.welcome-brand:link{color:var(--ink-900)}.welcome :focus-visible,.app-page :focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.welcome footer{border-top:1px solid var(--line);padding-top:var(--space-10);gap:var(--space-9);font-size:var(--text-2);justify-content:space-between;display:flex}.app-page{max-width:920px;margin:var(--space-12) auto;padding:0 var(--space-10) 60px;line-height:1.6}.app-page h1{font-size:30px}.app-page h2{font-size:var(--text-5);margin-bottom:var(--space-5)}.app-page header{justify-content:space-between;gap:var(--space-7);align-items:center;margin:28px 0;display:flex}.app-page section,.app-page .workspace-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin:var(--space-7) 0;padding:22px;display:block}.app-page .workspace-card{margin:var(--space-4) 0;text-decoration:none}.app-page button,.app-page .app-primary{padding:11px var(--space-7);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--accent-700);font:inherit;display:inline-block}.app-page .app-primary,.app-page button[type=submit]{background:var(--accent-600);color:var(--paper);border-color:var(--accent-600);text-decoration:none}.app-page :where(button):hover{background:var(--accent-50);border-color:var(--accent-500)}.app-page .app-primary:hover,.app-page button[type=submit]:hover:not(:disabled){background:var(--accent-700);border-color:var(--accent-700)}.app-page .app-primary:active,.app-page button[type=submit]:active:not(:disabled){background:var(--accent-800);border-color:var(--accent-800)}.app-page input{width:100%;font:inherit;border:1px solid var(--control-line);border-radius:var(--radius-sm);padding:11px}.app-page fieldset{flex-wrap:wrap}.app-page fieldset>div{flex:1;min-width:200px}.app-page code{overflow-wrap:anywhere}.app-page button:disabled{background:var(--disabled-fill);color:var(--disabled-ink);border-color:var(--disabled-line)}.welcome-form p[role=alert]{padding:var(--space-5);background:var(--stop-bg);border-radius:var(--radius-sm)}@media (max-width:700px){.welcome{padding:var(--space-10) var(--space-8)}.welcome-grid{gap:var(--space-10);grid-template-columns:1fr;margin:30px 0}.welcome-story h2{font-size:34px}.welcome-story ol{display:none}.welcome-form{padding:var(--space-10)}.welcome footer{gap:var(--space-3);flex-direction:column}.app-page{padding:0 var(--space-8) var(--space-14)}.app-page header{align-items:flex-start}}
