:root{--primary-button-color: linear-gradient(180deg, rgba(0,217,255,1) 0%, rgba(0,142,166,1) 100%);--primary-button-color-hover: linear-gradient(180deg, #00DDFF 0%, #007e94 100%);--primary-button-text-color: #fff;--text-color: #fff;--primary-background-color: #000000;--icon-color: #4DD4FF;--padding-input-12: 8px;--padding-input-14: 10px;--select-padding-14: 8px;--select-padding-12: 6px;--button-padding-14: 10px;--button-padding-12: 10px;--font-size-12: 13px;--font-size-14: 15px;--middle-text-12: 19px;--middle-text-14: 22px}.main-container{background:#000;background-image:url(/template_2/background.png);background-size:cover;background-position:center;color:var(--text-color);min-height:100vh;padding:0;font-family:Roboto,sans-serif;position:relative;width:min(100vw,450px);background-attachment:fixed;&:before{content:"";position:absolute;inset:0;background-color:#0000004d;z-index:0}>*{position:relative;z-index:1}.main-content{max-width:min(100vw,450px);margin:0 auto;position:relative;height:100%;padding-top:18%;@media screen and (max-width: 380px){padding-top:21%}@media screen and (max-width: 325px){padding-top:25%}}& h1{font-size:28px;margin-bottom:10px}& p{color:#fff;margin-bottom:20px}& h4{color:#4dd4ff;font-size:16px;font-weight:500;margin-bottom:5px}.input-group{background-color:#fff;color:#000;border-radius:4px;display:flex;align-items:center;position:relative}.input-group .input-field{background:none;border:none;color:#000;flex-grow:1;width:100%;padding:var(--padding-input-14)}.input-field:focus{box-shadow:none}.icon{width:20px;height:20px;color:var(--icon-color)}.toggle-password{background:none;border:none;color:#a0a0a0}.button-default{background:var(--primary-button-color);color:var(--primary-button-text-color);border:none;border-radius:4px;padding:5px;width:100%}.button:hover{background:var(--primary-button-color-hover)}.create-account{text-align:center}.create-account a{color:#ffc107;text-decoration:none}.create-account a:hover{color:#ffa33a;text-decoration:underline}.middle-text{text-align:center;margin:15px 0;font-weight:700}.submit-button{border-radius:4px;background:var(--primary-button-color);color:var(--primary-button-text-color);font-size:var(--font-size-14);padding:var(--button-padding-14);line-height:1.5rem}.submit-button:hover{background:var(--primary-button-color-hover)}.custom-container{display:flex;justify-content:center;align-items:center;.custom-item{width:100%;max-width:95%;.custom-item-content{display:flex;flex-direction:column;background-color:#262626}}}.footer-container{max-width:min(100vw,450px);background:#19233e;color:var(--text-color);padding:clamp(10%,2.5vw,20px) clamp(20px,2.5vw,50px);margin:0 auto;border-top-left-radius:24px;border-top-right-radius:24px;position:relative;.footer-content{max-width:768px;margin:0 auto;& div{margin:5% 0;& h3{font-size:calc(12px + 1vw);margin-bottom:10px}& img{width:80%}}.contact{.contact-button{& img{max-height:70px;width:100%}}}}.footer-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4dd4ff00 4%,#4dd4ff,#4dd4ff00 96%)}}}@media screen and (max-width: 450px){.main-container{padding-bottom:20%;font-size:var(--font-size-14);.main-content{.input-group .input-field{font-size:var(--font-size-14);padding:var(--padding-input-14)}.middle-text{font-size:var(--middle-text-14)}.submit-button{font-size:var(--font-size-14);padding:var(--button-padding-14)}}}}@media screen and (max-width: 400px){.main-container{padding-bottom:20%;font-size:var(--font-size-12);.main-content{.input-group .input-field{font-size:var(--font-size-12);padding:var(--padding-input-14)}.middle-text{font-size:var(--middle-text-12)}.submit-button{font-size:var(--font-size-12);padding:var(--button-padding-12)}}}}