*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #060311;--bg-secondary: #0d0d2a;--bg-card: rgba(13, 13, 42, .6);--accent-indigo: #3728FD;--accent-cyan: #0ea5e9;--accent-emerald: #10b981;--accent-amber: #f59e0b;--glow-indigo: rgba(55, 40, 253, .15);--glow-cyan: rgba(14, 165, 233, .15);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;line-height:1.6;min-height:100vh;overflow-x:hidden}html[data-theme-mode=dark] body{background:radial-gradient(at center center,#151447,#060311);color:#f1f5f9}html[data-theme-mode=light] body{background:radial-gradient(at center center,#e6e8f7,#f4f5fb);color:#0f172a}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f180}::view-transition-old(root){animation:fade-and-slide-up-out .3s var(--transition-smooth) forwards}::view-transition-new(root){animation:fade-and-slide-up-in .3s var(--transition-smooth) forwards}::view-transition-old(card-transition){animation:slide-out-left .35s var(--transition-smooth) forwards}::view-transition-new(card-transition){animation:slide-in-right .35s var(--transition-smooth) forwards}@keyframes fade-and-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fade-and-slide-up-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(14,165,233,.1),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--transition-smooth);pointer-events:none}.card-glow:hover:before{opacity:1}.gradient-text{background:linear-gradient(135deg,#3728fd,#38bdf8,#818cf8);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f133}50%{box-shadow:0 0 20px 5px #6366f11a}}code,.code-text{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;background:#6366f11a;padding:2px 8px;border-radius:6px;border:1px solid rgba(99,102,241,.15);color:#a5b4fc}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-3deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-3px) rotate(3deg)}}.card-icon svg,.item-icon-box svg,.hero-icon-box svg{animation:float-icon 5s ease-in-out infinite;filter:drop-shadow(0 0 4px currentColor);will-change:transform,filter}.card-glow:hover .card-icon svg,.card-glow:hover .item-icon-box svg{animation-duration:2.5s;filter:drop-shadow(0 0 12px currentColor)}@keyframes pulse-icon{0%,to{filter:drop-shadow(0 0 2px currentColor) scale(1)}50%{filter:drop-shadow(0 0 8px currentColor) scale(1.05)}}.logo-icon{animation:pulse-icon 4s ease-in-out infinite;will-change:transform,filter}