@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--bg-primary:#080808;--bg-secondary:#0e0e0e;--bg-elevated:#141414;--bg-hover:#1a1a1a;--bg-input:#0d0d0d;--border-primary:#1a1a1a;--border-subtle:#121212;--border-active:#333;--border-accent:#fff;--text-primary:#fff;--text-secondary:#8e9297;--text-tertiary:#505356;--text-inverse:#000;--accent:#fff;--accent-hover:#e5e5e5;--accent-secondary:gray;--success:#4ade80;--success-glow:#4ade800d;--warning:#fbbf24;--warning-glow:#fbbf240d;--danger:#f87171;--danger-glow:#f871710d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:6px;--radius-full:9999px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.12s cubic-bezier(.16, 1, .3, 1);--transition-base:.25s cubic-bezier(.16, 1, .3, 1);--navbar-height:60px;--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:top;background-size:50px 50px;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}h1,h2,h3,h4{letter-spacing:-.04em;font-weight:700;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.4rem)}h2{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.8rem)}h3{font-size:1.05rem}p{color:var(--text-secondary)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--border-active);background:var(--bg-elevated)}.tech-divider{background:var(--border-primary);width:100%;height:1px}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-primary);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:3px 6px;font-size:.65rem;font-weight:500;display:inline-flex}.badge-accent{color:#000;background:#fff;border-color:#fff}.badge-success{color:var(--success);background:#4ade800d;border-color:#4ade8026}.badge-warning{color:var(--warning);background:#fbbf240d;border-color:#fbbf2426}.badge-danger{color:var(--danger);background:#f871710d;border-color:#f8717126}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.btn-primary{color:#000;background:#fff;border:1px solid #fff}.btn-primary:hover{background:#e5e5e5;border-color:#e5e5e5}.btn-secondary{border:1px solid var(--border-primary);color:#fff;background:#0e0e0e}.btn-secondary:hover{border-color:var(--border-active);background:#1a1a1a}.btn-ghost{color:var(--text-secondary);border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-primary);background:var(--bg-secondary)}.btn-danger{color:#000;background:#f87171;border:1px solid #f87171}.btn-danger:hover{background:#ef4444;border-color:#ef4444}.btn-sm{padding:5px 10px;font-size:.7rem}.btn-lg{padding:12px 24px;font-size:.8rem}.btn:disabled{opacity:.3;cursor:not-allowed}.input-field{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);transition:all var(--transition-fast);padding:10px 12px}.input-field:focus{border-color:#fff}.input-field::placeholder{color:var(--text-tertiary)}.input-label{margin-bottom:var(--space-xs);font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex-between{justify-content:space-between;align-items:center;display:flex}.section{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-primary)}.section-header{margin-bottom:var(--space-xl)}.section-header p{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.divider{background:var(--border-primary);height:1px;margin:var(--space-lg) 0}