:root{
    --accent:#01a385;
}

*{box-sizing:border-box;}
html, body { margin: 0; padding: 0; }
html {scroll-behavior:smooth;}
body { font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#fff; color:#000; line-height: 1.5; font-size:14px;}


[data-icon] {display:inline-flex; align-items: center; gap:5px;}
[data-icon]::before {content:''; height:24px; width:24px; background:var(--accent);}
[data-icon="check_circle"]::before {mask:url('/assets/images/check_circle.svg') no-repeat center/contain;}
[data-icon="check"]::before {mask:url('/assets/images/check.svg') no-repeat center/contain;}
[data-icon="search"]::before {mask:url('/assets/images/search.svg') no-repeat center/contain;}
[data-icon="database"]::before {mask:url('/assets/images/database.svg') no-repeat center/contain;}
[data-icon="docs"]::before {mask:url('/assets/images/report/docs.svg') no-repeat center/contain;}
[data-icon="visibility"]::before {mask:url('/assets/images/visibility.svg') no-repeat center/contain;}
[data-icon="download"]::before {mask:url('/assets/images/download.svg') no-repeat center/contain;}
[data-icon="share"]::before {mask:url('/assets/images/share.svg') no-repeat center/contain;}
[data-icon="arrow_right_alt"]::before {mask:url('/assets/images/arrow_right_alt.svg') no-repeat center/contain;}
[data-icon="arrow_left_alt"]::before {mask:url('/assets/images/arrow_left_alt.svg') no-repeat center/contain;}
[data-icon="schedule"]::before {mask:url('/assets/images/schedule.svg') no-repeat center/contain;}
[data-icon="calendar_month"]::before {mask:url('/assets/images/calendar_month.svg') no-repeat center/contain;}
[data-icon="arrow_downward"]::before {mask:url('/assets/images/arrow_downward.svg') no-repeat center/contain;}
[data-icon="mail"]::before {mask:url('/assets/images/mail.svg') no-repeat center/contain;}
[data-icon="gift"]::before {mask:url('/assets/images/gift.svg') no-repeat center/contain;}

[data-icon="group"]::before {mask:url('/assets/images/group.svg') no-repeat center/contain;}
[data-icon="wallet"]::before {mask:url('/assets/images/wallet.svg') no-repeat center/contain;}
[data-icon="toggle_on"]::before {mask:url('/assets/images/toggle_on.svg') no-repeat center/contain;}
[data-icon="chevron_down"]::before {mask:url('/assets/images/chevron_down.svg') no-repeat center/contain;}

[data-icon="timer"]::before {mask:url('/assets/images/timer.svg') no-repeat center/contain;}
[data-icon="verified_user"]::before {mask:url('/assets/images/verified_user.svg') no-repeat center/contain;}
[data-icon="star"]::before {mask:url('/assets/images/star.svg') no-repeat center/contain;}
[data-icon="union_jack"]::before {mask:url('/assets/images/union_jack2.svg') no-repeat center/contain;}
[data-icon="chart_data"]::before {mask:url('/assets/images/report/chart_data.svg') no-repeat center/contain;}
[data-icon="code_blocks"]::before {mask:url('/assets/images/code_blocks.svg') no-repeat center/contain;}

[data-icon="rocket_launch"]::before {mask:url('/assets/images/rocket_launch.svg') no-repeat center/contain;}
[data-icon="build_circle"]::before {mask:url('/assets/images/build_circle.svg') no-repeat center/contain;}
[data-icon="forum"]::before {mask:url('/assets/images/forum.svg') no-repeat center/contain;}
[data-icon="home"]::before {mask:url('/assets/images/report/home.svg') no-repeat center/contain;}






img{max-width:100%;height:auto;}
a{color:var(--accent);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;}
h1 {font-size:48px;}
h1 span, h2 span {color:var(--accent);}
h2 {font-size:32px;}

p{margin:0 0 10px;}

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;}


.websiteContainer {max-width:1280px; margin:0 auto; padding:0 20px;}
@media(max-width:550px) {
    .websiteContainer {padding:10px;}
}

.btn {display:inline-flex; align-items: center; justify-content: center; padding:10px 20px; border:1px solid #999; color:#111827; border-radius:8px; font-weight:600; font-size:16px;}
.btn.primary {background:var(--accent); border-color:var(--accent); color:#fff;}
.pill {display: inline-flex; margin-top: 8px; padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #e7faf6; color: #0f8b72; margin-bottom:10px;}
.card {padding:20px; border-radius:15px; background:#fff; border: 1px solid #dce6ee;box-shadow: 0 8px 24px rgba(15, 35, 55, 0.06);}

.head {text-align:center;}
.head h2 {margin-bottom:5px;}
.head .strap {color: #666; font-weight: 600; font-size: 18px;}





header {display:flex; align-items:center; justify-content:space-between; padding:10px 0; position:relative;}
header svg {height:30px; width:auto;}
header svg path:not(.colour) {fill:var(--accent);}
header a {font-size:14px; font-weight:600; color:#111827;}
header .links {display:flex; gap:30px;}
header .actions {display:flex; gap:10px;}
header .actions a {padding:5px 20px; border-radius: 5px;}
header .actions a.login {border-color:transparent;}
.menuToggle {display:none; width:36px; height:36px; padding:7px; border:0; background:none; cursor:pointer;}
.menuToggle span {display:block; height:3px; width:100%; background:#111827; margin:5px 0; border-radius:2px; transition:.25s;}

header.scrolled {
    position:fixed;top:0;left:50%;width:100%;padding:10px;max-width:1280px;transform:translateX(-50%);z-index:1000;
    background:#fff;box-shadow:0 8px 14px -12px rgba(15, 35, 55, 0.3);animation:headerDown .3s ease forwards;
}
@keyframes headerDown {
    from {opacity:0;transform:translate(-50%, -100%);}
    to {opacity:1; transform:translate(-50%, 0);}
}
@media (max-width:768px) {
    header {flex-wrap:wrap;}
    .menuToggle {display:block;}
    header .links,header .actions {display:none;width:100%;}
    header.open .links {display:flex;flex-direction:column;gap:0;margin-top:15px;border-top:1px solid #e5e7eb;}
    header.open .links a {padding:14px 0;border-bottom:1px solid #e5e7eb;font-size:16px;}
    header.open .actions {display:flex;gap:10px;padding-top:15px;}
    header.open .actions a {width:100%;padding:12px 25px; justify-content: center;}
    header.open .menuToggle span:nth-child(1) {transform:translateY(8px) rotate(45deg);}
    header.open .menuToggle span:nth-child(2) {opacity:0;}
    header.open .menuToggle span:nth-child(3) {transform:translateY(-8px) rotate(-45deg);}
    header .actions a.login {border-color:#999;}
    header .actions a {border-radius:8px;}
}

@media(max-width:1045px) {
    header .links {display:none;}
}

footer {max-width:1024px; margin:30px auto 0; display:grid; grid-template-columns: 250px 1fr 1fr 1fr 200px;}
footer svg {max-width:125px;}
footer .links {display:inline-flex; flex-direction:column; gap:7px; font-size:12px;}
footer .links a {color:#111827}
footer .contact {display:flex; align-items: center; justify-content:center; gap:20px; height:100%;}
footer .contact .icon {padding:5px 10px; background:#e7faf6; border-radius:8px; display: flex; justify-content: center; align-items: center;}
footer .copy {grid-column:1 / -1; border-top:1px solid #dce6ee; padding:20px 0; margin-top:20px; text-align:center; font-size:12px; color: #797979; }

@media(max-width:880px) {
    footer {grid-template-columns: 1fr 1fr 1fr 200px;}
    footer .logo {grid-column:1 / -1;}
}

@media(max-width:600px) {
    footer {grid-template-columns: 1fr 1fr 1fr;}
    footer .contactUs {grid-column:1 / -1; margin-top:35px;}
    footer .contact {justify-content: flex-start;}
}





.auth{max-width:600px; width:100%;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 h2 {margin:0;font-size:28px;font-weight:700;color:#111827; text-align:center;}
.auth .strap {text-align:center;color:#666; font-size:16px; font-weight:600;}
.auth p{margin:0 0 30px;color:#6b7280;line-height:1.6;}
.auth-tabs{display:flex;gap:10px;margin-bottom:30px;}
.auth-tab{flex:auto;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:#01a385;color:#01a385;}
.auth-tab.active{background:#01a385;border-color:#01a385;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,.auth textarea {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 textarea {padding:15px; min-height:150px;}
.auth input:focus,.auth select:focus, .auth textarea:focus{outline:none;border-color:#01a385;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:#01a385;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: 0 auto 20px; 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;font-size: 32px; font-weight: bold;}
.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;}