@import"../components/_index.css"layer(components);@import"./bridge.css";@layer components{:root{--primary: var(--ds-color-brand-500);--primary-hover: var(--ds-color-brand-600);--bg-primary: var(--ds-bg-app);--bg-secondary: var(--ds-bg-surface);--text-primary: var(--ds-text-main);--text-secondary: var(--ds-text-secondary);--border-primary: var(--ds-border-dim)}.container{max-width:var(--ds-layout-max-width);margin:0 auto;padding:0 var(--ds-space-6)}.home-section,.features-section,.about-section,.login-section,.error-section{padding-top:var(--ds-header-height);min-height:100vh;background:var(--ds-bg-app);color:var(--ds-text-main)}.hero-title{font-size:var(--ds-font-size-4xl);font-weight:var(--fw-semibold);margin-bottom:var(--ds-space-4);letter-spacing:var(--ls-tight);color:var(--fg-primary)}.hero-subtitle{font-size:var(--ds-font-size-lg);color:var(--ds-text-secondary);margin-bottom:var(--ds-space-7);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:var(--radius-md);font-weight:var(--fw-medium);transition:background var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing);font-size:var(--text-sm);cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:var(--border-w) solid transparent;box-shadow:none}.btn-primary{background:var(--signal);border-color:var(--signal-hover);color:var(--fg-on-signal)}.btn-primary:hover{background:var(--signal-hover);transform:none;box-shadow:none}.btn-secondary{background:var(--surface-raised);color:var(--fg-primary);border-color:var(--line-input)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:none}.feature-card{background:var(--surface-raised);border:var(--border-w) solid var(--line-default);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--motion-fast) var(--easing)}.feature-card:hover{transform:none;border-color:var(--signal);box-shadow:var(--elev-1)}.feature-card h3{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--signal-text);margin-bottom:var(--space-3)}.login-form{max-width:380px;margin:0 auto;background:var(--surface-raised);border:var(--border-w) solid var(--line-default);border-radius:var(--radius-md);padding:var(--space-8);box-shadow:var(--elev-2)}.login-form input{width:100%;padding:0 var(--space-3);height:var(--control-lg);border:var(--border-w) solid var(--line-input);border-radius:var(--radius-md);background:var(--surface-input);color:var(--fg-primary);margin-bottom:var(--space-4);font:var(--fw-regular) var(--text-sm) / 1 var(--font-sans);transition:border-color var(--motion-fast) var(--easing),box-shadow var(--motion-fast) var(--easing)}[data-theme=dark] .login-form input{background:var(--surface-input)}.login-form input:focus{border-color:var(--line-focus);background:var(--surface-input);box-shadow:0 0 0 3px var(--signal-ring);outline:none}}