@font-face{font-family:Lato;font-weight:400;font-style:normal;src:url(../fonts/Lato-Regular.woff);font-display:swap;}
@font-face{font-family:Lato;font-weight:700;font-style:normal;src:url(../fonts/Lato-Bold.woff);font-display:swap;}

@font-face{font-family:PTSans;font-weight:400;font-style:normal;src:url(../fonts/PTSans-Narrow.woff);font-display:swap;}
@font-face{font-family:PTSans;font-weight:700;font-style:normal;src:url(../fonts/PTSans-NarrowBold.woff);font-display:swap;}

body,html{margin:0;padding:0;width:100%;height:auto;font-family:Lato;color:#1e1e1e;font-size:16px;font-weight:400;overflow-x:hidden;position:relative;background:#000;}
body:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(/img/bg.png) 50% 100% no-repeat #000;background-size:cover;z-index:0;opacity:1;}
body::-webkit-scrollbar,.modal .text::-webkit-scrollbar,.response .inner::-webkit-scrollbar,.support-wrap .history::-webkit-scrollbar,.ref-link::-webkit-scrollbar{width:4px;}
body::-webkit-scrollbar-track,.modal .text::-webkit-scrollbar-track,.response .inner::-webkit-scrollbar-track,.support-wrap .history::-webkit-scrollbar-track,.ref-link::-webkit-scrollbar-track{box-shadow:none;background:rgba(255,255,255,.1);}
body::-webkit-scrollbar-thumb,.modal .text::-webkit-scrollbar-thumb,.response .inner::-webkit-scrollbar-thumb,.support-wrap .history::-webkit-scrollbar-thumb,.ref-link::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);outline:0px solid #fff;border-radius:3px;}
::selection{background-color:#FFF00F;color:#fff;}
::-moz-selection{background-color:#FFF00F;color:#fff;}
a{color:#FFF00F;transition:.2s;text-decoration:none;}
a:hover{color:#FFF00F;}
b{font-weight:700;}
*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;}
div{display:flex;flex-direction:column;}
section{display:flex;flex-direction:column;width:100%;}
img{max-width:100%;height:auto;}
footer{margin-top:auto;}
select{cursor:pointer;}
select option{padding:20px;min-height:40px;}
input[type="text"],input[type="password"],input[type="date"],input[type="tel"],input[type="email"],textarea,select,input[type=number],.select2-container .select2-selection--single,form .uploader label,.select2-container--default .select2-selection--multiple{display:flex;width:100%;height:7.4vh;align-items:center;border-radius:3.7vh;border:2px solid rgba(255,255,255,1);padding:0 30px;font-weight:400;outline:none;color:#333;transition:.2s;font-size:2.5vh;background:#fff;font-family:Lato;text-align:center;}
textarea{padding:20px 22px;height:120px;resize:none;}
input::placeholder,textarea::placeholder,input[type=date]:invalid::-webkit-datetime-edit{font-size:2.5vh;font-family:Lato;transition:.2s;color:rgba(0,0,0, .5);font-weight:400;}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer}
input:focus::placeholder,textarea:focus::placeholder{color:rgba(52, 31, 16,.0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
input[type="text"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type=date]:focus,input[type="password"]:focus,textarea:focus,select:focus,.woocommerce-checkout table.cart td.actions .coupon .input-text:focus,.select2-container--open .select2-selection{box-shadow:0 0 1px 5px rgba(52, 31, 16, .1);}
input:disabled{color:rgba(255,255,255,.3);}
fieldset{border-color:#eee;border-style:solid;border-width:1px;border-radius:3px;}
legend{padding:0 10px;}
i{font-style:normal;}
iframe,iframe body{display:block;width:100%;border:0px;max-width:100%;overflow-x:hidden;}
svg{transition:.2s;}
input.errorr,input.error,textarea.error,select.error{border-color:#E84B37!important;}
input.good.valid,input.good.valid{border-color:#3BB698!important;}
.button:disabled{cursor:not-allowed!important;}
.check{padding:0;margin:5px 0;}
.check.groupe{flex-direction:row;justify-content:space-between;}
.check .item:not(:last-child){margin-bottom:20px;}
.check input,.radios input{display:none;}
.check input + label,.radios input + label{position:relative;padding:0 0 0 32px;cursor:pointer;font-family:Lato;font-size:14px;}
.check input + label:before,.radios input + label:before{content:'';position:absolute;top:-1px;left:0;box-sizing:border-box;width:18px;height:18px;border-radius:3px;border:2px solid rgba(255,255,255,.3);background:none;transition:.2s;}
.check input + label:after,.radios input + label:after{content:'';position:absolute;top:-4px;left:-2px;box-sizing:border-box;width:30px;height:25px;background:#fff;background:#2973BA;transition:.2s;transform:scale(0) scaleX(-1);background:url('data:image/svg+xml,<svg width="48" height="53" viewBox="0 0 48 53" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_75_136)"><path d="M4.47211 2.42058C3.91884 1.39748 5.26295 0.413578 6.071 1.25018L29.6257 25.6372C30.0065 26.0315 30.6338 26.0457 31.0321 25.669L41.6782 15.5998C42.4976 14.8248 43.7732 15.7879 43.2522 16.7883L28.9091 44.3289C28.5387 45.0401 27.524 45.048 27.1426 44.3427L4.47211 2.42058Z" fill="%23fff00f"/></g><defs><filter id="filter0_d_75_136" x="0.342285" y="0.935463" width="47.0312" height="51.9315" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_75_136"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_75_136" result="shape"/></filter></defs></svg>') 50% 50% no-repeat;background-size:contain;}
.check input:checked + label:after,.radios input:checked + label:after{transform:scale(1) scaleX(-1);}
.radios input + label:before,.radios input + label:after{border-radius:100%;}
.radios input + label:after{background:#A68246;width:12px;height:12px;border-radius:100%;top:4px;left:4px;}
.radios input.error + label:after{background:#F76463;}
.check label a{border-bottom:1px solid #1e1e1e;}

.w-100{width:100%;}
.w-70{width:calc(70% - 10px);}
.w-50{width:calc(50% - 10px);}
.w-33{width:calc(33.33% - 13.33px);}
.w-25{width:calc(25% - 15px);}
.w-30{width:calc(30% - 10px);}

form,form>.inner-form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-block-end:0;}
form>*:not(:last-child){margin-bottom:2vh;}
form .uploader input{display:none;}
form .uploader label{border-style:dashed;border-width:3px;background:none;}
form .uploader .uploader-wrap{flex-direction:row;width:100%;align-items:center;cursor:pointer;}
form .uploader svg{width:24px;height:24px;}
form .uploader svg *:first-child{fill:#fff}
form .uploader svg *:not(:first-child){stroke:#fff}
form .uploader svg.added,form .uploader .added svg{display:none;}
form .uploader .added svg.added *:first-child{fill:#FFF00F;}
form .uploader .added svg.added *:not(:first-child){stroke:#FFF00F;}
form .uploader .added svg.added{display:block;}
form .uploader .uploader-wrap span{margin:0 0 0 10px;}
form .label{text-align:left;margin:0 0 5px 0;font-size:14px;}
form>.inner-form>*:not(:last-child){margin-bottom:20px;}
form .w-100.actions{flex-direction:row;align-items:center;justify-content:space-between;}
form#form-winners-info .button{margin:0 auto;}

.button,.top-menu .button{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;padding:0 30px;height:7vh;min-height:7vh;font-size:2.5vh;line-height:1;white-space:nowrap;text-decoration:none;color:#fff;background:#DF9934;border-radius:35px;border:0px solid #1e1e1e;cursor:pointer;font-weight:700;text-transform:uppercase;transition:.2s;margin:0;max-width:100%;font-family:PTSans;}
.button:hover,.top-menu .button:hover{opacity:.8;color:#fff;}
.button.disabled{opacity:.5;pointer-events:none!important;cursor:not-allowed!important;}
.button.loading{background:linear-gradient(45deg, #e5d70d 25%, #FFF00F 25%, #FFF00F 50%, #e5d70d 50%, #e5d70d 75%, #FFF00F 75%, #FFF00F);border-color:transparent!important;color:#1e1e1e;background-size:100px 100px;animation:loading 7.5s linear infinite;pointer-events:none;}
.button svg{margin:0 15px 0 0;fill:#fff;transition:.2s;width:3vh;height:3vh;}
.button:hover svg{fill:#fff;}

header{display:flex;position:fixed;top:0;left:0;width:100%;z-index:99;transition:.2s;height:170px;background:transparent;}

.modal{display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:fixed;top:0;left:0;background:rgba(7, 14, 13,.8);z-index:9999;opacity:0;visibility:hidden;transition:.2s;}
.modal.modal-info{z-index:9999999999;}
.modal-body{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:380px;max-width:calc(100% - 40px);max-height:calc(100% - 100px);padding:40px 20px 40px 20px;background:#fff;box-shadow:0px 10px 20px 0px rgba(0,0,0,.1);border-radius:10px;transition:transform cubic-bezier(0.68,-0.55,0.27, 1.55) .2s;color:#333;}
.modal-body>*{position:relative;z-index:2;}
.modal.visible{opacity:1;visibility:visible;}
.modal.visible .modal-body{transform:translate(-50%,-50%) scale(1);}
.modal-close{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;right:10px;top:10px;width:56px;height:56px;background:none;z-index:5;transition:.2s;cursor:pointer;font-family:Lato;}
.modal-close svg{width:56px;height:56px;max-width:56px;transition:.2s;}
.modal-close svg>*{stroke:#333;}
.modal-close:hover svg,.modal-close:focus svg,.modal-close:active svg{transform:rotate(-180deg);}
.modal .text{width:100%;max-height:100%;overflow:auto;padding:0 10px 0 10px;}
.modal .text.center{text-align:center;}
.modal .text.center p{font-size:16px;margin:5px 0;}
.modal-title{position:relative;font-size:30px;font-weight:700;color:#333;padding:0 0 10px 0;text-transform:uppercase;font-family:PTSans;}
.modal-title + form{margin-top:20px;}
.modal-title:last-child{padding-bottom:0px;}
.modal .no-desc .modal-title{margin:0;}
.modal-body .icon{width:60px;height:60px;border-radius:100%;align-items:center;justify-content:center;justify-content:center;align-items:center;margin:-10px auto 5px auto;}
.modal-desc{font-size:16px;color:#333;}
.modal .icon svg{display:none;}
.modal.error .icon .error{display:block;}
.modal.success .icon .success{display:block;}
.modal .form{margin:20px 0 0 0;}
.modal-profile .modal-body,.modal-password .modal-body{max-width:360px;}
.modal-profile .button,.modal-password .button{width:100%;}
.modal-check .modal-body{width:calc(100% - 40px);max-width:620px;}

section{display:flex;flex-direction:column;padding:0;}
.content{width:100%;height:auto;margin:0 auto;min-height:100vh;padding:0;color:#fff;background:linear-gradient(to bottom, transparent 0%, rgba(237, 28, 36, .0) 100%);position:relative;overflow:hidden;}

.section-title{font-family:PTSans;margin:30px 0 30px -60px;background:linear-gradient(to right, #B51827 0%, #650409 100%);padding:10px 20px;font-size:35px;text-align:left;font-weight:700;line-height:1;border-top:4px solid #DF9934;border-bottom:4px solid #DF9934;border-radius:5px 0 0 0;position:relative;text-transform:uppercase;}
.section-title::after {
  content: "";
  position: absolute;
  top:calc(100% + 4px);
  left:0;
  width:0;
  height:0;
  border-bottom: 20px solid transparent;
  border-right: 40px solid #650409; /* чуть темнее */
}
.section-title.white{color:#fff;}
.section-desc{text-align:left;font-size:20px;font-weight:400;margin:15px 0 50px 0;}

table{border:0;border-spacing:0;width:100%;}
table td, table th{padding:10px 10px;text-align:left;font-size:16px;}
table thead th{background:#057100;color:#fff;font-weight:400;}
table td.delete{padding:5px 20px;width:80px;}
table .button.delete{width:40px;height:40px;padding:0;}
table .button.delete svg{margin:0;width:48px;height:48px;}

.single-text{font-size:14px!important;}
.single-text table{font-size:14px!important;max-width:100%;display:block;overflow-x:auto;text-align:left!important;border-spacing:2px;}
.single-text td{padding:10px 10px;background:rgba(255,255,255,.1);font-size:14px!important;}
.single-text td>*{padding:0;margin:0;}

/* Адаптив */
table.checks, .checks thead, .checks tbody, .checks th, .checks td, .checks tr{display:block;}
.checks thead tr{display:none;}
.checks tr{margin-bottom:15px;border-radius:10px;background:rgba(0,0,0,.05);padding:10px;background:rgba(255,255,255,.1);border-radius:8px;}
.checks td{display:flex;flex-direction:column;padding:10px;position:relative;text-align:left;}
.checks td:before{content:attr(data-label);width:100%;position:relative;left:0px;font-weight:400;color:#fff;margin:0 0 5px 0;}
.checks td.status{padding-left:100px;}

.only-text{display:block;line-height:1.3}
.only-text ul, .only-text ol{margin:0;padding:0 0 0 20px;list-style-position:inside;}
.only-text ul>*:not(:last-child), .only-text ol>*:not(:last-child){margin-bottom:5px;}
.only-text>*{margin:0px;}
.only-text>*:not(:last-child){margin-bottom:20px;}
.only-text a{border-bottom:1px solid #1e1e1e;}
.only-text a:hover{color:#057000;border-color:#057000;}

.wrap-qr .r{width:100%;height:200px;}

.snow{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(10px);}

footer{width:100%;position:absolute;bottom:0;left:0;background:none;padding:0;text-align:center;font-size:16px;color:rgba(0,0,0,.5);padding:0 20px 20px 20px;z-index:8;}
footer .only-text>*:not(:last-child){margin-bottom:10px;}
footer .only-text a,.footer-wrap a{color:#FFF00F;border-bottom:1px solid #FFF00F;}
footer .only-text a:hover,.faq-wrap .answer .inner.only-text a:hover,.footer-wrap a:hover{color:#FFF00F;border-bottom:1px solid #FFF00F;opacity:.7;}
.footer-wrap{flex-direction:row;justify-content:space-between;color:#FFF00F;position:relative;z-index:2;font-weight:400;font-size:16px;}

header{display:flex;position:fixed;top:0;left:0;width:100%;z-index:99;transition:.2s;height:200px;background:linear-gradient(to bottom, transparent 0%, transparent 100%);}
.header-wrap{width:100%;margin:0 auto;padding:0 20px;align-items:center;justify-content:space-between;flex-direction:row;}
.logo{width:auto;height:30vh;margin:0 auto 6vh auto;position:relative;z-index:2;transition:0s;}
.logo svg{height:100%;width:auto;}
.header-wrap .title{padding:10px 20px;border-radius:50px 0 0 50px;background:#F24841;font-weight:700;position:relative;right:-20px;}

section.welcome{height:100%;width:100%;padding:50px 20px 50px 20px;height:auto;min-height:100vh;justify-content:center;position:relative;z-index:4;}
.home-text{text-align:center;margin:30px 0 0 0;}

.response{width:50vh;max-width:480px;margin:0 auto;height:auto;border-radius:20px;padding:0 20px;position:relative;z-index:2;}
.response .text.error{margin:auto;text-align:center;}
.response .inner{width:100%;height:100%;min-height:32.5vh;max-height:100%;overflow-y:auto;padding:0 10px 0 5px;height:auto;}

#response{height:auto;transition:0s}

#response.loading {
    background: linear-gradient(
        45deg,
        #DF9934 25%,
        #d18e32 25%,
        #d18e32 50%,
        #DF9934 50%,
        #DF9934 75%,
        #d18e32 75%,
        #d18e32
    );
    border-radius: 10px;
    border-color: transparent !important;
    color: #fff;
    text-align: center;
    background-size: 50px 50px; /* меньше — анимация будет плавнее */
    animation: loading 2s linear infinite; /* уменьшили время для плавности */
    pointer-events: none;
    padding: 20px;
}
@keyframes loading {
    0% { background-position: 0 0; }
    100% { background-position: 100px 0px; } /* совпадает с background-size */
}

#response.loading .photo-desc{font-size:25px;font-family:PTSans;}

.response .small{font-size:12px;margin:10px 0 0 0;}

.user-info{text-align:center;}
.user-info .name{font-size:35px;font-weight:700;}
.user-info .contacts{color:rgba(255,255,255,.5);font-size:20px;font-weight:400;line-height:1.5;margin:30px 0 30px 0;}
.user-info .buttons>*:not(:last-child){margin-bottom:10px;}

.support-wrap{height:100%;justify-content:space-between;}
.support-wrap .history{height:100%;overflow-y:auto;padding:10px;background:rgba(0,0,0,.5);border-radius:8px;font-size:14px;}
.support-wrap .form{margin:auto 0 0 0;padding:20px 0 0 0;}
.support-form textarea{border-radius:8px 8px 0 0;height:80px;border-bottom:0px;}
.support-form button{border-radius:0 0 8px 8px;width:100%;}
.support-wrap p{margin:0;}
.support-wrap .no-history{margin:auto;text-align:center;color:rgba(255,255,255,.5);}
.support-wrap .history .item:not(:last-child){margin-bottom:10px;}
.support-wrap .history .item.question,.support-wrap .history .item.answer{width:auto;max-width:70%;background:rgba(255, 240, 15,.25);padding:10px;border-radius:6px;}
.support-wrap .history .item.question{margin-left:auto;text-align:right;}
.support-wrap .history .item.answer{margin-right:auto;background:rgba(255,255,255,.15);}
.support-wrap .history .item i{font-style:italic;}

.uploads-wrap{margin:auto;}
.uploads-wrap .buttons{margin:30px 0 0 0;}
.uploads-wrap .buttons .button{width:100%;}
.uploads-wrap .buttons .button:not(:last-child){margin-bottom:10px;}

.wrap-qr-scan{width:100%;overflow:hidden;aspect-ratio:1/1;align-items:center;justify-content:center;text-align:center;}
.button.retry-scan{height:36px;font-size:12px;margin:10px auto 0 auto;}

table.checks .status{position:relative;padding-left:45px;white-space:nowrap;}
table.checks .status:before{content:'';display:flex;width:10px;height:10px;border-radius:100%;top:50%;left:20px;margin-top:-5px;border-radius:5px;position:absolute;}
table.checks .status.orange:before{background:rgba(255,255,255,.5);}
table.checks .status.red:before{background:#F24841;}
table.checks .status.green:before{background:#1CBC60;}

.checks-info-wrap{flex-direction:row;margin:0 -5px 15px -5px;width:calc(100% + 10px);}
.checks-info-wrap .item{width:33.33%;padding:0 5px;}
.checks-info-wrap .inner{padding:10px 10px;border:2px solid rgba(255,255,255,.3);border-radius:8px;height:100%;}
.checks-info-wrap .title{display:block;text-align:center;font-size:14px;padding:0 0 10px 0;}
.checks-info-wrap .count{font-size:20px;font-weight:700;text-align:center;justify-content:center;align-items:center;line-height:1;margin-top:auto;}

.dop-desc-winner{margin:20px 0 30px 0;text-align:center;}
.dop-desc-winner .button{margin:10px auto 0 auto;}

.ref-wrap{margin:40px 0 0 0;padding:20px;border-radius:20px;background:rgba(255,255,255,.1);text-align:center;font-size:14px;}
.ref-title{font-weight:700;text-transform:uppercase;margin:0 0 10px 0;}
.ref-link{background:#21201F;padding:5px 10px;border-radius:6px;margin:0 0 10px 0;color:rgba(255,255,255,.5);text-align:left;width:100%;max-width:100%;overflow-x:auto;flex-direction:row;white-space:nowrap;}
button.button.share-button,.button.rules-button{font-size:10px;height:30px;min-height:30px;padding:0 15px;background:rgba(0,0,0,.3);color:#fff;margin-bottom:20px;}
button.button.share-button svg,.button.rules-button svg{fill:#fff;width:12px;height:12px;margin:0 10px 0 0;}
.button.rules-button svg{width:16px;height:16px;}
.button.rules-button{margin-top:60px;background:rgba(0,0,0,.5);font-size:12px;}
.ref-desc{margin:0 0 10px 0;background:#1CBC60;padding:5px 10px;border-radius:6px;}
.active-referral{color:#1CBC60}
.ref-list{color:rgba(255,255,255,.5);}

.single-text{margin:20px 0 0 0;font-size:14px;}
.new-badge{display:inline-block;padding:3px 5px;font-size:12px;color:#fff;font-weight:400;background:#1CBC60;border-radius:3px;margin:0 0 0 5px;}

table.checks.win-table td{font-size:14px;color:rgba(255,255,255,.5)}
table.checks.win-table td:before{font-size:16px;}

.result video{border-radius:10px;border:4px solid #DF9934;}

.checks.radios{flex-direction:row;width:100%;max-width:432px;margin:0 auto;justify-content:space-between;}
.checks.radios .item{width:calc(33.33% - 2.5vh);flex-direction:column;}
.checks.radios .item input + label{display:flex;flex-direction:column;padding:0;text-align:center;font-size:1.6vh;}
.checks.radios .item input + label:before{position:relative;width:100%;height:auto;aspect-ratio:4/3;background:url('data:image/svg+xml,<svg width="123" height="93" viewBox="0 0 123 93" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5H121.5V91.5H1.5V1.5Z" fill="%23115740"/><path d="M1.5 1.5V91.5M1.5 1.5H121.5M1.5 1.5L46.0161 46.5M121.5 1.5V91.5M121.5 1.5L76.8871 46.4022M121.5 91.5H1.5M121.5 91.5L76.8871 46.4022M1.5 91.5L46.0161 46.5M76.8871 46.4022L69.6148 53.7535C65.0797 58.3379 57.7268 58.3379 53.1917 53.7535L46.0161 46.5" stroke="white" stroke-width="3" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;background-size:contain;border:0px;border-radius:0px;margin:0 0 10px 0;}
.checks.radios .item input:checked + label:after{display:none;}
.checks.radios .item input:checked + label:before,.checks.radios .item input + label:hover::before{position:relative;width:100%;height:auto;aspect-ratio:4/3;background:url('data:image/svg+xml,<svg width="123" height="93" viewBox="0 0 123 93" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5H121.5V91.5H1.5V1.5Z" fill="%23CD973C"/><path d="M1.5 1.5V91.5M1.5 1.5H121.5M1.5 1.5L46.0161 46.5M121.5 1.5V91.5M121.5 1.5L76.8871 46.4022M121.5 91.5H1.5M121.5 91.5L76.8871 46.4022M1.5 91.5L46.0161 46.5M76.8871 46.4022L69.6148 53.7535C65.0797 58.3379 57.7268 58.3379 53.1917 53.7535L46.0161 46.5" stroke="white" stroke-width="3" stroke-linejoin="round"/></svg>') 50% 50% no-repeat;background-size:contain;}

.logo-hb{position:absolute;bottom:6.2vh;right:6.2vh;z-index:5;}
.logo-hb svg{width:auto;height:7.8vh;}
form .only-text{font-size:3.5vh;text-align:center;margin-top:2vh;}

video{display:flex;border-radius:10px;overflow:hidden;margin:2vh 0 3vh 0;border:2px solid #fff;}

.restart{flex-direction:row;align-items:center;color:#fff;cursor:pointer;}
.restart svg{width:18px;height:18px;fill:#fff;margin:-3px 8px 0 0;transition:.2s;}
.restart:hover svg{transform:translateX(-5px);}

.active .logo{height:10vh;}
.active #response{height:calc(100vh - 16vh - 100px);width:auto;align-items:center;justify-content:center;aspect-ratio:9/16;}
.active #response .video-result{height:95%;}
.active #response video{width:auto;height:calc(100% - 5vh - 6vh);aspect-ratio:9/16;}

@media screen and (max-width:900px){
.logo-hb{right:50%;transform:translateX(50%);bottom:4vh;}
section.welcome{padding:5vh 20px 15vh 20px;}
.active #response{height:calc(100vh - 16vh - 20vh);width:auto;align-items:center;justify-content:center;aspect-ratio:9/16;}
}

@media screen and (max-width:900px) and (min-height:700px){
.logo{width:100%;}
.response{width:100%;}
}