html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.background{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(120deg,#0b0f1a,#1b1f3b,#0b0f1a);background-size:300% 300%;animation:gradientMove 14s ease infinite}.background:before,.background:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(140px);opacity:.35;animation:floatGlow 18s ease-in-out infinite alternate;pointer-events:none}.background:before{background:radial-gradient(circle,#6c63ff,transparent 70%);top:-200px;left:-200px}.background:after{background:radial-gradient(circle,#ff6b6b,transparent 70%);bottom:-200px;right:-200px;animation-delay:4s}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(90px,-70px) scale(1.2)}}.title{display:flex;justify-content:center;align-items:center;margin-top:40px}.title h1{font-size:2.5rem;font-weight:700;margin:10px 0 0;color:#fff;cursor:default;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(180,180,255,.6),0 0 24px rgba(120,120,255,.4);transition:text-shadow .3s ease}.title h1:hover{text-shadow:0 0 8px rgba(255,255,255,1),0 0 16px rgba(180,180,255,.8),0 0 32px rgba(120,120,255,.6)}.title h2{text-decoration:underline;font-size:1.7rem;font-weight:700;margin-top:5px;margin-bottom:0;color:#fff;cursor:default;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(180,180,255,.6),0 0 24px rgba(120,120,255,.4);transition:text-shadow .3s ease}.title h2:hover{text-shadow:0 0 8px rgba(255,255,255,1),0 0 16px rgba(180,180,255,.8),0 0 32px rgba(120,120,255,.6)}.paragraph p{font-size:1.1rem;margin:10px 200px;line-height:1}.text-shimmer{background:linear-gradient(90deg,#cfcfff,#fff 25% 50%,#fff 75%,#cfcfff);background-size:400% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerMove 8s linear infinite}@keyframes shimmerMove{0%{background-position:0% 50%}to{background-position:400% 50%}}.link{display:flex;justify-content:center;margin-top:1px}.link a{position:relative;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;letter-spacing:.4px;padding:4px 6px;text-shadow:0 0 6px rgba(108,99,255,.5);transition:color .3s ease,text-shadow .3s ease}.link a:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,#6c63ff,#ff6b6b);transform:translate(-50%);transition:width .3s ease}.link a:hover{color:#fff;text-shadow:0 0 10px rgba(108,99,255,.8),0 0 18px rgba(255,107,107,.6)}.link a:hover:after{width:100%}.address-text{font-size:1.05rem;color:#fff;letter-spacing:.4px;text-align:center;text-shadow:0 0 6px rgba(108,99,255,.4)}.buttons{display:flex;justify-content:center;gap:18px;margin-top:24px}.buttons button,.enter-draw-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;font-size:1rem;font-weight:600;letter-spacing:.4px;color:#fff;background:linear-gradient(135deg,#6c63ff,#ff6b6b);border:none;border-radius:12px;cursor:pointer;box-shadow:0 10px 22px #6c63ff59,0 0 12px #ff6b6b40;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.buttons button:hover,.enter-draw-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 34px #6c63ff8c,0 0 20px #ff6b6b73;filter:brightness(1.08)}.buttons button:active,.enter-draw-button:active{transform:translateY(-1px) scale(1.01)}.buttons button:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffffe6,0 0 0 5px #6c63ff99}.enter-draw-button{margin-top:3px}.countdown-text{display:flex;justify-content:center;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;letter-spacing:.4px;text-align:center;margin-top:30px;margin-bottom:3px;color:#fff}.balloon-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.balloon{position:absolute;bottom:-150px;width:40px;height:55px;border-radius:50% 50% 45% 45%;opacity:.7;animation:floatUp 14s linear infinite}.balloon:after{content:"";position:absolute;bottom:-25px;left:50%;width:2px;height:25px;background:#fff6;transform:translate(-50%)}.red{background:radial-gradient(circle at 30% 30%,#ff9a9a,#ff4d4d);left:10%;animation-duration:16s}.blue{background:radial-gradient(circle at 30% 30%,#9aaeff,#6c63ff);left:30%;animation-duration:18s}.pink{background:radial-gradient(circle at 30% 30%,pink,#ff6b6b);left:50%;animation-duration:15s}.purple{background:radial-gradient(circle at 30% 30%,#cfcfff,#8a7bff);left:70%;animation-duration:19s}.gold{background:radial-gradient(circle at 30% 30%,#ffeaa7,#f5c542);left:85%;animation-duration:17s}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}to{transform:translateY(-120vh) translate(20px);opacity:0}}.background>*:not(.balloon-container){position:relative;z-index:1}.form-card{position:relative;z-index:1;display:flex;justify-content:center;margin-top:30px}.entry-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px}.entry-form label{display:flex;flex-direction:column;font-size:.9rem;color:#fff}.entry-form input{margin-top:6px;padding:12px;border-radius:10px;border:none;background:#ffffff1f;color:#fff}.entry-form input:focus{outline:none;box-shadow:0 0 0 2px #6c63ff99}.success-message{text-align:center;color:#fff;padding:30px;max-width:400px}.success-message h2{margin-bottom:12px;text-shadow:0 0 10px rgba(108,99,255,.6)}.success-message p{font-size:1rem;opacity:.9}.form-error{color:#ff6b6b;font-size:.9rem;text-align:center;margin-top:6px}.instructions-card{position:relative;z-index:1;margin:40px auto 0;padding:18px 22px;max-width:420px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 10px 30px #00000059}.instructions-title{text-align:center;margin-top:12px;margin-bottom:12px}.instructions-title h3{margin-top:2px;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.4px;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(180,180,255,.6),0 0 24px rgba(120,120,255,.4);transition:text-shadow .3s ease}.instructions-title h3:hover{text-shadow:0 0 8px rgba(255,255,255,1),0 0 16px rgba(180,180,255,.8),0 0 32px rgba(120,120,255,.6)}.instructions-card ul{padding-left:18px;margin:0}.instructions-card li{color:#fff;font-size:.9rem;margin-bottom:.5px;line-height:1.15}.footer{margin-top:auto;padding:16px 12px;text-align:center;font-size:.85rem;color:#ffffffb3;background:#00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.15)}.footer-note{margin-top:4px;font-size:.75rem;opacity:.6}.draw-closed{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;margin-top:30px;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 16px rgba(255,107,107,.7),0 0 32px rgba(255,107,107,.5)}.app-layout{min-height:100vh;display:flex;flex-direction:column}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto;height:auto;-webkit-overflow-scrolling:touch}.background{position:relative;min-height:100svh;min-height:100vh;height:auto;width:100%}.title{margin-top:32px;padding-inline:16px;text-align:center}.title h1{font-size:clamp(1.8rem,6vw,2.3rem);line-height:1.2}.title h2{font-size:clamp(1.3rem,5vw,1.6rem);line-height:1.25}.paragraph p{margin:12px auto;padding-inline:16px;max-width:680px;line-height:1.6;word-wrap:break-word}.buttons{flex-direction:column;gap:14px;width:100%}.buttons button,.enter-draw-button{width:100%;max-width:320px;margin-inline:auto}.form-card,.success-message,.instructions-card{margin:16px}.footer{color:#0b0f1a}}