:root{--font-heading:"Avenir Next Condensed","Futura","Trebuchet MS",sans-serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg:#0c1117;--surface:#151c25;--ink:#e8edf3;--ink-soft:#8a9bb2;--brand:#6c5ce7;--brand-glow:rgba(108,92,231,.4);--accent:#00cec9;--accent-glow:rgba(0,206,201,.3);--radius-xl:28px;--radius-lg:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body),sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}.scene,body{min-height:100vh;overflow:hidden}.scene{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.bg-glow{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,var(--brand-glow),transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,var(--accent-glow),transparent 60%),radial-gradient(ellipse 35% 35% at 80% 20%,rgba(253,121,168,.15),transparent 60%);animation:glowShift 8s ease-in-out infinite alternate}@keyframes glowShift{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.particles{position:fixed;inset:0;z-index:1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:0;animation:floatUp linear infinite}.particle:first-child{left:10%;animation-duration:7s;animation-delay:0s}.particle:nth-child(2){left:25%;animation-duration:9s;animation-delay:1s;background:var(--brand)}.particle:nth-child(3){left:40%;animation-duration:6s;animation-delay:2s}.particle:nth-child(4){left:55%;animation-duration:8s;animation-delay:.5s;background:rgba(253,121,168,.8)}.particle:nth-child(5){left:70%;animation-duration:10s;animation-delay:3s}.particle:nth-child(6){left:85%;animation-duration:7.5s;animation-delay:1.5s;background:var(--brand)}.particle:nth-child(7){left:15%;animation-duration:8.5s;animation-delay:4s}.particle:nth-child(8){left:60%;animation-duration:6.5s;animation-delay:2.5s;background:rgba(253,121,168,.8)}.particle:nth-child(9){left:35%;animation-duration:9.5s;animation-delay:.8s;background:var(--brand)}.particle:nth-child(10){left:78%;animation-duration:7s;animation-delay:3.5s}.particle:nth-child(11){left:50%;animation-duration:11s;animation-delay:1.2s}.particle:nth-child(12){left:92%;animation-duration:8s;animation-delay:2.8s;background:var(--brand)}@keyframes floatUp{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.7}90%{opacity:.3}to{transform:translateY(-10vh) scale(1);opacity:0}}.content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.brand{font-family:var(--font-heading),sans-serif;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand) 0,var(--accent) 50%,rgba(253,121,168,.9) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientFlow 4s ease-in-out infinite alternate}@keyframes gradientFlow{0%{background-position:0 50%}to{background-position:100% 50%}}.smiley{font-size:clamp(4rem,12vw,8rem);line-height:1;animation:smilePulse 3s ease-in-out infinite;filter:drop-shadow(0 0 40px var(--brand-glow));cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes smilePulse{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(1.05) rotate(-2deg)}}.smiley:hover{animation:smileWiggle .5s ease-in-out}@keyframes smileWiggle{0%,to{transform:scale(1) rotate(0deg)}20%{transform:scale(1.15) rotate(-8deg)}40%{transform:scale(1.15) rotate(8deg)}60%{transform:scale(1.15) rotate(-4deg)}80%{transform:scale(1.1) rotate(2deg)}}.tagline{font-family:var(--font-body),sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;position:relative}.tagline:after{content:"";display:block;margin:1rem auto 0;width:60px;height:2px;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:1px;animation:lineGrow 2s ease-out forwards}@keyframes lineGrow{0%{width:0;opacity:0}to{width:60px;opacity:1}}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(108,92,231,.25);background:rgba(108,92,231,.08);color:var(--ink-soft);font-size:.85rem;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.6;box-shadow:0 0 0 6px transparent}}.footer{position:fixed;bottom:1.5rem;left:0;right:0;z-index:2;text-align:center;color:var(--ink-soft);font-size:.75rem;opacity:.5;letter-spacing:.04em}.footer a{color:var(--brand);text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent)}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}.fade-in:first-child{animation-delay:.2s}.fade-in:nth-child(2){animation-delay:.5s}.fade-in:nth-child(3){animation-delay:.8s}.fade-in:nth-child(4){animation-delay:1.1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}