*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(-45deg,#3e0361,#7c0b77,#5e17bb,#490a4b);background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.floating-icons{position:fixed;width:100%;height:100%;pointer-events:none;z-index:1}.floating-icon,.grade{position:absolute;font-size:24px;color:#fff6;animation:floatElement 15s infinite linear;opacity:0;transition:opacity .5s ease}@keyframes floatElement{0%{transform:translateY(100vh) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}.grade{font-size:18px;font-weight:700}.bg-left,.bg-right{position:fixed;top:0;width:50%;height:100vh;object-fit:contain;background:transparent!important;z-index:2;filter:none!important;pointer-events:none}.bg-left{left:0}.bg-right{right:0}.news-ticker{background:#00000059;color:#fff;padding:8px 0;overflow:hidden;white-space:nowrap;position:relative;z-index:3}.news-content{display:inline-block;animation:scroll 30s linear infinite;font-size:14px}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.news-item{display:inline-block;margin-right:50px}.container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:3}.card{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;max-width:500px;width:100%;box-shadow:0 25px 45px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 35px 60px #0003;transform:scale(1.02)}.logo-section{text-align:center;margin-bottom:30px}.logo{font-size:48px;font-weight:700;color:#fff;margin-bottom:10px}.logo img{width:160px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.subtitle{font-size:14px;color:#ffffffe6;display:flex;align-items:center;justify-content:center;gap:10px}.divider{width:1px;height:40px;background:#ffffff4d}h1{font-size:28px;color:#fff;margin-bottom:20px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.1)}.button-group{display:flex;gap:10px;margin-bottom:20px}.btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-yes{background:#4caf50cc;color:#fff;backdrop-filter:blur(5px)}.btn-yes:hover{background:#4caf50;transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.btn-no{background:#f44336cc;color:#fff;backdrop-filter:blur(5px)}.btn-no:hover{background:#f44336;transform:translateY(-2px);box-shadow:0 5px 15px #f4433666}.email-static-box{width:100%;padding:14px 20px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(5px);border-radius:10px;font-size:15px;font-weight:600;color:#fff;text-align:center;letter-spacing:.5px;box-shadow:0 4px 12px #0000001a;transition:.3s ease}.email-static-box:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.social-links{display:flex;justify-content:center;gap:20px;margin-top:30px}.social-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#fff3;color:#fff;border-radius:50%;text-decoration:none;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(5px);transition:all .3s}.social-icon:hover{background:#ffffff4d;transform:translateY(-3px);box-shadow:0 5px 15px #0003}.x-icon i{font-size:20px;color:#fff}.explosion-particle{position:fixed;pointer-events:none;z-index:9999;font-size:30px;animation:explode 3s ease-out forwards}@keyframes explode{0%{transform:translate(0) scale(1) rotate(0);opacity:1}70%{transform:translate(var(--tx),var(--ty)) scale(1.2) rotate(360deg);opacity:1}to{transform:translate(calc(var(--tx) * 2),calc(var(--ty) * 2)) scale(.3) rotate(720deg);opacity:0}}.card.shake{animation:cardShake .5s ease}@keyframes cardShake{0%,to{transform:scale(1.02) translate(0)}25%{transform:scale(1.02) translate(-10px) rotate(-2deg)}75%{transform:scale(1.02) translate(10px) rotate(2deg)}}