@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary: 267 84% 68%;--secondary: 258 83% 62%;--darker: 250 48% 8%;--card: 254 28% 12%}html{scroll-behavior:smooth}body{@apply bg-[#120a24] text-slate-200 antialiased selection:bg-[#a87cff]/30;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4{@apply tracking-tight text-white font-bold;}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(to right,#e9dcff,#a87cff,#6f42c1);z-index:100;transition:width .1s ease}@layer components{.glass{@apply bg-white/5 backdrop-blur-lg border border-white/10 shadow-xl;}.glass-card{@apply glass rounded-2xl transition-all duration-300 hover:bg-white/10 hover:border-white/20 hover:translate-y-[-4px];}.glass-soft{@apply bg-white/[.03] backdrop-blur-xl border border-white/10 shadow-xl rounded-2xl;}.section-label{@apply inline-flex items-center gap-2 px-4 py-2 rounded-full glass-soft text-[11px] uppercase tracking-[.35em] text-slate-300;}.stat-card{@apply glass-soft p-5 border border-white/10;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-[#e9dcff] via-[#a87cff] to-[#6f42c1];}.btn-premium{@apply relative px-8 py-4 bg-primary text-white font-bold rounded-xl overflow-hidden transition-all duration-300 hover:shadow-[0_0_20px_rgba(168,124,255,.5)] active:scale-95;background:linear-gradient(135deg,#a87cff,#6f42c1)}.btn-premium:before{content:"";@apply absolute inset-0 opacity-0 transition-opacity duration-300;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%)}.btn-premium:hover:before{@apply opacity-100;}}@keyframes mesh-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mesh-gradient{background:radial-gradient(at 0% 0%,rgba(168,124,255,.16) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(111,66,193,.16) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.16) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(233,220,255,.12) 0px,transparent 50%);background-size:200% 200%;animation:mesh-bg 15s ease infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-7px) rotate(-2deg)}}@keyframes rotating-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotating-border{animation:rotating-border 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 12s linear infinite}.animate-spin-slow-rev{animation:spin-slow 18s linear reverse infinite}.animate-reveal-left{animation:reveal-left 1s cubic-bezier(.16,1,.3,1) forwards}.animate-reveal-up{animation:reveal-up 1s cubic-bezier(.16,1,.3,1) forwards}.animation-delay-200{animation-delay:.2s}.animation-delay-500{animation-delay:.5s}.animation-delay-1000{animation-delay:1s}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#ef4444}}.animate-typing{display:inline-block;overflow:hidden;white-space:nowrap;border-right:3px solid #ef4444;animation:typing 2.5s steps(30,end),blink .75s step-end infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#120a24}::-webkit-scrollbar-thumb{background:linear-gradient(#a87cff,#6f42c1);border-radius:5px;border:2px solid #120a24}::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes beam-scan{0%{transform:translateY(-100%) skewY(-20deg);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translateY(200%) skewY(-20deg);opacity:0}}.scanning-beam{position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom,transparent,rgba(168,124,255,.12),transparent);pointer-events:none;animation:beam-scan 8s linear infinite;z-index:1}.magnetic{transition:transform .3s cubic-bezier(.23,1,.32,1)}.magnetic:hover{transform:scale(1.05) translateZ(10px)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.text-shimmer{background:linear-gradient(to right,#94a3b8 20%,#fff,#fff,#94a3b8 80%);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 5s linear infinite}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,transparent,rgba(239,68,68,.3),transparent);border-radius:inherit;z-index:-1;transition:opacity .3s;opacity:0}.glow-border:hover:after{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-content:hover{animation-play-state:paused}.mask-fade-out{mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}@keyframes page-load{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.animate-page-load{animation:page-load 1.2s cubic-bezier(.16,1,.3,1) forwards}.hero-photo-wrapper{position:relative;width:340px;height:340px}@media(min-width:768px){.hero-photo-wrapper{width:420px;height:420px}}.hero-photo-container{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;z-index:2;border:4px solid rgba(239,68,68,.3);box-shadow:0 0 40px #ef444426,0 0 80px #ef444414,inset 0 0 30px #0006}.hero-photo-border{position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:50%;border:2px solid transparent;border-top-color:#ef4444;border-right-color:#ef444466;animation:rotating-border 8s linear infinite;z-index:1}.hero-photo-border:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:1px solid transparent;border-bottom-color:#be123c80;border-left-color:#be123c33;animation:rotating-border 12s linear reverse infinite}.hero-social-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-social-icon:hover{color:#fff;background:#ef444433;border-color:#ef444466;transform:translateY(-3px);box-shadow:0 4px 15px #ef444433}.hero-stat-card{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease}.hero-stat-card:hover{background:#ffffff0f;border-color:#ef444433;transform:translateY(-2px)}