:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #1f1f35;--accent: #f57c00;--accent-light: #ffb74d;--accent-dark: #e65100;--text-primary: #e8e8e8;--text-secondary: #a0a0b0;--text-muted: #6a6a7a;--border: #2a2a3a;--terminal-green: #00e676;--gradient-accent: linear-gradient(135deg, #f57c00, #ff9800, #ffb74d);--gradient-bg: linear-gradient(180deg, #0a0a0f 0%, #12121a 100%);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(245, 124, 0, .15);--radius: 12px;--radius-sm: 8px;--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--nav-height: 70px;--bg-nav-scrolled: rgba(10, 10, 15, .9)}[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--accent: #e65100;--accent-light: #f57c00;--accent-dark: #bf360c;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #8a8a9a;--border: #e0e0e0;--terminal-green: #00c853;--gradient-accent: linear-gradient(135deg, #e65100, #f57c00, #ff9800);--gradient-bg: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(230, 81, 0, .1);--bg-nav-scrolled: rgba(245, 245, 245, .9)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}::selection{background:#f57c004d;color:var(--accent-light)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-light)}.tilt-card{transition:transform .15s ease}.tilt-card:hover{transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-6px)}.fade-section.visible .stagger-item{animation:stagger-in .5s ease both}.fade-section.visible .stagger-item:nth-child(1){animation-delay:.07s}.fade-section.visible .stagger-item:nth-child(2){animation-delay:.14s}.fade-section.visible .stagger-item:nth-child(3){animation-delay:.21s}.fade-section.visible .stagger-item:nth-child(4){animation-delay:.28s}.fade-section.visible .stagger-item:nth-child(5){animation-delay:.35s}.fade-section.visible .stagger-item:nth-child(6){animation-delay:.42s}.fade-section.visible .stagger-item:nth-child(7){animation-delay:.49s}.fade-section.visible .stagger-item:nth-child(8){animation-delay:.56s}.fade-section.visible .stagger-item:nth-child(9){animation-delay:.63s}.fade-section.visible .stagger-item:nth-child(10){animation-delay:.7s}.fade-section.visible .stagger-item:nth-child(11){animation-delay:.77s}.fade-section.visible .stagger-item:nth-child(12){animation-delay:.84s}.fade-section.visible .stagger-item:nth-child(13){animation-delay:.91s}.fade-section.visible .stagger-item:nth-child(14){animation-delay:.98s}.fade-section.visible .stagger-item:nth-child(15){animation-delay:1.05s}.fade-section.visible .stagger-item:nth-child(16){animation-delay:1.12s}.fade-section.visible .stagger-item:nth-child(17){animation-delay:1.19s}.fade-section.visible .stagger-item:nth-child(18){animation-delay:1.26s}.fade-section.visible .stagger-item:nth-child(19){animation-delay:1.33s}.fade-section.visible .stagger-item:nth-child(20){animation-delay:1.4s}@keyframes stagger-in{0%{opacity:0}to{opacity:1}}@media(pointer:coarse){.info-card:active,.contact-card:active,.project-card:active,.blog-card:active,.edu-card:active,.hack-card:active,.exp-card:active,.homelab-category:active{transform:scale(.97);transition:transform .1s ease}.btn-primary:active,.btn-secondary:active,.cta-button:active,.lang-toggle:active{transform:scale(.95);transition:transform .1s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tilt-card:hover{transform:none}.fade-section{opacity:1;transform:none}}
