:root{--radius-xl: 16px;--blue: #3b82f6;--blue-secondary: #0ea5e9;--bg-dark: #0a0e1a;--bg-light: #f8fafc;--blue-light: #2563eb;--blue-secondary-light: #0284c7}*{box-sizing:border-box}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes particles{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}body.light-mode:before{background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px)}.hero-bg{background:radial-gradient(ellipse at top,rgba(59,130,246,.15),transparent 50%),radial-gradient(ellipse at bottom right,rgba(14,165,233,.15),transparent 50%),radial-gradient(ellipse at bottom left,rgba(59,130,246,.08),transparent 50%),#0a0e1a;background-size:200% 200%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}body.light-mode .hero-bg{background:radial-gradient(ellipse at top,rgba(37,99,235,.08),transparent 50%),radial-gradient(ellipse at bottom right,rgba(2,132,199,.08),transparent 50%),radial-gradient(ellipse at bottom left,rgba(59,130,246,.06),transparent 50%),#f8fafc}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.1) 50%,transparent 100%);height:200px;animation:scan 8s linear infinite;pointer-events:none;opacity:.3}body.light-mode .hero-bg:before{background:linear-gradient(180deg,transparent 0%,rgba(37,99,235,.15) 50%,transparent 100%)}.hero-bg:after{content:"";position:absolute;width:2px;height:2px;background:var(--green);border-radius:50%;box-shadow:100px 200px #3b82f6cc,300px 400px #0ea5e9cc,500px 100px #3b82f6cc,700px 300px #0ea5e9cc,200px 500px #3b82f6cc,900px 200px #0ea5e9cc,400px 600px #3b82f6cc,600px 400px #0ea5e9cc;animation:particles 20s linear infinite;pointer-events:none}body.light-mode .hero-bg:after{background:var(--green-light);box-shadow:100px 200px #2563eb99,300px 400px #0284c799,500px 100px #2563eb99,700px 300px #0284c799,200px 500px #3b82f699,900px 200px #2563eb99,400px 600px #0284c799,600px 400px #2563eb99}.frosted{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid rgba(59,130,246,.2)}body.light-mode .frosted{background:#ffffffb3;border:1px solid rgba(37,99,235,.3)}.glow-border{position:relative;border-radius:16px;background:linear-gradient(135deg,#3b82f61a,#0ea5e91a);padding:1px}body.light-mode .glow-border{background:linear-gradient(135deg,#2563eb1a,#0284c71a)}.glow-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,var(--green),var(--green-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;animation:glow 3s ease-in-out infinite}body.light-mode .glow-border:before{background:linear-gradient(135deg,var(--green-light),var(--green-secondary-light))}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#3b82f699}body.light-mode ::-webkit-scrollbar-thumb{background:#2563eb4d}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#2563eb99}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}