:root{--primary: #ffffff;--secondary: #60a5fa;--accent-purple: #a855f7;--bg-dark: #030305;--aurora-cyan: rgba(56, 189, 248, .4);--aurora-purple: rgba(168, 85, 247, .4);--aurora-core: rgba(255, 255, 255, .1);--streak-color: rgba(56, 189, 248, .8);--shape-opacity: .4;--glass-bg: rgba(25, 25, 30, .8);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #94a3b8;--input-bg: rgba(255, 255, 255, .08);--nav-glass: rgba(15, 15, 15, .65);--nav-border: rgba(255, 255, 255, .08);--nav-text: #ffffff;--skill-bg: transparent;--skill-border: transparent}[data-theme=light]{--primary: #171717;--secondary: #2563eb;--accent-purple: #9333ea;--bg-dark: #f8fafc;--aurora-cyan: rgba(56, 189, 248, .15);--aurora-purple: rgba(168, 85, 247, .15);--aurora-core: rgba(255, 255, 255, .04);--streak-color: rgba(56, 189, 248, .4);--shape-opacity: .2;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06);--glass-highlight: rgba(255, 255, 255, .4);--nav-glass: rgba(255, 255, 255, .95);--nav-border: rgba(0, 0, 0, .1);--nav-text: #0f172a;--skill-bg: rgba(255, 255, 255, .6);--skill-border: rgba(0, 0, 0, .05);--text-main: #0f172a;--text-muted: #64748b;--input-bg: rgba(0, 0, 0, .03)}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;line-height:1.6;background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(168,85,247,.08),transparent 25%);background-attachment:fixed}*{margin:0;padding:0;box-sizing:border-box;cursor:none!important;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.section-padding{padding:6rem 2rem}.container-width{max-width:1200px;margin:0 auto}.theme-toggle-btn{width:45px;height:45px}@media(max-width:768px){.theme-toggle-btn{width:40px;height:40px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:20px;box-shadow:0 4px 30px #0000001a;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s;pointer-events:none}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px #0000004d;border-color:#ffffff40}h1,h2,h3,h4{font-weight:800;line-height:1.1;letter-spacing:-.02em}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;background:linear-gradient(to right,var(--text-main),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn-primary{background:var(--text-main);color:var(--bg-dark);padding:.8rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px #fff3}@media(max-width:768px){.section-padding{padding:4rem 1.5rem}.section-title{font-size:2rem;margin-bottom:2rem}.grid-halves{grid-template-columns:1fr!important;gap:3rem!important;display:flex!important;flex-direction:column-reverse}.grid-halves.hero-grid{flex-direction:column}.container-width{width:100%;padding:0 1rem}}@media(max-width:480px){.section-title{font-size:1.8rem}.glass-card:hover{transform:translateY(-2px)}.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}