@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";:root{--bg-dark: #0A0C10;--accent-orange: #FF8C42;--accent-blue: #3E54AC;--accent-light: #ffffff;--text-primary: #ffffff;--text-secondary: #E2E8F0;--text-muted: #8B949E;--border-glass: rgba(255, 255, 255, .08);--bg-glass: rgba(255, 255, 255, .02);--bg-secondary-btn: rgba(255, 255, 255, .05);--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;background-color:var(--bg-dark);overflow-x:hidden}body{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:linear-gradient(var(--border-glass) 1px,transparent 1px),linear-gradient(90deg,var(--border-glass) 1px,transparent 1px);background-size:100px 100px;background-position:center center}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);z-index:0;opacity:.4;pointer-events:none}body:before{width:600px;height:600px;background:var(--accent-orange);top:-200px;right:-100px}body:after{width:700px;height:700px;background:var(--accent-blue);bottom:-300px;left:-200px}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:900px;padding:2rem;z-index:10}.top-label{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;opacity:0;transform:translateY(15px);animation:slideUpFade .8s ease forwards .2s}.top-label .dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-orange);box-shadow:0 0 8px var(--accent-orange)}.main-heading{font-size:clamp(3rem,7vw,5.5rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;opacity:0;transform:translateY(15px);animation:slideUpFade .8s ease forwards .3s}.main-heading span{color:var(--text-secondary)}.main-heading i{font-style:italic;font-weight:300;color:var(--text-primary)}.subtitle{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:400;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;line-height:1.6;opacity:0;transform:translateY(15px);animation:slideUpFade .8s ease forwards .4s}.cta-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(15px);animation:slideUpFade .8s ease forwards .5s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:9999px;font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--transition-speed) ease;cursor:pointer}.btn-primary{background-color:var(--accent-light);color:var(--bg-dark);border:1px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #ffffff4d}.btn-secondary{background-color:var(--bg-secondary-btn);color:var(--text-primary);border:1px solid var(--border-glass);backdrop-filter:blur(8px)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.social-row{display:flex;gap:.75rem;margin-top:3rem;opacity:0;transform:translateY(15px);animation:slideUpFade .8s ease forwards .6s}.social-pill{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);backdrop-filter:blur(8px);transition:all var(--transition-speed) ease}.social-pill svg{width:20px;height:20px}.social-pill:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px -5px #00000080;border-color:#fff3}@keyframes slideUpFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--accent-orange);color:#fff}
