:root{color-scheme:light dark;--brand: #06C167;--brand-dark: #049a55;--brand-glow: rgba(6, 193, 103, .4);--brand-glow-soft: rgba(6, 193, 103, .15);--surface: #ffffff;--surface-2: #f8f9fa;--surface-glass: rgba(255, 255, 255, .7);--ink: #1a1a2e;--ink-2: #4a4a5a;--ink-3: #8a8a9a;--border: rgba(0, 0, 0, .08);--border-hover: rgba(6, 193, 103, .3)}.dark{--surface: #0a0a0f;--surface-2: #12121a;--surface-glass: rgba(10, 10, 15, .8);--ink: #f0f0f5;--ink-2: #b0b0c0;--ink-3: #6a6a7a;--border: rgba(255, 255, 255, .06);--border-hover: rgba(6, 193, 103, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--surface);color:var(--ink);min-width:320px;min-height:100vh;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .3s ease}::selection{background:#06c16740;color:var(--ink)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--brand),var(--brand-dark));border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--brand-dark)}a{color:inherit;text-decoration:none}@media (pointer: fine){*,*:before,*:after{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8' fill='%2306C167' fill-opacity='0.8'/%3E%3Ccircle cx='10' cy='10' r='3' fill='white' fill-opacity='0.9'/%3E%3C/svg%3E") 10 10,auto}a,button,[role=button],input[type=submit],select,label[for],.cursor-pointer{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2306C167' fill-opacity='0.9'/%3E%3Ccircle cx='12' cy='12' r='4' fill='white'/%3E%3C/svg%3E") 12 12,pointer}}@keyframes float-3d{0%,to{transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) translateY(0)}25%{transform:perspective(1000px) rotateX(-3deg) rotateY(5deg) translateY(-10px)}50%{transform:perspective(1000px) rotateX(5deg) rotateY(3deg) translateY(-5px)}75%{transform:perspective(1000px) rotateX(-2deg) rotateY(-5deg) translateY(-8px)}}.animate-float-3d{animation:float-3d 8s ease-in-out infinite;transform-style:preserve-3d}@keyframes cube-spin{0%{transform:perspective(600px) rotateX(0) rotateY(0)}25%{transform:perspective(600px) rotateX(90deg) rotateY(45deg)}50%{transform:perspective(600px) rotateX(180deg) rotateY(90deg)}75%{transform:perspective(600px) rotateX(270deg) rotateY(135deg)}to{transform:perspective(600px) rotateX(360deg) rotateY(180deg)}}.animate-cube-spin{animation:cube-spin 12s linear infinite;transform-style:preserve-3d}@keyframes text-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-text-shimmer{background-size:300% 100%;animation:text-shimmer 4s ease-in-out infinite}@keyframes border-rotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-scan-line{animation:scan-line 4s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--brand-glow-soft)}50%{box-shadow:0 0 40px var(--brand-glow),0 0 80px var(--brand-glow-soft)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.08}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.animate-marquee{animation:marquee 35s linear infinite}.animate-marquee:hover{animation-play-state:paused}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}@keyframes matrix-fall{0%{transform:translateY(-100%);opacity:1}80%{opacity:.3}to{transform:translateY(100%);opacity:0}}@keyframes orbit{0%{transform:rotate(0) translate(var(--orbit-radius, 120px)) rotate(0)}to{transform:rotate(360deg) translate(var(--orbit-radius, 120px)) rotate(-360deg)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 40% 70% 60%}75%{border-radius:60% 30% 60% 40%/70% 60% 40% 30%}}.glass{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid var(--border)}.glass-strong{background:var(--surface-glass);backdrop-filter:blur(40px) saturate(2);-webkit-backdrop-filter:blur(40px) saturate(2);border:1px solid var(--border)}.card-3d{transform-style:preserve-3d;perspective:1000px;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card-3d:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-3deg) translateZ(10px)}.gradient-border{position:relative;background:var(--surface);border-radius:1.5rem;overflow:hidden}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle, 0deg),transparent 30%,var(--brand) 50%,transparent 70%);-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:exclude;mask-composite:exclude;opacity:0;transition:opacity .5s}.gradient-border:hover:before{opacity:1;animation:border-rotate 3s linear infinite}.text-gradient{background:linear-gradient(135deg,#06c167,#22c55e,#06c167);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-pro{background:linear-gradient(135deg,#06c167,#00d4aa 40%,#06c167 60%,#22c55e);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer 4s ease-in-out infinite}.container-main{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 768px){.container-main{padding-left:2rem;padding-right:2rem}}.grid-bg{background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 40%,transparent 100%)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}