:root{--blue:#0b58dc;--piction-blue:#3bc7f5;--oxford-blue:#0a1f44;--medium-purple:#a17de4;--white:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rem,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--oxford-blue) 0,#050a14 100%);position:relative;overflow:hidden}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(11,88,220,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,199,245,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(161,125,228,.1) 0,transparent 40%);animation:pulse-bg 8s ease-in-out infinite alternate}@keyframes pulse-bg{0%{opacity:.5;transform:scale(1)}100%{opacity:1;transform:scale(1.1)}}.grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(11,88,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,88,220,.05) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translateY(0)}100%{transform:translateY(50px)}}.shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.1}.shape-1{width:300px;height:300px;background:var(--blue);top:-100px;right:-100px;animation:float 6s ease-in-out infinite}.shape-2{width:200px;height:200px;background:var(--piction-blue);bottom:-50px;left:-50px;animation:float 8s ease-in-out infinite reverse}.shape-3{width:150px;height:150px;background:var(--medium-purple);top:50%;left:10%;animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}.container{position:relative;z-index:1;text-align:center;max-width:600px;padding:40px 20px}.logo{display:block;margin-bottom:40px;animation:logo-fade 1s ease-out}.logo svg{height:120px;width:auto}@keyframes logo-fade{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.code{position:relative;display:inline-block;margin-bottom:24px}.code .number{font-family:MuseoModerno,sans-serif;font-size:clamp(30px,10vw,60px);font-weight:700;line-height:1;background:linear-gradient(135deg,var(--blue) 0,var(--piction-blue) 50%,var(--medium-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(11, 88, 220, .4))}100%{filter:drop-shadow(0 0 40px rgba(59, 199, 245, .6))}}.title{font-size:clamp(20px,4vw,36px);font-weight:600;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:3px}.title span{background:linear-gradient(90deg,var(--blue),var(--piction-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description{font-size:16px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:40px}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:500;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--piction-blue));color:var(--white);border:none;cursor:pointer;box-shadow:0 4px 30px rgba(11,88,220,.4);transition:all .4s cubic-bezier(.56,0,.265,1);position:relative;overflow:hidden}.btn span{position:relative;z-index:1}.btn:hover{transform:translateY(-3px)}.timer{margin-top:32px;font-size:14px;color:rgba(255,255,255,.5)}.timer span{color:var(--piction-blue);font-weight:600}