:root{--primary-color: #000000;--accent-color: #FFD230;--bg-color: #ffffff;--text-color: #333333;--font-heading: "Caveat", cursive;--font-body: "Bebas Neue", sans-serif;--success-color: #4CAF50;--error-color: #f44336}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.flower{position:absolute;background-size:contain;background-repeat:no-repeat;z-index:-1}.flower-1{background-image:url(/images/flower1.png);width:200px;height:200px;top:10%;left:5%;animation:float 8s ease-in-out infinite}.flower-2{background-image:url(/images/flower2.png);width:150px;height:150px;bottom:15%;right:5%;animation:float 10s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;margin:auto 0}.logo{margin-bottom:2rem;max-width:250px}.logo img{width:100%;height:auto}.message{max-width:600px}h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}h1 span{color:var(--accent-color);display:inline-block;position:relative}h1 span:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background-color:var(--primary-color);z-index:-1;opacity:.2}p{font-size:1.2rem;margin-bottom:2rem}.countdown{display:flex;justify-content:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.countdown-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px}.countdown-item span{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.countdown-item .label{font-size:.9rem;text-transform:uppercase;color:var(--text-color);opacity:.7}form{display:flex;gap:.5rem;margin-top:1rem;width:100%;max-width:500px}input{flex:1;padding:.8rem 1rem;border:2px solid var(--primary-color);border-radius:4px;font-family:var(--font-body);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:none;border-color:var(--accent-color)}button{padding:.8rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:var(--font-body);font-size:1rem;text-transform:uppercase;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:hover{background-color:var(--accent-color);color:var(--primary-color)}.success-message,.error-message{margin-top:1rem;padding:.8rem;border-radius:6px;animation:fadeIn .5s ease-in-out;text-align:center;width:100%;font-weight:500}.success-message{background-color:#4caf501a;border-left:4px solid var(--success-color)}.error-message{background-color:#f443361a;border-left:4px solid var(--error-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{margin-top:auto;text-align:center;font-size:.9rem;padding:1rem 0;opacity:.7}#admin-section{position:fixed;bottom:10px;right:10px;padding:15px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000;max-width:350px;width:100%}.download-button{padding:8px 12px;color:#fff;border-radius:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;cursor:pointer;margin-bottom:5px}@media (max-height: 500px) and (orientation: landscape){.container{padding:1rem}main{gap:1rem}.logo{max-width:150px;margin-bottom:.5rem}h1{font-size:2rem;margin-bottom:.5rem}p{font-size:1rem;margin-bottom:.5rem}.countdown{margin:.5rem 0;gap:.5rem}.countdown-item span{font-size:1.8rem}form{margin-top:.5rem}#admin-section{max-width:250px;padding:10px}}@media (max-width: 768px){h1{font-size:2.5rem}.countdown{gap:1rem}.countdown-item span{font-size:1.8rem}.flower-1{width:150px;height:150px}.flower-2{width:100px;height:100px}#admin-section{max-width:320px}}@media (max-width: 500px){.container{padding:1.5rem}h1{font-size:2.2rem}p{font-size:1rem}.logo{max-width:180px;margin-bottom:1.5rem}.countdown{flex-wrap:wrap;justify-content:space-around;gap:1rem;margin:1.5rem 0}.countdown-item{width:calc(50% - .5rem);margin-bottom:1rem;min-width:unset}.countdown-item span{font-size:2rem}form{flex-direction:column;gap:.8rem}input,button{width:100%}.flower-1{width:100px;height:100px;top:2%;left:2%}.flower-2{width:80px;height:80px;bottom:5%;right:2%}#admin-section{left:10px;right:10px;bottom:10px;max-width:none;width:calc(100% - 20px)}}@media (max-width: 375px){html{font-size:14px}.container{padding:1rem}h1{font-size:1.8rem}.logo{max-width:150px}.countdown-item span{font-size:1.6rem}.flower-1,.flower-2{opacity:.5}}@media (max-width: 320px){h1{font-size:1.6rem}p{font-size:.9rem}.logo{max-width:130px}.countdown-item span{font-size:1.4rem}.countdown-item .label{font-size:.7rem}.flower-1,.flower-2{display:none}}
