*{box-sizing:border-box;}

html, body { margin: 0; padding: 0; }

body { font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#fff; color:#000; line-height: 1.5; }

img{max-width:100%;height:auto;}
a{color:#0f766e;text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-weight:700;line-height:1.2;color:#111827;}
p{margin:0 0 20px;}
ul,ol{margin:0 0 20px;padding-left:25px;}
input,select,textarea,button{font:inherit;}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('/assets/images/chevron_down.svg') no-repeat right 15px center;padding-right:45px;}
.checkbox{display:flex!important;align-items:flex-start;gap:10px;margin-bottom:25px;font-size:14px;line-height:1.5;color:#6b7280;}
.checkbox input{width:18px!important;height:18px!important;margin:2px 0 0!important;}
.captcha{margin-bottom:25px;}

.auth{max-width:600px;margin:50px auto;padding:40px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.auth h1{margin:0 0 10px;font-size:32px;font-weight:700;color:#111827;}
.auth p{margin:0 0 30px;color:#6b7280;line-height:1.6;}
.auth-tabs{display:flex;gap:10px;margin-bottom:30px;}
.auth-tab{flex:1;padding:12px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#6b7280;transition:.2s;}
.auth-tab:hover{border-color:#0f766e;color:#0f766e;}
.auth-tab.active{background:#0f766e;border-color:#0f766e;color:#fff;}
.auth-panel{display:none;}
.auth-panel.active{display:block;}
.auth label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:#374151;}
.auth input,.auth select{width:100%;height:48px;padding:0 15px;margin:0 0 20px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;font-size:15px;color:#111827;box-sizing:border-box;transition:.2s;}
.auth input:focus,.auth select:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.1);}
.auth button[type="submit"]{width:100%;height:52px;border:0;border-radius:8px;background:#0f766e;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;}
.auth button[type="submit"]:hover{background:#115e59;}
.auth-error{display:none; margin:20px 0;padding:15px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;}
.auth-message{display:none; margin-top:20px;padding:15px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:14px;}

.sixDigitPin {display: flex;align-items: center;overflow: hidden;margin-bottom: 10px;position: relative; max-width:320px;}
.sixDigitPin:after {position: absolute;content: '';width: 8px;height: 4px;background: #d1d5db;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sixDigitPin input {height:100px; width: 16.66666666666666666%; border-radius:0;margin:0;}
.sixDigitPin input:nth-of-type(1) {border-radius: 5px 0 0 5px;}
.sixDigitPin input:nth-of-type(2) {border-left: 0;}
.sixDigitPin input:nth-of-type(3) {border-left: 0;margin-right: 15px;border-radius: 0 5px 5px 0;}
.sixDigitPin input:nth-of-type(4) {margin-left: 15px; border-radius: 5px 0 0 5px;}
.sixDigitPin input:nth-of-type(5) {border-left: 0;}
.sixDigitPin input:nth-of-type(6) {border-left: 0; border-radius: 0 5px 5px 0;}
.sixDigitPin input:nth-child(n+4) {order: 2;}

@media(max-width:768px){
	.auth{margin:20px;padding:25px;}
	.auth-tabs{flex-direction:column;}
	.auth h1{font-size:28px;}
}


.loading {
	display:none; align-items:center; justify-content:center; flex-direction:column; gap:10px; font-weight:600; transition: opacity .3s ease;
	position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:999; background:rgba(255,255,255,0.9); backdrop-filter:blur(3px); 
}
.loading svg {width:70px; height:auto;overflow: visible;}
/* House group */
.loading svg > g:first-of-type {transform-box: fill-box;transform-origin: center;animation: kfHouse 2.4s ease-in-out infinite;}
/* Window squares */
.loading svg > g:first-of-type path:nth-child(n+2) {transform-box: fill-box;transform-origin: center;animation: kfWindow 2.4s ease-in-out infinite;}
/* Tick group */
.loading svg > g:last-of-type {transform-box: fill-box;transform-origin: left center;clip-path: inset(0 100% 0 0);animation: kfTick 2.4s ease-in-out infinite;
}
@keyframes kfHouse {
	0% { opacity: 0; transform: scale(.94); }
	18% { opacity: 1; transform: scale(1); }
	82% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(.98); }
}
@keyframes kfWindow {
	0%, 22% { opacity: 0; transform: scale(.3); }
	35%, 82% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(.8); }
}
@keyframes kfTick {
	0%, 38% {opacity: 1;clip-path: inset(0 100% 0 0);}
	68%, 82% {opacity: 1;clip-path: inset(0 0 0 0);}
	100% {opacity: 0;clip-path: inset(0 0 0 0);}
}

.error404 {
	display:none; align-items:center; justify-content:center; flex-direction:column; gap:10px; font-weight:600; transition: opacity .3s ease;
	position:fixed; top:0; left:0; width:100dvw; height:100dvh; z-index:999; background:#fff;
}
.error404:after {
	content:''; position:fixed; bottom:0; width:100%; height:100px; 
	background:url(/assets/images/footer.webp) no-repeat center bottom #fff; background-size: auto 100%;
}

.error404 > div {max-width:400px; width:100%; text-align:center; padding:0 20px;}
.error404 svg {padding:0 20px; width:100%;}
.error404 a {display:inline-block; padding:8px 20px; border:0;border-radius:8px;background:#12BA82;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;}
.error404 .title {font-size:28px; font-weight:700;}