:root{--bg: #FAFAFA;--surface-primary: #FFFFFF;--surface-secondary: #F5F5F5;--surface-elevated: #FFFFFF;--text-primary: #111111;--text-secondary: #6B7280;--border-standard: #E5E7EB;--border-strong: #B8BCC5;--accent-primary: #4F46E5;--accent-hover: #4338CA;--accent-glow: rgba(79, 70, 229, .15);--success: #16A34A;--warning: #D97706;--error: #DC2626;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(229, 231, 235, .6);--glass-blur: 16px;--font-display: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--border-width-std: 1px;--border-width-emp: 2px;--radius-btn: 8px;--radius-input: 10px;--radius-card: 14px;--radius-panel: 18px;--radius-dialog: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}:root.dark,[data-theme=dark]{--bg: #111217;--surface-primary: #17181F;--surface-secondary: #1E2028;--surface-elevated: #242630;--text-primary: #F5F5F5;--text-secondary: #9CA3AF;--border-standard: #30323D;--border-strong: #4B4E5C;--accent-primary: #818CF8;--accent-hover: #A5B4FC;--accent-glow: rgba(129, 140, 248, .15);--success: #4ADE80;--warning: #FBBF24;--error: #F87171;--glass-bg: rgba(23, 24, 31, .8);--glass-border: rgba(48, 50, 61, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .15);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .35), 0 6px 12px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--text-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}code,pre{font-family:var(--font-mono);font-size:.9em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:14px;font-weight:var(--fw-medium);border-radius:var(--radius-btn);border:none;cursor:pointer;gap:var(--space-2);transition:all var(--transition-fast);outline:none}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:var(--border-width-std) solid var(--border-standard)}.btn-secondary:hover{background-color:var(--surface-secondary);border-color:var(--border-strong)}.btn-icon{background:transparent;border:none;color:var(--text-secondary);padding:var(--space-2);border-radius:50%}.btn-icon:hover{background-color:var(--surface-secondary);color:var(--text-primary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--border-width-std) solid var(--glass-border)}.brutalist-card{background-color:var(--surface-primary);border:var(--border-width-std) solid var(--border-standard);border-radius:var(--radius-card);padding:var(--space-6);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.brutalist-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.brutalist-card.featured:hover{border-color:var(--accent-primary);box-shadow:0 4px 20px var(--accent-glow)}.tech-label{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.tech-value{font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-semibold);text-transform:uppercase}.status-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.status-client{color:var(--success)}.status-server{color:var(--accent-primary)}.status-ai{color:var(--warning)}.bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto)}.bento-span-2-x{grid-column:span 2}.bento-span-2-y{grid-row:span 2}}.section-spacing{padding:var(--space-16) 0}@media(min-width:768px){.section-spacing{padding:var(--space-24) 0}}