:root{--landing-bg:#0a0a0f;--landing-bg-light:#111118;--landing-bg-card:#ffffff08;--landing-primary:#6366f1;--landing-primary-light:#818cf8;--landing-primary-glow:#6366f166;--landing-secondary:#22d3ee;--landing-secondary-glow:#22d3ee4d;--landing-accent:#f59e0b;--landing-success:#10b981;--landing-text-primary:#fff;--landing-text-secondary:#ffffffb3;--landing-text-muted:#ffffff80;--landing-border:#ffffff1a;--landing-border-hover:#fff3;--background:#fff;--foreground:#171717}body{background:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-page{background:var(--landing-bg);color:var(--landing-text-primary);min-height:100vh;overflow-x:hidden}.gradient-text{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-primary{background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--landing-border);background:#ffffff08;border-radius:16px;transition:all .3s}.glass-card:hover{border-color:var(--landing-border-hover);background:#ffffff0d;transform:translateY(-2px)}.glow-primary{box-shadow:0 0 40px var(--landing-primary-glow)}.glow-secondary{box-shadow:0 0 40px var(--landing-secondary-glow)}.glow-button{position:relative}.glow-button:before{content:"";background:linear-gradient(135deg, var(--landing-primary), var(--landing-secondary));border-radius:inherit;z-index:-1;opacity:0;filter:blur(10px);transition:opacity .3s;position:absolute;inset:-2px}.glow-button:hover:before{opacity:.6}.grid-background{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(80% 50% at 50% 0,#000 70%,#0000 100%)}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.orb-primary{background:var(--landing-primary);opacity:.3}.orb-secondary{background:var(--landing-secondary);opacity:.2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-fade-in-up{animation:.6s ease-out forwards fade-in-up}.animate-fade-in{animation:.4s ease-out forwards fade-in}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:2s infinite shimmer}.animate-bounce-subtle{animation:2s ease-in-out infinite bounce-subtle}.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}.animate-on-scroll{opacity:0}.animate-on-scroll.visible{animation:.6s ease-out forwards fade-in-up}.bento-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.bento-large{grid-area:span 2/span 2}.bento-medium{grid-column:span 2}.bento-small{grid-column:span 1}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-area:span 1/span 2}.bento-medium{grid-column:span 2}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-large,.bento-medium,.bento-small{grid-area:span 1/span 1}}.landing-page::-webkit-scrollbar{width:8px}.landing-page::-webkit-scrollbar-track{background:var(--landing-bg)}.landing-page::-webkit-scrollbar-thumb{background:var(--landing-border);border-radius:4px}.landing-page::-webkit-scrollbar-thumb:hover{background:var(--landing-border-hover)}.landing-page ::selection{background:var(--landing-primary);color:#fff}