:root,html:not([data-theme=dark]){--bg-deep: #faf3e8;--bg-primary: #faf3e8;--bg-dark: #f2e6d0;--bg-secondary: #f2e6d0;--bg-card: rgba(255, 248, 235, .98);--bg-elevated: #ede0c8;--border: rgba(139, 101, 68, .2);--border-glow: rgba(201, 124, 58, .45);--text-primary: #2c1a0e;--text-secondary: #6b4226;--text-muted: #9c7a5a;--accent-cyan: #c97c3a;--accent: #c97c3a;--accent-green: #5a8a4a;--accent-purple: #7c3aed;--accent-2: #7c3aed;--grad-primary: linear-gradient(135deg, #c97c3a, #7c3aed);--grad-green: linear-gradient(135deg, #5a8a4a, #c97c3a);--glow-cyan: 0 0 20px rgba(201, 124, 58, .25);--shadow-card: 0 8px 32px rgba(44, 26, 14, .12);--nav-bg: rgba(250, 243, 232, .92);--nav-border: rgba(139, 101, 68, .15);--nav-text: #2c1a0e;--nav-text-hover: #c97c3a;--nav-shadow: 0 4px 30px rgba(139, 101, 68, .1);--glass-bg: rgba(254, 248, 243, .72);--glass-border: rgba(205, 180, 150, .3);--glass-shadow: rgba(139, 101, 68, .1);--body-bg: linear-gradient(135deg, #fef5e7 0%, #fdf8f3 50%, #fef5e7 100%);--body-color: #2c1a0e;--input-bg: rgba(255, 248, 235, .9);--code-bg: rgba(237, 224, 200, .6);--canvas-bg: #f5edd8;--btn-primary-bg: #c97c3a;--btn-primary-text: #ffffff;--btn-primary-hover: #b86c2a;--font-mono: "JetBrains Mono", "Source Code Pro", monospace;--font-body: "Inter", sans-serif}html[data-theme=dark],[data-theme=dark]{--bg-deep: #060b18;--bg-primary: #060b18;--bg-dark: #0a1020;--bg-secondary: #0a1020;--bg-card: #111827;--bg-elevated: #182032;--border: rgba(0, 212, 255, .15);--border-glow: rgba(0, 212, 255, .4);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--accent-cyan: #00d4ff;--accent: #00d4ff;--accent-green: #00ff88;--accent-purple: #7c3aed;--accent-2: #7c3aed;--grad-primary: linear-gradient(135deg, #00d4ff, #7c3aed);--grad-green: linear-gradient(135deg, #00ff88, #00d4ff);--glow-cyan: 0 0 20px rgba(0, 212, 255, .35);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--nav-bg: rgba(6, 11, 24, .92);--nav-border: rgba(0, 212, 255, .12);--nav-text: #e2e8f0;--nav-text-hover: #00d4ff;--nav-shadow: 0 4px 30px rgba(0, 0, 0, .3);--glass-bg: linear-gradient(180deg, rgba(31, 41, 55, .92), rgba(31, 41, 55, .78));--glass-border: rgba(255, 255, 255, .06);--glass-shadow: rgba(2, 6, 23, .08);--body-bg: #060b18;--body-color: #e2e8f0;--input-bg: rgba(17, 24, 39, .9);--code-bg: rgba(6, 11, 24, .8);--canvas-bg: #0a1020;--btn-primary-bg: #00d4ff;--btn-primary-text: #060b18;--btn-primary-hover: #00b8e0;--font-mono: "JetBrains Mono", "Source Code Pro", monospace;--font-body: "Inter", sans-serif}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background:var(--body-bg);color:var(--text-primary);transition:background .35s ease,color .35s ease;overflow-x:hidden;width:100%}.glassmorphic{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 4px 30px var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}#navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease-in-out}#navbar .glassmorphic{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow)}#navbar.scrolled .glassmorphic{background:var(--nav-bg);box-shadow:0 8px 32px var(--glass-shadow)}.nav-logo{color:var(--nav-text);text-decoration:none;font-weight:600}.nav-link{color:var(--nav-text);transition:color .25s ease}.nav-link:hover,.nav-link.active{color:var(--nav-text-hover)}.dropdown-toggle{color:var(--nav-text);background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;transition:color .25s ease}.dropdown-toggle:hover,.dropdown-toggle.active{color:var(--nav-text-hover)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);max-height:calc(100vh - 80px);overflow-y:auto}.dropdown-item{color:var(--text-secondary);transition:color .2s ease,background .2s ease}.dropdown-item:hover{color:var(--accent);background:var(--bg-elevated)}.theme-toggle-btn{color:var(--nav-text);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:color .25s ease,background .25s ease}.theme-toggle-btn:hover{color:var(--nav-text-hover);background:#80808026}#mobile-menu{background:var(--bg-card);border-left:1px solid var(--border)}.mobile-menu-header{border-bottom:1px solid var(--border);color:var(--text-primary)}.mobile-menu-link{color:var(--text-secondary);border-bottom:1px solid var(--border)}.mobile-menu-link:hover{color:var(--accent);background:var(--bg-elevated)}.mobile-accordion-toggle{color:var(--text-primary);background:none;border:none;border-bottom:1px solid var(--border)}.mobile-accordion-toggle:hover{color:var(--accent)}.btn-primary,.nav-contact-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text)!important;border:none;padding:.45rem 1.1rem;border-radius:.5rem;font-weight:600;transition:background .25s ease,transform .15s ease;text-decoration:none;white-space:nowrap}.btn-primary:hover,.nav-contact-btn:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.tech-tag{display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .625rem;border-radius:9999px;background:var(--bg-elevated);color:var(--accent);border:1px solid var(--border)}.section-title{position:relative;padding-bottom:1rem;font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:2rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent);border-radius:9999px}html[data-theme=dark] .section-title,[data-theme=dark] .section-title{background-image:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=dark] .section-title:after,[data-theme=dark] .section-title:after{background:var(--grad-primary)}