@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--accent-primary:#f59e0b;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);--accent-glow:#f59e0b59;--accent-light:#f59e0b26;--border-hover:#f59e0b66;--font-main:"Plus Jakarta Sans", sans-serif;--font-display:"Space Grotesk", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.35s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=cyberneon]{--accent-primary:#00f2fe;--accent-secondary:#4facfe;--accent-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-glow:#00f2fe59;--accent-light:#00f2fe26;--border-hover:#00f2fe66}[data-theme=cyberpunk]{--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--accent-glow:#8b5cf659;--accent-light:#8b5cf626;--border-hover:#8b5cf666}[data-theme=emerald]{--accent-primary:#10b981;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--accent-glow:#10b98159;--accent-light:#10b98126;--border-hover:#10b98166}[data-theme=ocean]{--accent-primary:#3b82f6;--accent-secondary:#6366f1;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--accent-glow:#3b82f659;--accent-light:#3b82f626;--border-hover:#3b82f666}[data-theme=sunset]{--accent-primary:#f59e0b;--accent-secondary:#ec4899;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);--accent-glow:#f59e0b59;--accent-light:#f59e0b26;--border-hover:#f59e0b66}:root,[data-mode=dark]{--bg-primary:#08090e;--bg-secondary:#0f111a;--bg-card:#121624a6;--bg-card-hover:#1a2036d9;--bg-input:#0e111dcc;--border-color:#ffffff14;--border-hover:var(--accent-glow);--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--shadow-main:0 20px 40px -15px #000c;--glass-bg:#0a0c14cc;--glass-border:#ffffff14}[data-mode=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-input:#f1f5f9;--border-color:#00000014;--border-hover:#0000002e;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--shadow-main:0 20px 40px -15px #00000014;--glass-bg:#ffffffd1;--glass-border:#00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:var(--radius-full)}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-main);contain:layout paint;transition:background-color .25s,border-color .25s,box-shadow .25s}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 20px 40px var(--accent-glow)}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);will-change:transform;transform:translateZ(0)}.glass-modal{background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);contain:layout paint;box-shadow:0 30px 60px #00000080}@media (width<=768px){.glass-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.glass-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px var(--accent-glow);border:none;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1);transform:translateY(-3px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:0 0;align-items:center;gap:8px;padding:12px 26px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-light);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{will-change:transform;animation:4s ease-in-out infinite float;transform:translateZ(0)}@keyframes pulseGlow{0%,to{opacity:.4;filter:blur(40px)}50%{opacity:.8;filter:blur(60px)}}.animate-glow{animation:6s ease-in-out infinite pulseGlow}@keyframes radarPing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.radar-ping{background:currentColor;border-radius:50%;animation:1.8s cubic-bezier(0,0,.2,1) infinite radarPing;position:absolute;inset:0}.project-card-spotlight{position:relative}.project-card-spotlight:before{content:"";border-radius:inherit;background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%), var(--accent-primary), transparent 70%);opacity:0;pointer-events:none;-webkit-mask-composite:xor;z-index:2;padding:1px;transition:opacity .35s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card-spotlight:hover:before{opacity:1}