:root{--primary:#1cb0f6;--primary-dark:#1899d6;--primary-light:#58ccff;--secondary:#10b981;--accent:#f59e0b;--bg:#131f24;--card:#1c2c33;--text:#fff;--subtext:#94a3b8;--border:#2c3e50;--success:#58cc02;--danger:#ff4b4b}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Outfit,-apple-system,system-ui,sans-serif}body{background-color:var(--bg);color:var(--text);line-height:1.6}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(1deg)}}.animate-float{animation:4s ease-in-out infinite float}.btn{text-transform:uppercase;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.93rem;font-weight:700;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 0 var(--primary-dark)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 0 var(--primary-dark);transform:translateY(2px)}.btn-outline{color:var(--primary);border:2px solid var(--border);box-shadow:0 5px 0 var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#1cb0f60d}.code-container{color:#abb2bf;border-left:4px solid var(--primary);background:#0b1215;border-radius:1rem;padding:1.5rem;font-family:Fira Code,monospace;font-size:.85rem}.code-keyword{color:#f97316}.code-function{color:var(--primary)}.code-string{color:var(--success)}.code-number{color:#d19a66}