:root{--bg-primary: #0a0a0c;--bg-secondary: #121216;--accent-primary: #6366f1;--accent-secondary: #a5b4fc;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-blur: 10px;--font-main: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5}.mouse-spotlight{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1;background:radial-gradient(600px circle at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(99,102,241,.07),transparent 40%);transition:opacity .3s ease}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;position:relative;z-index:10}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.glow-orb{position:absolute;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px)}.glow-top-left{top:-100px;left:-100px;background:radial-gradient(circle,#6366f126,#0000 70%)}.glow-bottom-right{bottom:-100px;right:-100px;background:radial-gradient(circle,#a5b4fc1a,#0000 70%)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:center;padding:1.5rem 0}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;width:90%;max-width:900px}.nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem;overflow:hidden}.hero-content{position:relative;z-index:10;max-width:800px}.hero-subtitle{text-transform:uppercase;letter-spacing:.3em;font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.hero-title{font-size:3.5rem;line-height:1.1;font-weight:800;margin:0 0 1.5rem;letter-spacing:-.03em}@media(min-width:768px){.hero-title{font-size:5rem}}.hero-desc{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.btn-group{display:flex;gap:1.5rem;justify-content:center}.btn{padding:.75rem 2rem;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--text-primary);color:#000}.btn-primary:hover{background-color:#d1d5db;transform:translateY(-2px)}.btn-glass{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-glass:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.section-container{padding:8rem 2rem;max-width:1000px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;letter-spacing:-.02em}.text-center{text-align:center}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.text-secondary{color:var(--text-secondary)}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.about-grid{grid-template-columns:2fr 1fr}}.about-text,.skills-container{padding:2.5rem;height:100%}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:#ffffff0d;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;color:var(--text-primary);border:1px solid var(--glass-border)}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{padding:1.5rem;transition:transform .3s ease,background .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-5px);background:#ffffff12}.project-image-container{width:100%;height:100px;border-radius:8px;overflow:hidden;margin-bottom:1rem;position:relative;background:#111827}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#0000001a;transition:background .3s ease}.project-card:hover .project-overlay{background:transparent}.project-category{font-size:.75rem;text-transform:uppercase;color:var(--accent-secondary);letter-spacing:.1em;font-weight:600;display:block;margin-bottom:.5rem}.project-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.project-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}