:root{--font-main: "Outfit", sans-serif;--font-mono: "Space Mono", monospace;--bg-color: #ffffff;--text-color: #1a1a1a;--accent-color: #2563eb;--secondary-color: #64748b;--card-bg: #f8fafc;--border-color: #e2e8f0;--nav-height: 64px}[data-theme=dark]{--bg-color: #050505;--text-color: #e2e8f0;--accent-color: #00f0ff;--secondary-color: #94a3b8;--card-bg: #0a0a0c;--border-color: #1e293b}[data-theme=light]{--bg-color: #f0f4f8;--text-color: #0f172a;--accent-color: #2563eb;--secondary-color: #475569;--card-bg: #ffffff;--border-color: #cbd5e1}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease,color .5s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:120px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-family:var(--font-mono);font-size:1rem;position:relative;overflow:hidden}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 20px #2563eb4d}[data-theme=dark] .btn-primary{color:#000;box-shadow:0 0 20px #00f0ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #2563eb80}[data-theme=dark] .btn-primary:hover{box-shadow:0 0 30px #00f0ff80}.btn-outline{border:1px solid var(--border-color);background:transparent;color:var(--text-color)}.btn-outline:hover{border-color:var(--accent-color);color:var(--accent-color);background:#2563eb0d}[data-theme=dark] .btn-outline:hover{background:#00f0ff0d}::selection{background:var(--accent-color);color:#000}