*{margin:0;padding:0;box-sizing:border-box}:root{--bg-900: #1e1f22;--bg-800: #23272a;--bg-700: #2b2f36;--text: #e3e5e8;--text-dim: #b5bac1;--brand: #5865f2;--brand-2: #7289da;--border: #2f3136;--shadow: 0 10px 30px rgba(0,0,0,.35)}html,body,#root{min-height:100%;height:auto;margin:0;background:var(--bg-900);overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bg-animated{position:relative;isolation:isolate;background:radial-gradient(1200px 600px at 10% -10%,rgba(88,101,242,.25),transparent),radial-gradient(800px 400px at 100% 0%,rgba(114,137,218,.2),transparent),linear-gradient(180deg,var(--bg-900),#121316);animation:gradientShift 30s ease-in-out infinite alternate}.bg-animated:before{content:"";position:absolute;inset:-10%;background:radial-gradient(400px 200px at 20% 20%,rgba(88,101,242,.15),transparent),radial-gradient(500px 300px at 80% 10%,rgba(114,137,218,.12),transparent);filter:blur(20px);animation:floatGlow 40s ease-in-out infinite alternate;z-index:-1}@keyframes gradientShift{0%{background-position:0% 0%,100% 0%,50% 0%}to{background-position:30% 10%,70% 5%,50% 100%}}@keyframes floatGlow{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-20px,0) scale(1.05)}}a{transition:color .2s ease,text-decoration .2s ease}a:hover{color:var(--brand)}.btn{transition:color .2s ease,background-color .2s ease,box-shadow .25s ease,transform .2s ease;cursor:pointer;border:none;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border:1px solid transparent;box-shadow:0 6px 16px #5865f259}.btn-primary:hover{box-shadow:0 8px 22px #5865f273}.card-hover{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 24px #5865f240}@media(max-width:768px){h1{font-size:clamp(32px,8vw,48px)!important;line-height:1.2!important}h2{font-size:clamp(24px,6vw,32px)!important}section{padding:48px 20px!important}header nav a{margin:0 8px;font-size:14px}.grid,[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:20px!important}}@media(max-width:480px){h1{font-size:clamp(28px,7vw,40px)!important;line-height:1.2!important}section{padding:40px 16px!important}header{padding:12px 16px!important}header nav{gap:8px!important}header nav a{font-size:13px;padding:6px 10px}.btn{padding:12px 20px!important;font-size:14px!important}}@media(prefers-reduced-motion:reduce){.bg-animated,.bg-animated:before{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}