html{height:100%}body{position:relative;height:100%;background:linear-gradient(#242625 25%, #303133 50%, #303133 50%, #242625 100%);color:#a4a8a4;font-size:17px;font-family:"Inter",sans-serif}a{transition:all .3s;color:#b1b4b1}a:hover{color:#cbcdcb}strong{font-weight:500;color:#00acc1}.container{max-width:650px;margin:0 auto;width:100%}.content{position:absolute;width:100%}.content .header{padding:3.5rem 0 .3rem;text-align:center;position:relative;z-index:1;margin:0 2rem}.content .header img{height: 8rem}.content .header p{font-size:1.3rem;font-weight:500;color:#e5e5e5}.content .main{position:relative;margin:0 1rem;z-index:1;background:#1e201f;border-radius:.7rem;padding:1.5rem;box-shadow:0 1px 0 rgba(255,255,255,.1),inset 0 3px 3px rgba(0,0,0,.5);margin-bottom:1rem}.content .main ul.m-list{margin:0;padding:0;list-style:none;margin:1rem 0}.content .main ul.m-list li a{display:flex;justify-content:space-between;background:#242625;padding:.5rem .8rem;margin:.3rem 0;border-radius:.4rem;border:1px solid #3e403f;color:#777b77;text-decoration:none;transition:border-color .3s,background .3s}.content .main ul.m-list li a span:first-child{font-weight:600;color:#e5e5e5}.content .main ul.m-list li a span:last-child{display:inline-block;align-items:center;transition:color .3s}.content .main ul.m-list li a span:last-child:before{content:" ";display:inline-block;background:#00acc1;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:.3rem}.content .main ul.m-list li a:hover{background:#003a42;border-color:#00acc1}.content .main ul.m-list li a:hover span:last-child{color:#e5e5e5}.content .main .notice{background:#131514;padding:.9rem 1rem .4rem;border-radius:.5rem;display:flex}.content .main .notice .start{display:flex;margin-right:.5rem}.content .main .notice .start i{font-size:1.1rem;color:#e5e5e5}.content .main .notice .stop{margin-top:.1rem;font-size:.8rem}.content .main .notice .stop .heading{font-weight:400;color:#e5e5e5;font-size:.9rem}.content .main .notice .stop .twitter{background:#00acc1;border-radius:.2rem;padding:.2rem .5rem;display:inline-block;color:#131514;text-decoration:none;font-weight:500;margin-top:.4rem;font-size:.8rem}.content .main .notice .stop .twitter:hover{background:#00d9f4}.content .main .faq{margin-top:1.8rem}.content .main .faq h3{font-size:20px;font-weight:500;color:#e5e5e5}.content .footer{text-align:center;width:100%;position:relative;z-index:1;margin-bottom:2rem}.wrap{width:100%;height:100%;position:absolute;margin:0 auto;perspective:360px;perspective-origin:50% 50%}.top-plane,.bottom-plane{width:200%;height:130%;position:absolute;bottom:-30%;left:-50%;background-image:-webkit-linear-gradient(#303133 2px, transparent 2px),-webkit-linear-gradient(left, #303133 2px, transparent 2px);background-size:100px 100px,100px 100px;background-position:-1px -1px,-1px -1px;transform:rotateX(85deg);animation:planeMoveTop 2s infinite linear;z-index:0}.bottom-plane{transform:rotateX(-85deg);top:-30%;animation:planeMoveBot 2s infinite linear}@keyframes planeMoveTop{from{background-position:0px -100px,0px 0px}to{background-position:0px 0px,100px 0px}}@keyframes planeMoveBot{from{background-position:0px 0px,0px 0px}to{background-position:0px -100px,100px 0px}}@media(max-height: 350px){.wrap{perspective:210px}}
 @keyframes borderGlow {
        0% {
            box-shadow: 0 0 10px 2px #ff8c00;
            border-color: #ff8c00;
        }
        25% {
            box-shadow: 0 0 10px 2px #ffa500;
            border-color: #ffa500;
        }
        50% {
            box-shadow: 0 0 10px 2px #ff8c00;
            border-color: #ff8c00;
        }
        75% {
            box-shadow: 0 0 10px 2px #ffa500;
            border-color: #ffa500;
        }
        100% {
            box-shadow: 0 0 10px 2px #ff8c00;
            border-color: #ff8c00;
        }
    }

    .btn {
        background: linear-gradient(135deg, #ff8c00, #ff4500);
        border: 2px solid #ff8c00;
        border-radius: 50px;
        color: white;
        padding: 15px 30px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0px 0px 10px 2px #ff8c00;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        animation: borderGlow 3s infinite;
    }

    .btn:hover {
        background: linear-gradient(135deg, #ff4500, #ff8c00);
        box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    }

    .btn:active {
        transform: scale(0.98);
        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
    }
    .btn-23 {
	text-align: center;
	margin-bottom: 40px;
}