@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Tangerine:wght@400;700&display=swap";body{background-color:var(--background-color);color:var(--font-color);font-size:var(--font-size-base);font-family:var(--font-family-base)}.ham_menu{margin-right:5px;margin-left:5px;position:relative}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:var(--color-accent-primary);margin:6px 0;transition:.4s}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}.ham_dropdown{display:none;border-radius:var(--base-radius);position:absolute;top:45px;right:0;background-color:var( --color-bg-tertiary);padding:10px;width:80vw}.ham_dropdown a{text-align:left!important}.ham_container.change+.ham_dropdown{display:flex;flex-direction:column}.menu_divider{height:1px;background-color:var(--color-text-primary);width:100%;margin:10px auto}.login-container{border:1px solid var(--color-text-primary);border-radius:var( --base-radius);width:fit-content;margin-left:auto;margin-right:auto;padding:10px;display:flex;flex-direction:column;max-width:320px}.login-container input{width:300px}.login-container button{margin-top:10px;width:100%;margin-right:auto;margin-left:auto}.reg-link{color:var(--color-text-primary);margin-left:auto;margin-right:auto;margin-top:20px}#reg-div{display:flex;flex-direction:column}.login-container p{background-color:red;border-radius:var(--base-radius);padding:5px;text-align:center;color:var(--font-color)!important}.register-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.register-form form{display:flex;flex-direction:column;border:1px solid var(--color-text-primary);border-radius:var( --base-radius);padding:10px;max-width:320px}.register-form form button{margin-top:10px}.register-form form input{width:300px}.register-form form p{background-color:red;border-radius:var(--base-radius);padding:5px}.pending-text{text-align:center}.countdown-div{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;border:1px solid var(--font-color);border-radius:var(--base-radius);max-width:800px;padding:10px;background-color:var(--background-color-2)}.countdown-div button{width:100%}.countdown-div h3,.countdown-div h2{margin-top:0;margin-bottom:5px}.countdown-div h4{margin-top:5px;margin-bottom:10px}.loader-container{width:100%!important;height:200px!important}.countdown-list{width:100%}.countdown_items h3{margin:0 0 0 10px!important;padding:0!important;align-content:center}.countdown_items{display:flex;flex-direction:row;margin-bottom:10px;border:1px solid var(--font-color);border-radius:var(--base-radius);padding:10px}.countdown_arrows{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;gap:3px}.countdown_arrows button{border:none;cursor:pointer;color:var(--font-color);background-color:var(--color-bg-tertiary);border-radius:var(--base-radius)}.countdown_arrows button:hover{background-color:var(--color-accent-secondary)}#countdown_timer{margin-left:auto!important}@media (max-width:600px){.countdown_items{display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto;gap:10px}.countdown_number{grid-column:1/2;grid-row:1/3}.countdown_arrows{grid-column:2/3;grid-row:1/3;gap:3px;margin-top:auto;margin-bottom:auto}.countdown_title{grid-column:3/4;grid-row:1/2;text-align:center}#countdown_timer{grid-column:3/4;grid-row:2/3;margin-left:auto!important;margin-right:auto!important}}.countdown-modal-box{width:100%;display:flex;flex-direction:column}.countdown-checkbox{display:flex;flex-direction:row;margin-left:auto;margin-right:auto}.countdown-checkbox label{margin-left:.5rem}.modal-buttons{display:flex;flex-direction:row;margin-top:1rem}.modal-buttons :nth-child(2){background-color:red}:root{--background-color:#1A1A1A;--background-color-2: #2B2B2B;--color-bg-tertiary: #3C3C3C;--color-accent-primary: #00C8C8;--color-accent-secondary: #6C7EE1;--color-text-primary: #E0E0E0;--color-text-on-light: #1A1A1A;--font-color: var(--color-text-primary);--font-size-base: 16px;--font-family-base: "Noto Sans", sans-serif;--radius-sm: 5px;--base-radius: 15px}h1{font-size:clamp(2rem,5vw,3rem);text-align:center}h2{font-size:clamp(1.5rem,4vw,2rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{font-size:1rem}.video-container{margin:30px auto;border-radius:var(--base-radius);overflow:hidden;max-width:800px;min-width:400px}.header-bar{display:flex;align-items:center;gap:20px;background-color:var(--background-color-2);height:60px;border-radius:30px;padding:0 20px}.header-bar a{color:var(--font-color);text-align:center;padding:12px 5px;text-decoration:none;font-size:1.1rem;border-radius:4px}.header-bar a.logo{font-size:2rem;font-weight:700;font-family:Tangerine,sans-serif}.header-bar a:hover{background-color:#ddd;color:#000}.header a.active{background-color:#1e90ff;color:#fff}.header-bar-right{margin-left:auto}.desktop-header-menu{display:flex;width:100%;align-items:center}.mobile-header-menu{display:none}@media screen and (max-width: 500px){.desktop-header-menu{display:none}.mobile-header-menu{display:flex;width:100%}}.std-button{background-color:var(--color-accent-primary);color:var(--color-text-on-light);padding:12px 16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;font-weight:400;font-size:1rem;height:40px;margin-right:5px;margin-left:5px}.std-button:hover{background-color:var(--color-accent-secondary)}.std-button:disabled{background-color:var(--color-accent-secondary)}label{display:block;margin-bottom:10px;margin-top:10px;font-weight:700!important;font-size:var(--font-size-base);font:var(--font-family-base)}input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=number],select,textarea{background-color:var(--color-bg-tertiary);border:1px solid var(--color-text-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:10px;font-family:var(--font-family-base);font-size:var(--font-size-base)}input[type=checkbox]{cursor:pointer;width:1.2rem}input:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px rgba(var(--color-accent-primary),.3)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--background-color-2);padding:2.5rem;border-radius:var(--base-radius);position:relative;min-width:300px;box-shadow:0 5px 15px #0000004d}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:2rem;cursor:pointer;text-align:right;color:var(--color-text-primary)}
