*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}body{overflow-x:hidden}body #container{background:#fefefe;margin:0 auto;max-width:900px;min-height:100vh;padding:10px}body #container a{text-decoration:none}body #container h1{animation:pulse 1.5s infinite;color:#ff4081;cursor:pointer;font-size:32px;margin:10px auto}body #container h3{animation:pulsex 1.5s infinite;color:#009688;cursor:pointer;font-size:28px;margin:10px}body #container div.group p.ct{background-color:#ff4081;border-radius:50px;color:#fff;display:inline-block;font-size:22px;font-weight:500;margin-bottom:10px;padding:10px 20px}body #container p.ngay{color:#2e7d32;font-size:24px;font-weight:500;margin-bottom:10px}body #container .formWrap{border-radius:10px;box-shadow:0 8px 24px #0000001a;margin-bottom:10px;overflow:hidden;transition:all .1s}body #container .formWrap form{padding:10px}body #container .formWrap form textarea{border:1px solid #e91e63;border-radius:5px;color:#e91e63;font-size:18px;height:200px;padding:10px;resize:none;width:100%}body #container .quay-btn{background-color:#009688;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;gap:10px;margin:20px auto;padding:10px 20px;transition:background-color .3s ease}body #container .quay-btn:hover:enabled{background-color:#45a049}body #container .quay-btn:disabled{animation:pulseX2 1s infinite;background-color:#ff4081;border-radius:50%;cursor:not-allowed;font-size:20px;height:60px;position:relative;width:60px}body #container .quay-btn:disabled .spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#4caf50;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}body #container .content{padding-bottom:100px}body #container .content h4{color:#009688;font-size:26px;margin-bottom:20px}body #container .content table{border-collapse:collapse;font-size:18px;margin-top:10px;width:100%}body #container .content table td,body #container .content table th{font-weight:500;padding:10px}body #container .content table th{background-color:#ffebee}body #container .content table tr:nth-child(2n){background-color:#f9f9f9}body #container .ketQuaWrap{display:flex;justify-content:center;margin:30px auto}body #container .ketQuaWrap .ketQuaCard{animation:fadeIn 2s ease;background:#fdfdfd;border-radius:16px;box-shadow:0 8px 20px #00000026;min-width:400px;padding:20px;text-align:center}body #container .ketQuaWrap .ketQuaCard .ketQuaTitle{color:#2e7d32;font-size:28px;font-weight:700;margin-bottom:10px}body #container .ketQuaWrap .ketQuaCard .ketQuaTen{color:#ff4081;font-size:30px;font-weight:700}body #container .ketQuaWrap .ketQuaCard .soDienThoai{color:#ff4081;font-size:24px;margin-left:4px;transition:color .3s}body #container .ketQuaWrap .ketQuaCard .ngay{color:#2e7d32;font-size:24px;font-weight:500;margin-bottom:10px}body #container .ketQuaWrap .ketQuaCard input{background-color:#0000;border:1px solid #0000;color:#ff4081;display:inline-block;font-size:18px;font-weight:500;margin-top:4px;outline:none;text-align:center}body #container .ketQuaWrap .ketQuaCard input::placeholder{color:silver;font-weight:200}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulsex{0%{transform:scale(1.2)}50%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes pulseX2{0%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg) scale(2)}to{transform:translate(-50%,-50%) rotate(1turn) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.body{background:linear-gradient(-45deg,#0f2027,#203a43,#2c5364,#1b2735);background-size:400% 400%}.body #main{align-items:center;animation:bgMove 15s ease infinite;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.body #main h1,.body #main p{animation:slideUp 1s ease-out forwards;margin-top:10px;opacity:0;transform:translateY(100px)}.body #main h1 a,.body #main p a{text-decoration:none}.body #main h1.zalo-link a,.body #main p.zalo-link a{color:#25a5f7;font-weight:600;text-decoration:none;transition:color .3s ease}.body #main h1.zalo-link a:hover,.body #main p.zalo-link a:hover{color:#1282c6}.body #main h1{-webkit-text-fill-color:#0000;animation-delay:.2s;animation:slideUp 1s ease-out .2s forwards,textGradient 5s ease infinite;background:linear-gradient(90deg,#ff7a18,#af002d,#ff7a18);-webkit-background-clip:text;background-size:300% 300%;font-size:2.5rem;font-weight:800}.body #main p{animation-delay:.6s;color:#ff7a18;font-size:1.4rem;font-weight:500}.body #main .zalo-qr{animation:slideUp 1s ease-out .9s forwards;height:280px;margin:30px;opacity:0;transform:translateY(100px);width:280px}.body #main .zalo-qr img{width:100%}.body #main button{animation:slideUp 1s ease-out 1s forwards,gradientMove 5s ease infinite;background:linear-gradient(270deg,#ff7a18,#af002d,#ff7a18);background-size:600% 600%;border:none;border-radius:999px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1rem;font-weight:600;opacity:0;padding:12px 28px;transform:translateY(100px);transition:transform .3s ease,box-shadow .3s ease}.body #main button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.body #main button:active{box-shadow:0 3px 10px #0003;transform:translateY(0)}.body #main button a{color:#fff;text-decoration:none}.body #winner{display:flex}.body #winner .content{align-items:center;animation:slideUp 2s ease-out .2s forwards,textGradient 5s ease infinite;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);margin:30px auto;overflow-y:scroll;padding:20px 10px}.body #winner .content h2{color:#3498db;font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.body #winner .content table{border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.body #winner .content table thead{background:#3498db;color:#fff}.body #winner .content table thead td{font-weight:600;padding:12px 6px}.body #winner .content table tbody tr:nth-child(2n){background:#f9f9f9}.body #winner .content table tbody tr:hover{background:#ecf0f1}.body #winner .content table tbody tr td{padding:12px 6px}.body #winner .content table tbody tr td p{color:#333;font-size:16px;text-transform:capitalize}.body #winner .content table tbody tr td span{color:silver;font-size:14px}@media screen and (max-width:768px){#winner{flex-direction:column-reverse}}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes textGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bgMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
/*# sourceMappingURL=main.30f844e8.css.map*/