body{font-family:Inter,sans-serif}h1,h2,h3{font-family:Space Grotesk,sans-serif}:root{--color-bg: #0a0e1a;--color-bg-alt: #0f172a;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-accent: #60a5fa;--color-secondary: #2563eb;--color-border: rgba(59, 130, 246, .15);--color-glass: rgba(15, 23, 42, .8);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(125, 249, 255, .2);--glass-border: 1px solid rgba(125, 249, 255, .1)}body[data-theme=home]{--color-bg: #070d1a;--color-bg-alt: #0d1526;--color-text: #cde4f8;--color-text-muted: #7aaed6;--color-primary: #e8f4ff;--color-accent: #7df9ff;--color-secondary: #0ea5e9;--color-border: rgba(125, 249, 255, .12);--color-glass: rgba(13, 21, 38, .75);--shadow-glow: 0 0 30px rgba(125, 249, 255, .2);--glass-border: 1px solid rgba(125, 249, 255, .1)}body[data-theme=skills]{--color-bg: #0a1016;--color-bg-alt: #111c2a;--color-text: #f5e6c8;--color-text-muted: #c9a96e;--color-primary: #fff8ed;--color-accent: #fcbf49;--color-secondary: #f77f00;--color-border: rgba(252, 191, 73, .15);--color-glass: rgba(17, 28, 42, .8);--shadow-glow: 0 0 30px rgba(252, 191, 73, .2);--glass-border: 1px solid rgba(252, 191, 73, .12)}body[data-theme=timeline]{--color-bg: #0e0717;--color-bg-alt: #180d27;--color-text: #e8d5ff;--color-text-muted: #b388ff;--color-primary: #f0e6ff;--color-accent: #c77dff;--color-secondary: #7b2fff;--color-border: rgba(199, 125, 255, .15);--color-glass: rgba(24, 13, 39, .8);--shadow-glow: 0 0 30px rgba(199, 125, 255, .25);--glass-border: 1px solid rgba(199, 125, 255, .12)}body[data-theme=projects]{--color-bg: #050f07;--color-bg-alt: #0a1c0d;--color-text: #c8f5d0;--color-text-muted: #6fcf83;--color-primary: #e8ffe8;--color-accent: #39ff14;--color-secondary: #00b894;--color-border: rgba(57, 255, 20, .12);--color-glass: rgba(10, 28, 13, .8);--shadow-glow: 0 0 30px rgba(57, 255, 20, .2);--glass-border: 1px solid rgba(57, 255, 20, .1)}body[data-theme=about]{--color-bg: #16060a;--color-bg-alt: #250c12;--color-text: #ffd8d8;--color-text-muted: #e08080;--color-primary: #fff0f0;--color-accent: #ff6b6b;--color-secondary: #ff4757;--color-border: rgba(255, 107, 107, .15);--color-glass: rgba(37, 12, 18, .8);--shadow-glow: 0 0 30px rgba(255, 107, 107, .22);--glass-border: 1px solid rgba(255, 107, 107, .12)}body[data-theme=contact]{--color-bg: #040f0e;--color-bg-alt: #081a18;--color-text: #b8f5ee;--color-text-muted: #5ec4b8;--color-primary: #e0fff9;--color-accent: #00d4aa;--color-secondary: #00b28a;--color-border: rgba(0, 212, 170, .12);--color-glass: rgba(8, 26, 24, .8);--shadow-glow: 0 0 30px rgba(0, 212, 170, .2);--glass-border: 1px solid rgba(0, 212, 170, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--color-bg);background-attachment:fixed;color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .9s ease,color .6s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:#c2185b66;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0;position:relative}.section-alt{background-color:var(--color-bg-alt);transition:background-color .9s ease}.section-title{font-size:2.5rem;margin-bottom:.5rem;text-align:center;position:relative;color:var(--color-primary)}.section-title span{color:var(--color-accent)}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:1.1rem;margin-bottom:3rem}.glass-card{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none;text-decoration:none}.btn-primary{background-color:var(--color-accent);color:#fff;font-weight:700}.btn-primary:hover{background-color:#ad1457;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{background-color:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-outline:hover{background-color:#6366f10d;transform:translateY(-2px)}