:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--bg-dark: #030712;--bg-card: rgba(17, 24, 39, .7);--bg-input: rgba(31, 41, 55, .5);--text-main: #f9fafb;--text-muted: #9ca3af;--text-nav: #d1d5db;--font-display: "Cinzel", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--glow-primary: 0 0 20px rgba(99, 102, 241, .5);--glass-border: 1px solid rgba(255, 255, 255, .1);--backdrop-blur: blur(12px)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;position:absolute;top:0;left:0;right:0;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(to right,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;position:relative;z-index:10}.hero-content{max-width:800px;text-align:center;position:relative;z-index:20}.badge{display:inline-block;padding:.4rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:0 0 1.5rem;background:linear-gradient(180deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem}.footer{padding:2rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;font-size:.875rem;color:var(--text-muted);position:relative;z-index:20}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-main)}.hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;background-color:#212830}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:37.5px 37.5px;background-position:center center;mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%)}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--primary);top:-200px;left:20%;animation-delay:-5s}.orb-2{width:500px;height:500px;background:var(--secondary);bottom:-200px;right:10%;animation-delay:0s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@media(max-width:768px){.hero-title{font-size:3rem}.footer-content{flex-direction:column;gap:1rem}}