:root{--background-color: #000C12;--font-color: #fff;--accent: #4FA862;--danger: #b32c2c}*{box-sizing:border-box}body{font-family:Jockey One,sans-serif;margin:0;min-height:100vh;min-height:100svh}body #app,body .layout{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}body #app .card,body .layout .card{background:#4fa862;border:5px solid #fff;border-radius:10px;box-shadow:0 0 5px #000;max-width:300px;margin:0 50px;padding:10px;color:#fff;text-align:center}body #app .card .title,body .layout .card .title{text-shadow:2px 2px 0 #000,-2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000;font-size:2rem}body #app .card .desc,body .layout .card .desc{text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000;font-size:1.25rem}body #app .card .actions a,body .layout .card .actions a{border:3px solid #000;border-radius:10px;padding:8px 10px 10px;margin-top:10px;display:inline-flex;text-decoration:none;color:#000;background:#fff;font-size:1.5rem}.btn.btn-white{border:3px solid #000;border-radius:10px;padding:8px 10px 10px;margin-top:10px;display:inline-flex;text-decoration:none;color:#000;background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer}.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.tg-auth-btn{background-color:#08c;border:none;color:#fff;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;-webkit-user-select:none;user-select:none}.tg-auth-btn:disabled{opacity:.6;cursor:not-allowed}.toast_wrapper{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;z-index:10;padding:50px;max-width:300px}.toast_wrapper .toast{transition:.5s;opacity:1;width:fit-content;padding:.5rem;padding:.5rem 1rem;border-radius:.5rem;margin-bottom:.25rem;width:calc(100% - 1rem);margin-left:.5rem;cursor:pointer;position:relative;text-align:center}.toast_wrapper .toast.error{background:var(--danger);color:#fff}.toast_wrapper .toast.info{background:#00f;color:#fff}.toast_wrapper .toast.success{background:green;color:#fff}@media (max-width: 768px){body #app .layout main{padding-bottom:4rem}body #app .layout main header{font-size:clamp(1.2rem,2vw + 1rem,2rem);flex-direction:column;text-align:center;line-height:1;gap:10px}body #app .layout main header picture{height:80px}body #app .layout main .box-wrapper{flex-direction:column;gap:50px}body #app .layout main .box-wrapper picture img{width:70vw}body #app .layout main article{flex-direction:column}}