*{box-sizing:border-box;margin:0;padding:0}:root{--green:#1db954;--mauve:#9b6dff;--orange:#e5a825;--orange-end:#f08c28;--bg:#0a0a12}body{background:var(--bg);color:#fff;min-height:100vh;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.bg-scene{z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:.35;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:var(--mauve);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:var(--green);opacity:.2;width:400px;height:400px;animation-delay:-3s;bottom:-15%;right:-10%}.orb-3{background:var(--orange);opacity:.15;width:300px;height:300px;animation-delay:-5s;top:50%;left:60%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-40px)scale(1.05)}}.grid-floor{transform-origin:bottom;background:linear-gradient(#0000 0%,#1db95408 100%),repeating-linear-gradient(90deg,#1db95414 0 1px,#0000 1px 80px),repeating-linear-gradient(0deg,#1db95414 0 1px,#0000 1px 80px);width:140%;height:50%;position:absolute;bottom:0;left:-20%;transform:perspective(500px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 20%,#fff 100%);mask-image:linear-gradient(#0000 20%,#fff 100%)}.particles{position:absolute;inset:0}.particle{background:var(--green);opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite rise;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)scale(0)}}.content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.logo{letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:1;position:relative}.logo .kke{color:var(--green);text-shadow:0 0 40px #1db95480,0 0 80px #1db95433}.logo .prono{color:#fff;text-shadow:0 0 30px #ffffff1a}.welcome{letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;margin-bottom:1rem;font-size:clamp(1rem,3vw,1.4rem);font-weight:300;animation:1s ease-out .3s both fadeInDown}.logo{animation:1s ease-out .5s both fadeInUp}.subtitle{color:#fff6;max-width:500px;margin-bottom:2.5rem;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;animation:1s ease-out .7s both fadeInUp}.badge-top{color:var(--mauve);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9b6dff26;border:1px solid #9b6dff4d;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:2rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;animation:1s ease-out both fadeInDown;display:inline-flex}.badge-top:before{content:"★"}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s ease-out .9s both fadeInUp;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;padding:.9rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-green{background:var(--green);color:#000;box-shadow:0 4px 20px #1db95466,0 0 60px #1db9541a}.btn-green:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #1db95480,0 0 80px #1db95433}.btn-orange{background:linear-gradient(135deg, var(--orange), var(--orange-end));color:#000;box-shadow:0 4px 20px #e5a82566,0 0 60px #e5a8251a}.btn-orange:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #e5a82580,0 0 80px #e5a82533}.stats{gap:2rem;margin-top:3rem;animation:1s ease-out 1.1s both fadeInUp;display:flex}.stat{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;min-width:100px;padding:1.2rem 1.5rem}.stat-value{font-size:1.8rem;font-weight:800}.stat-value.green{color:var(--green)}.stat-value.mauve{color:var(--mauve)}.stat-value.orange{color:var(--orange)}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;margin-top:.3rem;font-size:.7rem}.badge-hot{background:linear-gradient(135deg, var(--orange), var(--orange-end));color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:.2rem .5rem;font-size:.6rem;font-weight:800;position:absolute;top:-8px;right:-8px}.glow-ring{border:1px solid #1db9541a;border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glow-ring:nth-child(2){border-color:#9b6dff14;width:500px;height:500px;animation-delay:-1.5s}.glow-ring:nth-child(3){border-color:#e5a8250d;width:600px;height:600px;animation-delay:-3s}@keyframes pulse-ring{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.footer{z-index:10;text-align:center;color:#fff3;letter-spacing:.05em;padding:1.5rem;font-size:.7rem;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.stats{gap:.8rem}.stat{min-width:80px;padding:.8rem 1rem}.stat-value{font-size:1.4rem}.buttons{flex-direction:column;align-items:center}.btn{text-align:center;width:100%;max-width:280px}}