:root{--primary: #7C3AED;--primary-dark: #6D28D9;--primary-light: #8B5CF6;--primary-ultralight: #A78BFA;--accent-blue: #3B82F6;--accent-green: #10B981;--accent-orange: #F97316;--accent-pink: #EC4899;--gradient-primary: linear-gradient(135deg, #7C3AED 0%, #3B82F6 100%);--gradient-hover: linear-gradient(135deg, #6D28D9 0%, #2563EB 100%);--gradient-vibrant: linear-gradient(90deg, #7C3AED, #3B82F6, #10B981);--gradient-sunset: linear-gradient(135deg, #F97316 0%, #EC4899 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-glow: 0 0 40px rgba(124, 58, 237, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.68, -.55, .265, 1.55)}@media (prefers-color-scheme: dark){:root{--bg-primary: #0F0F0F;--bg-secondary: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: #A1A1AA}}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-weight:900;letter-spacing:-.05em;line-height:.95}h2,.h2{font-weight:800;letter-spacing:-.03em;line-height:1.1}h3,.h3{font-weight:700;letter-spacing:-.02em}.gradient-text{background:var(--gradient-vibrant);background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient-shift 3s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-magnetic{position:relative;transition:all var(--transition-base);transform-style:preserve-3d}.btn-magnetic:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);border-radius:inherit;opacity:0;transition:opacity var(--transition-base);z-index:-1}.btn-magnetic:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 20px 40px #7c3aed4d}.btn-magnetic:hover:before{opacity:1}.btn-magnetic:active{transform:scale(.98)}.btn-glow{position:relative;overflow:hidden;transition:all var(--transition-base)}.btn-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.btn-glow:hover:after{opacity:1;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.glass-card{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-base)}.glass-card:hover{background:#ffffff26;box-shadow:0 8px 32px #1f26875e;transform:translateY(-4px)}.neo-card{background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:20px 20px 60px #d1d1d1,-20px -20px 60px #fff;transition:all var(--transition-base)}.neo-card:hover{box-shadow:10px 10px 30px #d1d1d1,-10px -10px 30px #fff}.tilt-card{transform-style:preserve-3d;transition:transform var(--transition-base)}.tilt-card:hover{transform:perspective(1000px) rotateX(10deg) rotateY(-10deg) scale(1.05)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .5s ease-out forwards}*:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.link-hover{position:relative;text-decoration:none;transition:color var(--transition-fast)}.link-hover:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.link-hover:hover:after{width:100%}.copy-btn{position:relative;transition:all var(--transition-base)}.copy-btn.success{background:var(--accent-green)!important;color:#fff!important}.copy-btn.success:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:inherit;border-radius:inherit;animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.nav-sticky{position:sticky;top:0;z-index:50;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);transition:all var(--transition-base)}.nav-sticky.scrolled{box-shadow:0 4px 6px #00000012}.code-block{background:#1e1e1e;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6}.code-lang{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;color:#ffffffb3;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-loader{display:inline-block;width:40px;height:40px;border-radius:50%;background:var(--primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.parallax{transition:transform .5s ease-out}html{scroll-behavior:smooth}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@container (min-width: 768px){.container\:text-lg{font-size:1.125rem}}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{font-family:Inter,system-ui,sans-serif}code{font-family:Geist Mono,JetBrains Mono,Menlo,Monaco,Lucida Console,Liberation Mono,monospace}