:root{--bg: #0a0a0a;--text: #e0e0e0;--text-dark: #888;--accent: #00aaff;--card-bg: rgba(20, 20, 20, .6);--border-color: rgba(255, 255, 255, .1);--glow-color: rgba(0, 170, 255, .5);--font-body: "Inter", sans-serif;--font-heading: "Inter", sans-serif;--transition: all .3s ease}body.light{--bg: #f5f5f7;--text: #1d1d1f;--text-dark: #86868b;--accent: #0071e3;--card-bg: rgba(255, 255, 255, .7);--border-color: rgba(0, 0, 0, .1);--glow-color: rgba(0, 113, 227, .5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);line-height:1.7;transition:var(--transition);-ms-overflow-style:none}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,var(--accent) 0%,transparent 25%),radial-gradient(circle at 90% 80%,var(--accent) 0%,transparent 25%);opacity:.15;filter:blur(80px);animation:bg-anim 20s ease-in-out infinite alternate}@keyframes bg-anim{0%{transform:scale(1) rotate(0)}to{transform:scale(1.2) rotate(20deg)}}h1,h2,h3{font-family:var(--font-heading);font-weight:600;color:var(--text)}h2{font-size:3rem;text-align:center;margin-bottom:4rem;letter-spacing:-1px}h3{font-size:1.25rem;color:var(--accent);margin-bottom:.5rem}p{color:var(--text-dark)}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dark);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}header{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.header-content{max-width:800px}.header-content h1{font-size:clamp(3rem,10vw,6rem);font-weight:700;letter-spacing:-3px;justify-content:left;font-family:Times New Roman,Times,serif}.header-content p{font-size:1.2rem;color:var(--text-dark);margin-top:1rem}.navbar{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-150%);opacity:0;z-index:1000;display:flex;gap:1rem;align-items:center;padding:.75rem 1.5rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:50px;transition:transform .5s ease,opacity .5s ease}.navbar.visible{transform:translate(-50%) translateY(0);opacity:1}.navbar a{padding:.5rem 1rem;color:var(--text-dark);text-transform:capitalize;transition:var(--transition);border-radius:30px}.navbar a:hover{color:var(--text)}.navbar a.active{color:var(--accent);background:#00aaff1a}.theme-toggle{background:transparent;border:1px solid transparent;color:var(--text-dark);width:40px;height:40px;font-size:1.2rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle:hover{color:var(--text);background:var(--border-color)}.header-controls{position:fixed;top:2rem;right:2rem;z-index:1001}.header-controls .theme-toggle{background:var(--card-bg);border-color:var(--border-color)}.section-container{max-width:1200px;margin:0 auto;padding:8rem 2rem}.card{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:16px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.skill-category{text-align:center;transition:var(--transition);padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--border-color);transition:var(--transition)}.project-card:hover{transform:translateY(-10px);box-shadow:0 0 40px var(--glow-color);border-color:var(--accent)}.project-preview{height:250px;background-size:cover;background-position:center;transition:var(--transition)}.project-card:hover .project-preview{transform:scale(1.05)}.project-content{padding:1.5rem;background:var(--card-bg)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.contact-item{text-align:center;transition:var(--transition);padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.contact-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--accent)}footer{text-align:center;padding:4rem 2rem;color:var(--text-dark)}@media (max-width: 768px){h2{font-size:2.5rem}.section-container{padding:6rem 1rem}.navbar{display:none}header{display:grid}}