*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #60a5fa;--primary-dark: #3b82f6;--primary-light: #93c5fd;--accent: #818cf8;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-dark: #0f172a;--bg-darker: #020617;--bg-card: #1e293b;--bg-card-hover: #334155;--border-color: #334155;--shadow: rgba(0, 0, 0, .3);--body-bg: #020617;--body-gradient: radial-gradient(80% 80% at 50% -20%, rgba(0, 153, 255, .25), transparent);--navbar-bg: rgba(15, 23, 42, .9);--navbar-bg-scrolled: rgba(15, 23, 42, .97);--glass-card-border: rgba(255, 255, 255, .08);--glass-card-bg-from: rgba(255, 255, 255, .05);--glass-card-bg-to: rgba(0, 0, 0, .3);--skill-item-bg: rgba(255, 255, 255, .05);--skill-item-border: rgba(255, 255, 255, .1);--skill-item-hover-bg: rgba(255, 255, 255, .11);--skill-item-hover-border: rgba(255, 255, 255, .25);--surface-subtle-bg: rgba(255, 255, 255, .03);--surface-subtle-hover: rgba(255, 255, 255, .05);--surface-subtle-border: rgba(255, 255, 255, .08);--surface-subtle-hover-border: rgba(255, 255, 255, .14);--surface-line: rgba(255, 255, 255, .07);--pill-bg: rgba(255, 255, 255, .06);--pill-border: rgba(255, 255, 255, .1);--typed-gradient: linear-gradient(135deg, #49c5ff 0%, #c6d7ff 30%, #ffffff 100%);--typed-cursor: #49c5ff;--name-color: #49c5ff}[data-theme=light]{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--accent: #6366f1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--bg-dark: #eef2fb;--bg-darker: #e2e9f7;--bg-card: #ffffff;--bg-card-hover: #f0f5ff;--border-color: #c7d2e8;--shadow: rgba(15, 23, 42, .1);--body-bg: #f0f4ff;--body-gradient: radial-gradient(80% 80% at 50% -20%, rgba(59, 130, 246, .14), transparent);--navbar-bg: rgba(240, 244, 255, .88);--navbar-bg-scrolled: rgba(240, 244, 255, .97);--glass-card-border: rgba(15, 23, 42, .09);--glass-card-bg-from: rgba(255, 255, 255, .92);--glass-card-bg-to: rgba(226, 233, 247, .6);--skill-item-bg: rgba(255, 255, 255, .75);--skill-item-border: rgba(15, 23, 42, .1);--skill-item-hover-bg: rgba(255, 255, 255, 1);--skill-item-hover-border: rgba(37, 99, 235, .3);--surface-subtle-bg: rgba(255, 255, 255, .85);--surface-subtle-hover: rgba(255, 255, 255, .95);--surface-subtle-border: rgba(15, 23, 42, .09);--surface-subtle-hover-border: rgba(15, 23, 42, .16);--surface-line: rgba(15, 23, 42, .1);--pill-bg: rgba(15, 23, 42, .05);--pill-border: rgba(15, 23, 42, .12);--typed-gradient: linear-gradient(135deg, #2563eb 0%, #6366f1 50%, #1e3a8a 100%);--typed-cursor: #2563eb;--name-color: #2563eb}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-primary);overflow-x:hidden;background-image:var(--body-gradient);background-color:var(--body-bg);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}::selection{background:var(--primary);color:var(--bg-dark)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}