:root,[data-theme=dark]{--bg-primary: #09090b;--bg-secondary: #0f172a;--bg-card: rgba(15, 23, 42, .35);--bg-card-hover: rgba(30, 41, 59, .55);--color-primary: #2563eb;--color-secondary: #10b981;--color-tertiary: #6366f1;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-dark: #64748b;--border-color: rgba(255, 255, 255, .05);--border-color-hover: rgba(37, 99, 235, .3);--shadow-glow-violet: 0 4px 20px rgba(37, 99, 235, .1);--shadow-glow-cyan: 0 4px 20px rgba(16, 185, 129, .1);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.15);--glass-bg: rgba(10, 10, 22, .55);--glass-bg-hover: rgba(15, 15, 32, .72);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 20px 40px -15px rgba(0, 0, 0, .7);--nav-bg: rgba(9, 9, 11, .8);--nav-border: rgba(255, 255, 255, .04);--body-grad-a: rgba(37, 99, 235, .04);--body-grad-b: rgba(99, 102, 241, .04)}[data-theme=light]{--bg-primary: #f0f4f8;--bg-secondary: #e2e8f0;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .9);--color-primary: #1d4ed8;--color-secondary: #059669;--color-tertiary: #4f46e5;--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-dark: #94a3b8;--border-color: rgba(0, 0, 0, .07);--border-color-hover: rgba(29, 78, 216, .35);--shadow-glow-violet: 0 4px 20px rgba(29, 78, 216, .12);--shadow-glow-cyan: 0 4px 20px rgba(5, 150, 105, .12);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.15);--glass-bg: rgba(255, 255, 255, .65);--glass-bg-hover: rgba(255, 255, 255, .88);--glass-border: rgba(0, 0, 0, .07);--glass-shadow: 0 8px 32px -8px rgba(0, 0, 0, .12);--nav-bg: rgba(240, 244, 248, .88);--nav-border: rgba(0, 0, 0, .06);--body-grad-a: rgba(29, 78, 216, .05);--body-grad-b: rgba(79, 70, 229, .05)}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--bg-primary)}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--color-text-main);font-family:var(--font-body);overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;transition:background-color .35s ease,color .35s ease}body{min-height:100vh;position:relative;background-image:radial-gradient(at 0% 0%,var(--body-grad-a) 0px,transparent 40%),radial-gradient(at 100% 100%,var(--body-grad-b) 0px,transparent 40%);background-attachment:scroll;transition:background-image .35s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}p{line-height:1.6;color:var(--color-text-muted)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:border-color .3s ease,box-shadow .3s ease,background .35s ease;will-change:transform;transform:translateZ(0)}.glass-panel:hover{background:var(--glass-bg-hover);border-color:var(--border-color-hover);box-shadow:0 24px 48px -16px #00000026,0 0 20px #2563eb1a}.glass-nav{background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:none;transition:background .35s ease}.text-gradient{background:linear-gradient(135deg,#2563eb,#6366f1,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#2563eb,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.55}}.animate-float{animation:float 6s ease-in-out infinite}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;z-index:-1;pointer-events:none}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--color-primary) 0%,#7c3aed 100%);color:#fff;padding:14px 32px;border-radius:50px;font-family:var(--font-heading);font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 15px #8b5cf64d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #8b5cf680,0 0 15px #06b6d433;background:linear-gradient(135deg,#7c3aed 0%,var(--color-primary) 100%)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:14px 32px;border-radius:50px;font-family:var(--font-heading);font-weight:600;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:var(--transition-smooth)}.btn-secondary:hover{background:#ffffff0a;border-color:var(--color-secondary);box-shadow:0 0 20px #06b6d440;transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.grid-cols-1{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}@media (min-width: 768px){.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:stretch}}@media (min-width: 1024px){.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}}.flex-center{display:flex;align-items:center;justify-content:center}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--color-text-main)!important}[data-theme=light] p{color:var(--color-text-muted)!important}[data-theme=light] span,[data-theme=light] li{color:var(--color-text-muted)}[data-theme=light] .text-gradient,[data-theme=light] .text-gradient-cyan{-webkit-text-fill-color:transparent!important;color:transparent!important}[data-theme=light] a:not(.btn-primary):not(.btn-secondary){color:var(--color-primary)!important}[data-theme=light] input,[data-theme=light] textarea{background-color:#fffc!important;border-color:#0000001a!important;color:var(--color-text-main)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-text-dark)!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #1d4ed81a!important;outline:none}[data-theme=light] .skill-tag{background-color:#1d4ed80f!important;border-color:#1d4ed826!important;color:var(--color-text-main)!important}[data-theme=light] .skill-tag:hover{background-color:#1d4ed81f!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}[data-theme=light] nav button,[data-theme=light] nav a{color:var(--color-text-muted)!important}[data-theme=light] nav .text-gradient,[data-theme=light] nav .text-gradient-cyan{-webkit-text-fill-color:transparent!important}[data-theme=light] .mobile-overlay{background:#f0f4f8f7!important}[data-theme=light] .btn-secondary{color:var(--color-text-main)!important;border-color:#00000026!important}[data-theme=light] .btn-secondary:hover{background:#0000000a!important;border-color:var(--color-secondary)!important}[data-theme=light] footer{border-top-color:#00000014!important;background-color:#e2e8f080!important}[data-theme=light] footer p{color:var(--color-text-dark)!important}[data-theme=light] .loading-screen{background-color:var(--bg-primary)!important;color:var(--color-text-main)!important}[data-theme=light] ::-webkit-scrollbar-track{background:#e2e8f0}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--color-primary)}[data-theme=light] span[style*="rgb(6, 182, 212)"],[data-theme=light] span[style*="#22d3ee"]{color:var(--color-secondary)!important}[data-theme=light] span[style*="border-radius: 50px"]{background-color:#1d4ed814!important}[data-theme=light] .glow-orb{opacity:.08!important}[data-theme=light] a[style*="rgba(6, 182, 212"]{background-color:#0596690f!important;border-color:#05966933!important;color:var(--color-secondary)!important}.telemetry-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);width:420px;max-width:90vw;background:#060812f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.22);border-radius:14px;padding:20px 22px;box-shadow:0 24px 48px -12px #000000d9,0 0 0 1px #10b98114;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;z-index:50}.telemetry-arrow{position:absolute;bottom:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#060812f7;border-right:1px solid rgba(16,185,129,.22);border-bottom:1px solid rgba(16,185,129,.22)}.telemetry-pill-wrap:hover .telemetry-tooltip{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}