:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #262626;--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent: #6366f1;--accent-hover: #4f46e5;--font-sans: "Inter", sans-serif;--border-radius: 8px;--padding-md: 1.5rem;--max-width: 1200px}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--padding-md)}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent);color:#fff;border-radius:var(--border-radius);font-weight:500;cursor:pointer;border:none;transition:all .3s ease}.btn:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.card{background-color:var(--bg-card);padding:var(--padding-md);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.skill-item{background-color:var(--bg-card);padding:.5rem 1rem;border-radius:999px;font-size:.9rem;color:var(--text-primary);border:1px solid var(--bg-secondary);transition:all .3s ease;display:inline-block;margin:.25rem}.skill-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px #6366f133}