/* ==========================================
   DABUTU ENTERPRISE
   Premium Logistics Website
========================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

:root{

--primary:#071C3D;
--secondary:#D4AF37;
--white:#ffffff;
--light:#F5F7FA;
--dark:#101828;
--text:#667085;
--border:#E5E7EB;

--radius:18px;

--shadow:0 20px 60px rgba(0,0,0,.08);

--transition:.35s ease;

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Inter',sans-serif;

background:radial-gradient(circle at top center, rgba(212,175,55,.14), transparent 24%), linear-gradient(180deg, #f7f9fd 0%, #e9eef7 100%);

color:var(--text);

overflow-x:hidden;

perspective:1400px;

transform-style:preserve-3d;

}

body.home-intro-loading{

overflow:hidden;

}

.home-intro{

position:fixed;

inset:0;

z-index:2000;

display:flex;

justify-content:center;

align-items:center;

background:#050505;

color:white;

pointer-events:none;

clip-path:inset(0 0 0 0);

}

.home-intro-content{

width:min(400px,80%);

}

.home-intro-mark{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:12px;

width:140px;

margin:0 auto 28px;

}

.home-intro-box{

position:relative;

height:46px;

border-radius:12px;

background:linear-gradient(135deg,#f0b400 0%,#f2c84a 60%);

box-shadow:0 6px 14px rgba(0,0,0,.25),inset 28px 14px 30px rgba(255,255,255,.18);

overflow:hidden;

}

.home-intro-box::after{

content:"";

position:absolute;

inset:0 auto 0 -40%;

width:40%;

background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);

filter:blur(5px);

animation:introShine 1.8s linear infinite;

}

.home-intro-box-plane i{

display:block;

margin:12px;

color:#050505;

font-size:22px;

transform:rotate(-12deg);

}

.home-intro-brand{

position:absolute;

top:35%;

left:0;

display:grid;

place-items:center;

width:78px;

height:78px;

border:1px solid rgba(212,175,55,.55);

border-radius:50%;

color:var(--secondary);

font-size:30px;

box-shadow:0 0 0 12px rgba(212,175,55,.08),0 0 45px rgba(212,175,55,.2);

transform:rotate(-12deg);

}

.home-intro-brand{

font-family:'Poppins',sans-serif;

font-size:clamp(22px,5vw,42px);

font-weight:700;

letter-spacing:.08em;

color:#fff;

text-align:center;

margin-bottom:28px;

}

.home-intro-progress{

width:100%;

height:1px;

background:rgba(255,255,255,.2);

overflow:hidden;

}

.home-intro-progress span{

display:block;

width:0;

height:100%;

background:#fff;

}

.home-intro-counter{

display:block;

margin-top:12px;

color:#fff;

font-size:11px;

letter-spacing:.2em;

}

@keyframes introShine{

0%{transform:translateX(-120%);}

100%{transform:translateX(360%);}


}

@media (prefers-reduced-motion: reduce){

.home-intro{

display:none;

}

}

.home-intro{

background:rgba(245,247,250,.22);

backdrop-filter:blur(2px);

}

.home-intro-content{

width:min(400px,80%);

}

.home-intro-plane{

position:absolute;

top:38%;

left:0;

color:var(--secondary);

font-size:clamp(36px,5vw,64px);

filter:drop-shadow(0 8px 14px rgba(7,28,61,.35));

transform:rotate(-12deg);

}

.home-intro-brand{

position:static;

display:block;

width:auto;

height:auto;

border:0;

border-radius:0;

box-shadow:none;

font-family:'Poppins',sans-serif;

font-size:clamp(22px,5vw,42px);

font-weight:700;

letter-spacing:.08em;

color:var(--primary);

text-align:center;

margin-bottom:28px;

text-shadow:0 2px 12px rgba(255,255,255,.8);

}

.home-intro-progress{

width:100%;

height:2px;

background:rgba(7,28,61,.2);

overflow:hidden;

}

.home-intro-progress span{

display:block;

width:0;

height:100%;

background:var(--secondary);

}

.home-intro-counter{

display:block;

margin-top:12px;

color:var(--primary);

font-size:11px;

letter-spacing:.2em;

}

img{

display:block;

max-width:100%;

}

a{

text-decoration:none;

color:inherit;

}

ul{

list-style:none;

}

.container{

width:min(90%,1280px);

margin:auto;

}

section{

padding:110px 0;

}

h1,h2,h3,h4{

font-family:'Poppins',sans-serif;

color:var(--dark);

}

/* ================= NAVBAR ================= */

header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

background:rgba(7,28,61,.85);

backdrop-filter:blur(18px);

}

.navbar{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 0;

}

.logo{

display:flex;

align-items:center;

gap:14px;

font-weight:700;

font-size:24px;

color:white;

}

.logo img{

height:52px;

width:auto;

}

.nav-links{

display:flex;

align-items:center;

gap:40px;

}

.nav-links a{

font-weight:500;

color:white;

position:relative;

transition:.3s;

}

.nav-links a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:0;

height:2px;

background:var(--secondary);

transition:.3s;

}

.nav-links a:hover::after,

.nav-links .active::after{

width:100%;

}

.btn{

display:inline-flex;

justify-content:center;

align-items:center;

padding:16px 34px;

background:var(--secondary);

border-radius:50px;

font-weight:600;

color:white;

transition:var(--transition);

}

.btn:hover{

transform:translateY(-6px) translateZ(5px);

box-shadow:0 28px 70px rgba(0,0,0,.16);

}

.menu-btn{

    width:50px;

    height:50px;

    border:1px solid rgba(255,255,255,.5);

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    color:white;

    font-size:22px;

    transition:.35s;

}

.menu-btn:hover{

    background:rgba(255,255,255,.12);

}

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    background:

    linear-gradient(rgba(7,28,61,.80),rgba(7,28,61,.85)),

    url("images.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    padding-top:90px;

    transform-style:preserve-3d;

    animation:floatHero 12s ease-in-out infinite;

}

.hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(circle at top left, rgba(212,175,55,.22), transparent 22%), radial-gradient(circle at bottom right, rgba(255,255,255,.18), transparent 18%);

    pointer-events:none;

    transform:translateZ(0);

}

.hero-content,
.card,
.service-card,
.finance-card,
.reply-card,
.table-section,
.quote-form,
.tracking-card,
.finance-hero-card{

    transform-style:preserve-3d;

    backface-visibility:hidden;

    transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;

}

.card:hover,
.service-card:hover,
.finance-card:hover,
.reply-card:hover,
.table-section:hover,
.quote-form:hover,
.tracking-card:hover,
.finance-hero-card:hover{

    transform:translateY(-12px) rotateX(3deg) rotateY(2deg);

    box-shadow:0 30px 80px rgba(15,23,42,.18);

}

.card::before,
.service-card::before,
.finance-card::before,
.reply-card::before,
.table-section::before,
.quote-form::before,
.tracking-card::before,
.finance-hero-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    background:rgba(255,255,255,.06);

    pointer-events:none;

    z-index:-1;

    filter:blur(10px);

}

@keyframes floatHero{

    0%,100%{transform:translateY(0) rotateX(0deg);}

    50%{transform:translateY(12px) rotateX(1.2deg);}

}

@keyframes glowPulse{

    0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.12);}

    50%{box-shadow:0 0 50px 20px rgba(212,175,55,.08);}

}

/* ================= HERO ================= */

.hero{

position:relative;

min-height:100vh;

display:flex;

align-items:center;

background:

linear-gradient(rgba(7,28,61,.80),rgba(7,28,61,.85)),

url("images.png");

background-size:cover;

background-position:center;

background-repeat:no-repeat;

padding-top:90px;

}

.hero-content{

max-width:720px;

position:relative;

z-index:2;

}

.hero-tag{

display:inline-block;

padding:12px 24px;

border-radius:50px;

background:rgba(212,175,55,.18);

border:1px solid rgba(212,175,55,.4);

color:#FFE28B;

font-weight:600;

margin-bottom:30px;

}

.hero h1{

font-size:74px;

line-height:1.05;

color:white;

margin-bottom:24px;

}

.hero h1 span{

color:var(--secondary);

}

.hero p{

font-size:19px;

line-height:1.8;

color:#E5E7EB;

max-width:650px;

margin-bottom:40px;

}

.hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

margin-bottom:50px;

}

.btn-outline{

display:inline-flex;

justify-content:center;

align-items:center;

padding:16px 34px;

border-radius:50px;

border:2px solid white;

color:white;

font-weight:600;

transition:var(--transition);

}

.btn-outline:hover{

background:white;

color:var(--primary);

}

.hero-features{

display:grid;

grid-template-columns:repeat(2,minmax(200px,1fr));

gap:20px;

max-width:520px;

}

.hero-features div{

display:flex;

align-items:center;

gap:12px;

color:white;

font-weight:600;

}

.hero-features i{

color:var(--secondary);

font-size:22px;

}

/* ================= TRUST BAR ================= */

.trust-bar{

background:var(--primary);

padding:35px 0;

}

.trust-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

text-align:center;

}

.trust-grid div{

color:white;

font-weight:600;

}

.trust-grid i{

display:block;

font-size:28px;

margin-bottom:12px;

color:var(--secondary);

}

/* ================= MOBILE ================= */

@media(max-width:992px){

.nav-links{

display:none;

}

.menu-btn{

display:block;

}

.hero{

text-align:center;

}

.hero-content{

max-width:100%;

}

.hero h1{

font-size:52px;

}

.hero-buttons{

justify-content:center;

}

.hero-features{

grid-template-columns:1fr;

justify-items:center;

max-width:100%;

}

.trust-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

section{

padding:70px 0;

}

.logo span{

display:none;

}

.hero{

min-height:auto;

padding-top:100px;

padding-bottom:70px;

}

.hero-tag{

margin-bottom:16px;

padding:8px 14px;

font-size:12px;

}

.hero h1{

font-size:32px;

margin-bottom:14px;

line-height:1.15;

}

.hero p{

font-size:15px;

line-height:1.6;

margin-bottom:22px;

}

.hero-features{

gap:12px;

}

.hero-features div{

font-size:14px;

}

.btn,
.btn-outline{

width:100%;

}

.trust-bar{

padding:25px 0;

}

.trust-grid{

grid-template-columns:1fr;

}

.about-container{

gap:40px;

}

.about-content h2{

font-size:28px;

margin-bottom:16px;

}

.about-content p{

font-size:15px;

margin-bottom:14px;

}

.about-list{

grid-template-columns:1fr;

gap:12px;

margin:20px 0 0;

}

}
/*==========================
ABOUT
==========================*/

.about{

background:#fff;

}

.about-container{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}

.about-image img{

width:100%;

border-radius:20px;

box-shadow:0 20px 60px rgba(0,0,0,.12);

}

.section-tag{

display:inline-block;

padding:10px 20px;

background:#FFF6DB;

color:#B88900;

border-radius:50px;

font-weight:600;

margin-bottom:20px;

}

.about-content h2{

font-size:46px;

line-height:1.2;

margin-bottom:25px;

}

.about-content p{

font-size:17px;

line-height:1.9;

margin-bottom:20px;

color:var(--text);

}

.about-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:18px;

margin:35px 0;

}

.about-list div{

display:flex;

align-items:center;

gap:10px;

font-weight:600;

color:var(--dark);

}

.about-list i{

color:var(--secondary);

}

/*==========================
STATS
==========================*/

.stats{

background:var(--primary);

}

.stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.stat-box{

background:rgba(255,255,255,.08);

padding:45px 25px;

border-radius:20px;

text-align:center;

transition:.35s;

}

.stat-box:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.12);

}

.stat-box h2{

font-size:52px;

color:var(--secondary);

margin-bottom:10px;

}

.stat-box p{

color:white;

font-size:18px;

    background:rgba(7,28,61,.9);

    position:relative;

    z-index:1000;


font-weight:500;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:992px){

.about-container{

grid-template-columns:1fr;

}

.about-content{

text-align:center;

}

.about-list{

grid-template-columns:1fr;

}

.stats-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.about-content h2{

font-size:34px;

}

.stats-grid{

grid-template-columns:1fr;

}

}
/*==========================
TRACKING
==========================*/

.tracking-card{
    background:linear-gradient(135deg, #ffffff 0%, #f6f9ff 100%);
    border:1px solid #e5efff;
    border-radius:24px;
    padding:32px;
    box-shadow:0 20px 45px rgba(7,28,61,.08);
    max-width:860px;
    margin:0 auto;
}

.tracking-message{
    color:#667085;
    font-size:16px;
    line-height:1.7;
}

.tracking-content h2{
    margin:10px 0 12px;
    font-size:32px;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 14px;
    border-radius:999px;
    background:#eaf3ff;
    color:#0b4ea2;
    font-weight:700;
    margin-bottom:8px;
}

.tracking-location{
    font-size:20px;
    font-weight:600;
    color:#071C3D;
    margin-bottom:20px;
}

.tracking-details{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
    margin-top:20px;
}

.tracking-details div{
    padding:14px 16px;
    background:#fff;
    border:1px solid #e7ebf2;
    border-radius:14px;
    color:#334155;
}

@media(max-width:768px){
    .tracking-card{
        padding:24px;
    }

    .tracking-details{
        grid-template-columns:1fr;
    }
}

/*==========================
SERVICES
==========================*/

.services{

background:#F8FAFC;

}

.section-heading{

text-align:center;

max-width:700px;

margin:0 auto 70px;

}

.section-heading h2{

font-size:46px;

margin:20px 0;

}

.section-heading p{

font-size:18px;

line-height:1.8;

}

.services-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.service-card{

background:white;

padding:45px 35px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.35s;

border:1px solid #ECEFF3;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.service-icon{

width:75px;

height:75px;

border-radius:50%;

background:#FFF6DB;

display:flex;

justify-content:center;

align-items:center;

margin-bottom:25px;

}

.service-icon i{

font-size:30px;

color:var(--secondary);

}

.service-card h3{

margin-bottom:18px;

font-size:24px;

}

.service-card p{

line-height:1.8;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:992px){

.services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.services-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:36px;

}

}
/*==========================
ABOUT PREVIEW
==========================*/

.about-preview{

padding:120px 0;

background:white;

}

.about-preview-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.preview-image img{

width:100%;

border-radius:20px;

box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.preview-content h2{

font-size:48px;

margin:20px 0;

line-height:1.2;

}

.preview-content p{

line-height:1.9;

margin-bottom:20px;

}

.preview-content .btn{

display:inline-flex;

align-items:center;

gap:12px;

margin-top:20px;

}

@media(max-width:992px){

.about-preview-grid{

grid-template-columns:1fr;

}

.preview-content{

text-align:center;

}

}

/*==========================
CARGO FINANCING PAGE
==========================*/

.finance-hero{

background:linear-gradient(120deg, rgba(7,28,61,.95), rgba(10,46,95,.9)),
url("images.png");

background-size:cover;

background-position:center;

padding:180px 0 120px;

}

.finance-hero-inner{

display:grid;

grid-template-columns:1.4fr .8fr;
	gap:40px;
	align-items:center;
}

.finance-hero-content h1{

font-size:58px;

line-height:1.1;

color:white;

margin-bottom:24px;

}

.finance-hero-content p{

font-size:18px;

line-height:1.9;

color:#E5E7EB;

max-width:700px;

margin-bottom:28px;

}

.finance-hero-card{

background:rgba(255,255,255,.1);

backdrop-filter:blur(16px);

padding:35px;

border:1px solid rgba(255,255,255,.18);

border-radius:24px;

box-shadow:0 20px 60px rgba(0,0,0,.2);

}

.finance-card-content h3{

font-size:24px;

color:white;

margin-bottom:20px;

}

.finance-card-content ul{

display:grid;
	gap:14px;
	margin-bottom:24px;
}

.finance-card-content li{

display:flex;
	align-items:flex-start;
	gap:10px;
	color:#F2F4F7;
	line-height:1.7;
}

.finance-card-content i{

color:var(--secondary);
	margin-top:3px;
}

.finance-overview,
.finance-process,
.finance-eligibility,
.cta-section{

padding:100px 0;

}

.finance-overview{

background:#F8FAFC;

}

.finance-grid{

display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:24px;
}

.finance-card{

background:white;
	padding:32px;
	border-radius:22px;
	box-shadow:0 18px 45px rgba(0,0,0,.06);
	border:1px solid #ECEFF3;
}

.finance-card h3{

font-size:22px;
	margin-bottom:14px;
}

.finance-card p{

line-height:1.8;
}

.finance-process{

background:white;
}

.finance-process-grid,
.finance-eligibility-grid{

display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:40px;
	align-items:start;
}

.finance-process-content h2,
.finance-eligibility h2{

font-size:40px;
	margin-bottom:20px;
}

.process-list{
	display:grid;
	gap:18px;
	margin-top:30px;
}

.process-item{
	display:flex;
	gap:16px;
	padding:22px;
	background:#F8FAFC;
	border-radius:18px;
	border:1px solid #ECEFF3;
}

.process-number{
	width:44px;
	height:44px;
	border-radius:50%;
	background:var(--secondary);
	color:white;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:700;
	flex-shrink:0;
}

.process-item h3{
	margin-bottom:8px;
	font-size:20px;
}

.process-item p{
	line-height:1.8;
}

.finance-highlight-box,
.finance-form{
	background:var(--primary);
	color:white;
	padding:34px;
	border-radius:24px;
	box-shadow:0 18px 45px rgba(7,28,61,.16);
}

.finance-highlight-box h3,
.finance-form h3{
	color:white;
	margin-bottom:20px;
	font-size:24px;
}

.finance-highlight-box ul{
	display:grid;
	gap:12px;
}

.finance-highlight-box li{
	display:flex;
	align-items:center;
	gap:10px;
	line-height:1.7;
}

.finance-highlight-box i,
.check-list i{
	color:var(--secondary);
}

.finance-eligibility{
	background:#F8FAFC;
}

.check-list{
	display:grid;
	gap:14px;
	margin-top:24px;
}

.check-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	line-height:1.8;
	color:var(--dark);
}

.finance-form{
	background:linear-gradient(135deg, #071C3D, #0F2E5C);
}

.finance-form form{
	display:grid;
	gap:14px;
}

.finance-form input,
.finance-form select,
.finance-form textarea{
	padding:15px 16px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:12px;
	font-size:15px;
	font-family:inherit;
	background:rgba(255,255,255,.95);
	color:#101828;
}

.finance-form textarea{
	min-height:120px;
	resize:vertical;
}

.finance-form button{
	border:none;
	cursor:pointer;
	margin-top:8px;
}

.cta-box{
	background:linear-gradient(120deg, #071C3D, #0F2E5C);
	padding:50px;
	border-radius:28px;
	text-align:center;
	color:white;
	box-shadow:0 25px 60px rgba(7,28,61,.16);
}

.cta-box h2{
	font-size:36px;
	color:white;
	margin-bottom:16px;
}

.cta-box p{
	font-size:18px;
	line-height:1.8;
	max-width:700px;
	margin:0 auto 24px;
	color:#E5E7EB;
}

@media(max-width:992px){

.finance-hero-inner,
.finance-process-grid,
.finance-eligibility-grid{
	grid-template-columns:1fr;
}

.finance-grid{
	grid-template-columns:1fr;
}

.finance-hero-content h1{
	font-size:44px;
}

.cta-box{
	padding:36px 24px;
}

}

@media(max-width:600px){

.finance-hero{
	padding:150px 0 100px;
}

.finance-hero-content h1{
	font-size:34px;
}

.finance-hero-content p,
.cta-box p,
.finance-process-content p,
.finance-eligibility p{
	font-size:15px;
}

.finance-hero-card,
.finance-card,
.finance-highlight-box,
.finance-form,
.cta-box{
	padding:24px;
}

.process-item{
	padding:18px;
}

.process-item h3{
	font-size:18px;
}

}
.mobile-menu{

    position:fixed;

    top:0;

    right:-100%;

    width:320px;

    height:100vh;

    background:#071C3D;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:35px;

    padding:50px;

    transition:.4s;

    z-index:2000;

}

.mobile-menu.active{

    right:0;

}

.mobile-menu a{

    color:white;

    font-size:22px;

    font-weight:600;

    transition:.3s;

}

.mobile-menu a:hover{

    color:var(--secondary);

    padding-left:10px;

}

.close-menu{

    position:absolute;

    top:30px;

    right:35px;

    color:white;

    font-size:40px;

    cursor:pointer;

}
/* PAGE HERO */

.page-hero{

padding:180px 0 100px;

background:#071C3D;

text-align:center;

}

.page-hero h1{

font-size:60px;

color:white;

margin-bottom:20px;

}

.page-hero p{

color:#E5E7EB;

font-size:18px;

}

/* SERVICES PAGE */

.services-page{

padding:100px 0;

background:#F8FAFC;

}

.center-btn{

text-align:center;

margin-top:60px;

}

/* QUOTE */

.quote-section{

padding:100px 0;

}

.quote-form{

max-width:800px;

margin:auto;

display:grid;

gap:20px;

}

.quote-form input,

.quote-form select,

.quote-form textarea{

padding:18px;

border:1px solid #ddd;

border-radius:12px;

font-size:16px;

font-family:inherit;

}

.quote-form textarea{

resize:vertical;

min-height:160px;

}

.quote-form button{

border:none;

cursor:pointer;

}
/* CONTACT PAGE */

.contact-page{

padding:100px 0;

background:#F8FAFC;

}

.social-links-section{

padding:0 0 30px;

background:#F8FAFC;

}

.social-links-wrap{

display:flex;

flex-direction:column;

align-items:center;

gap:12px;

text-align:center;

}

.social-links-wrap h3{

font-size:22px;

color:#071C3D;

margin-bottom:4px;

}

.social-links{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

}

.social-links a{

width:56px;

height:56px;

border-radius:50%;

background:linear-gradient(135deg, #071C3D, #0F2E5C);

color:white;

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

box-shadow:0 12px 30px rgba(7,28,61,.16);

transition:transform .25s ease, box-shadow .25s ease;

}

.social-links a:hover{

transform:translateY(-4px);

box-shadow:0 18px 35px rgba(7,28,61,.22);

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:start;

}

.contact-info h2,
.contact-form h2{

font-size:38px;

margin-bottom:20px;

}

.contact-info p{

line-height:1.8;

margin-bottom:30px;

}

.contact-item{

display:flex;

gap:20px;

margin-bottom:30px;

}

.contact-item i{

font-size:26px;

color:var(--secondary);

margin-top:5px;

}

.contact-item h4{

margin-bottom:6px;

}

.contact-item a{

color:var(--primary);

}

.contact-form{

background:white;

padding:56px;

border-radius:24px;

box-shadow:0 24px 70px rgba(0,0,0,.10);

min-width:0;

border:1px solid #E5E7EB;

}

.contact-form form{

display:grid;

gap:24px;

}

.contact-form input,
.contact-form textarea{

padding:18px 20px;

border:1px solid #D0D5DD;

border-radius:14px;

font-size:17px;

font-family:inherit;

min-height:54px;

background:#FCFCFD;

color:#101828;

transition:all .25s ease;

}

.contact-form input:focus,
.contact-form textarea:focus{

outline:none;

border-color:#D4AF37;

box-shadow:0 0 0 3px rgba(212,175,55,.15);

background:white;

}

.contact-form textarea{

resize:vertical;

min-height:140px;

}

.contact-form button{

border:none;

cursor:pointer;

padding:16px 24px;

font-size:16px;

font-weight:600;

border-radius:999px;

background:linear-gradient(135deg, #071C3D, #0F2E5C);

color:white;

box-shadow:0 12px 25px rgba(7,28,61,.18);

}

.map-section{

width:100%;

height:500px;

}

.map-section iframe{

width:100%;

height:100%;

border:none;

}

@media(max-width:992px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-form{

padding:40px;

}

}

@media(max-width:600px){

.contact-form{

padding:24px;

}

.contact-form form{

gap:16px;

}

.contact-form input,
.contact-form textarea{

padding:15px 16px;

font-size:15px;

min-height:48px;

}

}
/*============================
AUTH PAGES
=============================*/

.auth-page{

background:#071C3D;

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:40px;

font-family:'Inter',sans-serif;

}

.auth-container{

background:white;

width:min(1200px, 100%);

max-width:1200px;

display:grid;

grid-template-columns:1fr 1fr;

border-radius:25px;

overflow:hidden;

box-shadow:0 25px 70px rgba(0,0,0,.25);

}

.auth-left{

background:linear-gradient(rgba(7,28,61,.92),rgba(7,28,61,.92)),
url("images/image.png");

background-size:cover;

background-position:center;

padding:80px 60px;

color:white;

display:flex;

flex-direction:column;

justify-content:center;

}

.auth-left img{

width:90px;

margin-bottom:30px;

}

.auth-left h1{

font-size:42px;

margin-bottom:20px;

color:white;

}

.auth-left p{

line-height:1.8;

color:#E5E7EB;

}

.auth-right{

padding:70px;

display:flex;

align-items:center;

}

.auth-form{

width:100%;
	display:flex;
	flex-direction:column;
	gap:14px;

}

.auth-form input{

width:100%;

padding:16px 18px;

border:1px solid #D0D5DD;

border-radius:12px;

font-size:16px;

font-family:inherit;

color:#101828;

background:white;

transition:all .25s ease;

}

.auth-form input:focus{

outline:none;

border-color:#D4AF37;

box-shadow:0 0 0 3px rgba(212,175,55,.15);

}

.back-link{

display:inline-flex;

align-items:center;

gap:8px;

color:#071C3D;

font-weight:600;

margin-bottom:24px;

}

.auth-form h2{

margin-bottom:10px;

font-size:34px;

}

.auth-subtitle{

margin-bottom:18px;

color:#667085;

line-height:1.7;

}

.auth-highlights{

margin-bottom:24px;

padding-left:18px;

color:#475467;

display:grid;

gap:8px;

}

.auth-highlights li{

display:flex;

align-items:center;

gap:8px;

font-size:14px;

}

.auth-highlights i{

color:#D4AF37;

}

.input-box{

display:flex;

align-items:center;

border:1px solid #ddd;

border-radius:12px;

padding:15px;

margin-bottom:20px;

transition:all .25s ease;

}

.input-box:focus-within{

border-color:#D4AF37;

box-shadow:0 0 0 3px rgba(212,175,55,.15);

}

.input-box i{

color:#D4AF37;

margin-right:12px;

}

.input-box input{

border:none;

outline:none;

width:100%;

font-size:16px;

background:transparent;

}

.auth-options{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:25px;

gap:12px;

}

.checkbox-row{

display:flex;

align-items:center;

gap:8px;

cursor:pointer;

color:#344054;

font-size:15px;

}

.checkbox-row input{

accent-color:#D4AF37;

}

.auth-options a{

color:#D4AF37;

font-weight:600;

font-size:14px;

}

.auth-terms{

justify-content:flex-start;

margin-top:8px;

margin-bottom:16px;

}

.auth-btn{

width:100%;

border:none;

cursor:pointer;

margin-top:6px;

padding:16px 20px;

font-size:16px;

}

.auth-link{

margin-top:24px;

text-align:center;

color:#475467;

}

@media(max-width:900px){

.auth-page{

padding:16px;

align-items:flex-start;

}

.auth-container{

width:100%;

max-width:480px;

grid-template-columns:1fr;

border-radius:20px;

}

.auth-left{

display:none;

}

.auth-right{

padding:28px 20px 24px;

}

.auth-form{

gap:12px;

}

.auth-form input{

padding:14px 16px;

font-size:15px;

}

.auth-form h2{

font-size:28px;

}

.auth-subtitle{

font-size:15px;

margin-bottom:16px;

}

.auth-highlights{

margin-bottom:16px;

gap:6px;

}

.auth-highlights li{

font-size:13px;

}

.input-box{

padding:13px;

margin-bottom:14px;

}

.input-box input{

font-size:15px;

}

.auth-options{

flex-direction:column;

align-items:flex-start;

margin-bottom:18px;

}

.checkbox-row{

font-size:14px;

}

.auth-btn{

padding:14px 20px;

}

.auth-link{

margin-top:18px;

font-size:14px;

}

}

/*=========================
TERMS & CONDITIONS
=========================*/

.terms-section{

    padding:100px 0;

    background:#071C3D;

    color:white;

}

.terms-section h2{

    text-align:center;

    color:#D4AF37;

    font-size:42px;

    margin-bottom:20px;

}

.terms-intro{

    max-width:850px;

    margin:0 auto 60px;

    text-align:center;

    color:#E5E7EB;

    line-height:1.8;

}

.terms-content{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.term-item{

    display:flex;

    gap:18px;

    padding:25px;

    background:rgba(255,255,255,.08);

    border-radius:15px;

    transition:.3s;

}

.term-item:hover{

    transform:translateY(-6px);

    background:rgba(255,255,255,.12);

}

.term-item i{

    color:#D4AF37;

    font-size:22px;

    margin-top:4px;

}

.term-item p{

    line-height:1.8;

    color:#F1F5F9;

}

@media(max-width:900px){

    .terms-content{

        grid-template-columns:1fr;

    }

}

/* ================= MOTION UTILITIES ================= */

/* Subtle motion tokens */
:root{
    --motion-duration: 560ms;
    --motion-ease: cubic-bezier(.16,.84,.42,1);
    --motion-ease-fast: cubic-bezier(.2,.9,.3,1);
}

/* Utility classes for reveal animations */
.reveal{
    opacity:0;
    transform:translateY(18px) scale(.995);
    transition:opacity var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);
    will-change: opacity, transform;
}
.reveal.animate-in{
    opacity:1;
    transform:translateY(0) scale(1);
}

[data-reveal],
[data-reveal="heading"] {
    opacity: 0;
    transform: translateY(45px);
}

[data-animate],
[data-animate="heading"] {
    opacity: 0;
    transform: translateY(45px);
}

/* Floating accent for hero and cards */
.float-small{ animation:floatHero 10s ease-in-out infinite; }
.float-tilt{ transform-origin:center; transition:transform var(--motion-duration) var(--motion-ease); }
.float-tilt:hover{ transform:translateY(-8px) rotateX(2deg) rotateY(3deg); }

/* Button micro-interactions */
.btn{
    transition:transform 260ms var(--motion-ease-fast), box-shadow 260ms var(--motion-ease-fast), background 260ms;
}
.btn:active{ transform:translateY(2px) scale(.998); }
.btn-ghost{ background:transparent; border:1px solid rgba(0,0,0,.06); }

/* Motion-friendly focus ring */
:focus{ outline:none; box-shadow:0 6px 30px rgba(7,28,61,.08); transform:translateZ(1px); }

/* Reduced motion fallback */
@media (prefers-reduced-motion: reduce){
    .reveal, .float-small, .float-tilt, .btn,
    [data-reveal], [data-reveal="heading"], [data-animate], [data-animate="heading"]{ animation:none!important; transition:none!important; opacity:1!important; transform:none!important; }
}

/* Utility for staggered children */
.stagger{ --stagger-index: 0; }
.stagger > *{ opacity:0; transform:translateY(8px); transition:opacity 420ms var(--motion-ease), transform 420ms var(--motion-ease); transition-delay: calc(var(--stagger-index) * 70ms); }
.stagger.animate-in > *{ opacity:1; transform:none; }

/* ================= HOMEPAGE V2 ================= */
.homepage-v2 {
    --ink: #101a24;
    --navy: #102b3d;
    --navy-deep: #081a28;
    --cream: #f4f1e9;
    --paper: #fbfaf6;
    --gold: #d4a343;
    --muted: #6d7880;
    --line: rgba(16, 26, 36, .16);
    --display: 'Space Grotesk', sans-serif;
    --body: 'Manrope', sans-serif;
    --mono: 'DM Mono', monospace;
    background: var(--paper);
    color: var(--ink);
    font-family: var(--body);
    perspective: none;
    transform-style: flat;
}
.homepage-v2 h1,.homepage-v2 h2,.homepage-v2 h3,.homepage-v2 p { margin: 0; }
.homepage-v2 .container { width: min(90%, 1240px); }
.homepage-v2 .home-intro { background: var(--navy-deep); }
.homepage-v2 .home-intro-brand { font-family: var(--mono); font-size: 13px; letter-spacing: .14em; color: var(--gold); }
.homepage-v2 .home-intro-progress span { background: var(--gold); }
.homepage-v2 .home-intro-counter { color: #fff; font-family: var(--mono); }
.homepage-v2 .site-header { position: fixed; top: 0; background: rgba(8, 26, 40, .15); border-bottom: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(14px); transition: background .35s ease, border-color .35s ease, transform .35s ease; }
.homepage-v2 .site-header.scrolled { background: rgba(8, 26, 40, .92); border-color: rgba(255,255,255,.12); }
.homepage-v2 .navbar { padding: 18px 0; }
.homepage-v2 .logo { gap: 10px; font-family: var(--display); font-size: 17px; letter-spacing: -.03em; }
.homepage-v2 .logo img { width: 37px; height: 37px; object-fit: cover; border-radius: 50%; }
.homepage-v2 .logo b,.homepage-v2 .footer-brand b { color: var(--gold); font-weight: 500; }
.homepage-v2 .desktop-nav { display: flex; align-items: center; gap: 24px; }
.homepage-v2 .desktop-nav a { color: rgba(255,255,255,.72); font: 500 11px var(--body); letter-spacing: .02em; position: relative; transition: color .25s ease; }
.homepage-v2 .desktop-nav a:hover,.homepage-v2 .desktop-nav a.active { color: #fff; }
.homepage-v2 .desktop-nav a:not(.nav-quote)::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--gold); transition: right .3s ease; }
.homepage-v2 .desktop-nav a:not(.nav-quote):hover::after,.homepage-v2 .desktop-nav a.active::after { right: 0; }
.homepage-v2 .nav-quote { padding: 12px 15px; border: 1px solid rgba(255,255,255,.45); color: #fff !important; }
.homepage-v2 .nav-quote i { margin-left: 8px; color: var(--gold); }
.homepage-v2 .menu-btn { display: none; border: 1px solid rgba(255,255,255,.45); background: transparent; color: #fff; }
.homepage-v2 .mobile-menu { top: 0; right: -100%; width: min(390px, 100%); justify-content: flex-start; gap: 0; padding: 28px 34px; background: var(--navy-deep); }
.homepage-v2 .mobile-menu.active { right: 0; }
.homepage-v2 .mobile-menu-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 64px; }
.homepage-v2 .mobile-menu-label,.homepage-v2 .mono { font: 10px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.homepage-v2 .close-menu { position: static; display: grid; place-items: center; width: 40px; height: 40px; font-size: 31px; border: 1px solid rgba(255,255,255,.3); }
.homepage-v2 .mobile-menu > a { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.14); font: 500 18px var(--display); }
.homepage-v2 .mobile-menu > a span { color: var(--gold); font: 10px var(--mono); }
.homepage-v2 .mobile-menu .mobile-menu-cta { margin-top: 32px; padding: 17px 18px; background: var(--gold); color: var(--navy-deep); }
.homepage-v2 .hero-v2 { position: relative; min-height: 780px; height: 100svh; max-height: 980px; overflow: hidden; background: var(--navy-deep); color: #fff; display: flex; align-items: center; }
.homepage-v2 .hero-v2-image { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,26,40,.95) 0%, rgba(8,26,40,.76) 38%, rgba(8,26,40,.24) 75%, rgba(8,26,40,.45)), url('airport.jpg') center/cover; transform: scale(1.04); animation: heroDrift 18s ease-out both; }
.homepage-v2 .hero-v2-grid { position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.homepage-v2 .hero-v2-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 80px; align-items: end; padding-top: 120px; }
.homepage-v2 .hero-v2-copy { max-width: 720px; }
.homepage-v2 .eyebrow { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.67); font: 10px var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.homepage-v2 .eyebrow-dark { color: var(--muted); }
.homepage-v2 .eyebrow-dot { width: 7px; height: 7px; display: inline-block; background: var(--gold); border-radius: 50%; box-shadow: 0 0 0 5px rgba(212,163,67,.18); }
.homepage-v2 .hero-v2 h1,.homepage-v2 .hero-v2 h2 { font: 600 clamp(62px, 8.1vw, 124px)/.91 var(--display); letter-spacing: -.075em; }
.homepage-v2 em { color: var(--gold); font-style: normal; }
.homepage-v2 .hero-v2 h1 { margin: 26px 0 28px; color: #fff; }
.homepage-v2 .hero-v2-lede { max-width: 440px; color: rgba(255,255,255,.74); font-size: 14px; line-height: 1.75; }
.homepage-v2 .hero-v2-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.homepage-v2 .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 165px; padding: 15px 17px; border: 1px solid transparent; font: 600 11px var(--body); transition: transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease; }
.homepage-v2 .button:hover { transform: translateY(-4px); }
.homepage-v2 .button i { font-size: 10px; }
.homepage-v2 .button-gold { background: var(--gold); color: var(--navy-deep); }
.homepage-v2 .button-gold:hover { background: #e5b557; }
.homepage-v2 .button-ghost { border-color: rgba(255,255,255,.38); color: #fff; }
.homepage-v2 .button-ghost:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.homepage-v2 .button-dark { background: var(--navy); color: #fff; }
.homepage-v2 .button-dark:hover { background: var(--navy-deep); }
.homepage-v2 .hero-v2-side { align-self: end; padding-bottom: 4px; }
.homepage-v2 .hero-status { display: grid; grid-template-columns: 10px 1fr auto; gap: 8px; align-items: center; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); color: rgba(255,255,255,.65); font: 10px var(--mono); text-transform: uppercase; }
.homepage-v2 .hero-status strong { color: #d6e7d9; font-weight: 400; }
.homepage-v2 .status-pulse { width: 6px; height: 6px; background: #80d59b; border-radius: 50%; box-shadow: 0 0 0 5px rgba(128,213,155,.16); }
.homepage-v2 .hero-side-note { margin: 22px 0 70px; color: rgba(255,255,255,.66); font-size: 12px; line-height: 1.7; }
.homepage-v2 .scroll-cue { display: flex; justify-content: space-between; align-items: center; padding-bottom: 14px; color: rgba(255,255,255,.7); border-bottom: 1px solid rgba(255,255,255,.3); font: 10px var(--mono); text-transform: uppercase; }
.homepage-v2 .scroll-cue i { color: var(--gold); }
.homepage-v2 .hero-v2-foot { position: absolute; z-index: 2; bottom: 27px; left: 50%; transform: translateX(-50%); display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; color: rgba(255,255,255,.48); font: 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.homepage-v2 .hero-foot-line { height: 1px; background: rgba(255,255,255,.3); }
.homepage-v2 .hero-v2-route { position: absolute; z-index: 1; width: 420px; height: 220px; border-top: 1px solid rgba(212,163,67,.55); border-radius: 50%; transform: rotate(-21deg); opacity: .65; }
.homepage-v2 .hero-v2-route span { position: absolute; top: -4px; right: 20%; width: 7px; height: 7px; background: var(--gold); border-radius: 50%; box-shadow: 0 0 0 7px rgba(212,163,67,.18); animation: routePulse 2.3s ease-in-out infinite; }
.homepage-v2 .route-one { right: 5%; top: 23%; }.homepage-v2 .route-two { right: -2%; top: 36%; transform: rotate(14deg) scale(.7); opacity: .35; }
.homepage-v2 .signal-strip { background: var(--cream); border-bottom: 1px solid var(--line); }
.homepage-v2 .signal-grid { display: grid; grid-template-columns: repeat(3, 1fr) 1.25fr; }
.homepage-v2 .signal-grid > div { position: relative; min-height: 170px; padding: 32px 24px 25px 0; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: end; }
.homepage-v2 .signal-grid > div:not(:first-child) { padding-left: 24px; }.homepage-v2 .signal-grid > div:last-child { border-right: 0; padding-left: 48px; }
.homepage-v2 .signal-index { position: absolute; top: 29px; color: var(--gold); font: 10px var(--mono); }.homepage-v2 .signal-grid i { margin-bottom: 13px; color: var(--navy); font-size: 17px; }.homepage-v2 .signal-grid strong { font: 600 14px var(--display); }.homepage-v2 .signal-grid small { margin-top: 5px; color: var(--muted); font-size: 10px; }.homepage-v2 .signal-aside span { margin-bottom: 10px; color: var(--muted); font: 10px var(--mono); text-transform: uppercase; }.homepage-v2 .signal-aside strong { color: var(--navy); font: 500 27px/.95 var(--display); letter-spacing: -.06em; }
.homepage-v2 .services-v2,.homepage-v2 .local-v2,.homepage-v2 .about-v2 { background: var(--paper); padding: 150px 0; }
.homepage-v2 .section-intro { display: grid; grid-template-columns: 1fr 1.4fr; gap: 40px; align-items: end; margin-bottom: 78px; }.homepage-v2 .section-intro .eyebrow { align-self: start; }.homepage-v2 .section-intro h2 { grid-column: 1 / 2; grid-row: 2; color: var(--navy); font-size: clamp(58px, 7vw, 98px); }.homepage-v2 .section-intro > p:last-child { grid-column: 2; grid-row: 2; max-width: 360px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.homepage-v2 .service-list { border-top: 1px solid var(--line); }.homepage-v2 .service-row { display: grid; grid-template-columns: 48px 48px minmax(200px, 1fr) minmax(220px, .75fr) 24px; gap: 20px; align-items: center; min-height: 95px; border-bottom: 1px solid var(--line); color: var(--navy); transition: padding .35s ease, background .35s ease; }.homepage-v2 .service-row:hover { padding: 0 22px; background: var(--cream); }.homepage-v2 .service-no { color: var(--gold); font: 10px var(--mono); }.homepage-v2 .service-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold); font-size: 13px; transition: background .3s ease, color .3s ease; }.homepage-v2 .service-row:hover .service-icon { background: var(--gold); color: var(--navy); }.homepage-v2 .service-name { font: 500 23px var(--display); letter-spacing: -.04em; }.homepage-v2 .service-detail { color: var(--muted); font-size: 11px; }.homepage-v2 .service-arrow { color: var(--gold); font-size: 12px; transition: transform .3s ease; }.homepage-v2 .service-row:hover .service-arrow { transform: translateX(8px); }
.homepage-v2 .global-v2,.homepage-v2 .tracking-v2,.homepage-v2 .cta-v2 { position: relative; overflow: hidden; background: var(--navy-deep); color: #fff; padding: 155px 0; }.homepage-v2 .global-v2-map { position: absolute; inset: 0; opacity: .3; background: linear-gradient(90deg, rgba(8,26,40,.98), rgba(8,26,40,.55)), url('images3.jpg') center/cover; filter: saturate(.7); }.homepage-v2 .global-v2-inner,.homepage-v2 .tracking-v2-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; align-items: center; }.homepage-v2 .global-copy h2,.homepage-v2 .tracking-copy h2 { margin: 25px 0; color: #fff; font-size: clamp(58px, 7vw, 96px); }.homepage-v2 .global-copy > p:not(.eyebrow),.homepage-v2 .tracking-copy > p:not(.eyebrow) { max-width: 365px; color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.8; }.homepage-v2 .text-link { display: inline-flex; gap: 16px; align-items: center; margin-top: 35px; color: var(--gold); font: 600 11px var(--body); }.homepage-v2 .text-link i { transition: transform .3s ease; }.homepage-v2 .text-link:hover i { transform: translateX(7px); }.homepage-v2 .route-board { padding: 25px; border: 1px solid rgba(255,255,255,.2); background: rgba(8,26,40,.54); backdrop-filter: blur(8px); }.homepage-v2 .route-board-head,.homepage-v2 .route-board-foot,.homepage-v2 .tracking-panel-top { display: flex; justify-content: space-between; color: rgba(255,255,255,.58); font: 10px var(--mono); text-transform: uppercase; }.homepage-v2 .route-live { color: #8bd29e; }.homepage-v2 .route-live i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; background: #8bd29e; border-radius: 50%; }.homepage-v2 .route-path { display: grid; grid-template-columns: 1fr .8fr 1fr .8fr 1fr; align-items: center; margin: 100px 0 90px; }.homepage-v2 .route-node { display: flex; flex-direction: column; gap: 6px; }.homepage-v2 .node-dot { width: 11px; height: 11px; margin-bottom: 4px; border: 3px solid var(--gold); border-radius: 50%; background: var(--navy-deep); box-shadow: 0 0 0 6px rgba(212,163,67,.13); }.homepage-v2 .route-node strong { font: 500 19px var(--display); }.homepage-v2 .route-node small { color: rgba(255,255,255,.45); font: 9px var(--mono); text-transform: uppercase; }.homepage-v2 .route-line { height: 1px; background: rgba(212,163,67,.5); position: relative; }.homepage-v2 .route-line i { position: absolute; top: -3px; left: 45%; width: 7px; height: 7px; background: var(--gold); border-radius: 50%; animation: routeTravel 2.7s linear infinite; }.homepage-v2 .route-board-foot { padding-top: 16px; border-top: 1px solid rgba(255,255,255,.16); }
.homepage-v2 .local-v2-grid,.homepage-v2 .about-v2-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 110px; align-items: center; }.homepage-v2 .local-image-wrap,.homepage-v2 .about-v2-image { position: relative; min-height: 540px; overflow: hidden; }.homepage-v2 .local-image-wrap img,.homepage-v2 .about-v2-image img { width: 100%; height: 100%; min-height: 540px; object-fit: cover; filter: saturate(.75); transition: transform .8s ease; }.homepage-v2 .local-image-wrap:hover img,.homepage-v2 .about-v2-image:hover img { transform: scale(1.04); }.homepage-v2 .image-stamp { position: absolute; right: 20px; bottom: 20px; padding: 9px 11px; background: var(--gold); color: var(--navy); font: 9px var(--mono); }.homepage-v2 .local-copy h2,.homepage-v2 .finance-v2 h2,.homepage-v2 .about-v2 h2,.homepage-v2 .cta-v2 h2 { margin: 25px 0; color: var(--navy); font-size: clamp(58px, 7vw, 92px); }.homepage-v2 .local-copy > p:not(.eyebrow),.homepage-v2 .finance-v2-copy > p:not(.eyebrow),.homepage-v2 .about-v2-copy > p:not(.eyebrow) { max-width: 390px; color: var(--muted); font-size: 13px; line-height: 1.85; }.homepage-v2 .local-points { display: grid; gap: 12px; margin: 30px 0; color: var(--navy); font: 600 11px var(--body); }.homepage-v2 .local-points i { width: 20px; margin-right: 8px; color: var(--gold); }
.homepage-v2 .tracking-v2 { background: var(--navy); }.homepage-v2 .tracking-v2-grid { grid-template-columns: .8fr 1.2fr; }.homepage-v2 .tracking-panel { padding: 30px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); }.homepage-v2 .tracking-field { display: flex; align-items: center; justify-content: space-between; min-height: 70px; margin: 45px 0 24px; padding: 0 18px; border: 1px solid rgba(255,255,255,.27); color: rgba(255,255,255,.55); font-size: 12px; }.homepage-v2 .tracking-field i { color: var(--gold); }.homepage-v2 .tracking-steps { display: flex; justify-content: space-between; margin-bottom: 30px; }.homepage-v2 .tracking-steps span { display: flex; flex-direction: column; gap: 7px; color: rgba(255,255,255,.4); font: 10px var(--mono); text-transform: uppercase; }.homepage-v2 .tracking-steps b { color: var(--gold); font-weight: 400; }.homepage-v2 .tracking-steps .is-done { color: #fff; }.homepage-v2 .button-full { width: 100%; }.homepage-v2 .text-link-light { color: var(--gold); }
.homepage-v2 .finance-v2 { padding: 155px 0; background: var(--cream); }.homepage-v2 .finance-v2-grid { display: grid; grid-template-columns: .4fr 1.1fr .8fr; gap: 70px; align-items: start; }.homepage-v2 .finance-v2-label { display: flex; flex-direction: column; gap: 80px; color: var(--muted); }.homepage-v2 .finance-mark { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); }.homepage-v2 .finance-steps { display: grid; gap: 0; margin-top: 50px; border-top: 1px solid var(--line); }.homepage-v2 .finance-steps span { display: flex; gap: 25px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); color: var(--navy); font: 500 13px var(--display); }.homepage-v2 .finance-steps b { color: var(--gold); font: 10px var(--mono); }.homepage-v2 .about-v2 { background: var(--paper); }.homepage-v2 .about-v2-copy { order: 1; }.homepage-v2 .about-v2-image { order: 2; min-height: 500px; }.homepage-v2 .about-v2-image img { min-height: 500px; }.homepage-v2 .about-overlay-note { position: absolute; left: 24px; bottom: 24px; color: #fff; font: 500 23px/.95 var(--display); letter-spacing: -.04em; }.homepage-v2 .about-signature { display: flex; justify-content: space-between; max-width: 390px; margin-top: 55px; padding-top: 15px; border-top: 1px solid var(--line); color: var(--muted); font: 9px var(--mono); text-transform: uppercase; }.homepage-v2 .cta-v2 { background: var(--navy-deep); text-align: center; }.homepage-v2 .cta-v2-inner { display: flex; flex-direction: column; align-items: center; }.homepage-v2 .cta-v2 h2 { color: #fff; }.homepage-v2 .cta-v2-inner > p:not(.eyebrow) { color: rgba(255,255,255,.62); font-size: 13px; }.homepage-v2 .cta-v2 .hero-v2-actions { justify-content: center; }.homepage-v2 .footer-v2 { padding: 50px 0; background: #06131e; color: #fff; }.homepage-v2 .footer-v2-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; align-items: end; }.homepage-v2 .footer-brand { color: #fff; font: 600 20px var(--display); }.homepage-v2 .footer-v2 p { margin-top: 12px; color: rgba(255,255,255,.5); font-size: 11px; }.homepage-v2 .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }.homepage-v2 .footer-links a { color: rgba(255,255,255,.6); font-size: 11px; }.homepage-v2 .footer-links a:hover { color: var(--gold); }.homepage-v2 .footer-meta { display: grid; justify-items: end; gap: 8px; color: rgba(255,255,255,.5); font-size: 10px; }
@keyframes heroDrift { from { transform: scale(1.04); } to { transform: scale(1.08); } }
@keyframes routePulse { 50% { box-shadow: 0 0 0 12px rgba(212,163,67,0); } }
@keyframes routeTravel { from { left: 5%; } to { left: 95%; } }
@media (max-width: 1050px) { .homepage-v2 .desktop-nav { gap: 13px; }.homepage-v2 .desktop-nav a { font-size: 10px; }.homepage-v2 .hero-v2-inner { gap: 40px; }.homepage-v2 .global-v2-inner,.homepage-v2 .local-v2-grid,.homepage-v2 .about-v2-grid { gap: 60px; } }
@media (max-width: 820px) { .homepage-v2 .desktop-nav { display: none; }.homepage-v2 .menu-btn { display: flex; }.homepage-v2 .hero-v2 { min-height: 740px; }.homepage-v2 .hero-v2-image { background-position: 62% center; }.homepage-v2 .hero-v2-inner { grid-template-columns: 1fr; padding-top: 105px; }.homepage-v2 .hero-v2-side { max-width: 340px; }.homepage-v2 .hero-side-note { margin: 20px 0; }.homepage-v2 .signal-grid { grid-template-columns: repeat(2, 1fr); }.homepage-v2 .signal-grid > div { min-height: 145px; }.homepage-v2 .signal-aside { grid-column: span 2; }.homepage-v2 .section-intro,.homepage-v2 .global-v2-inner,.homepage-v2 .local-v2-grid,.homepage-v2 .tracking-v2-grid,.homepage-v2 .finance-v2-grid,.homepage-v2 .about-v2-grid { grid-template-columns: 1fr; gap: 45px; }.homepage-v2 .section-intro h2,.homepage-v2 .section-intro > p:last-child { grid-column: auto; grid-row: auto; }.homepage-v2 .local-image-wrap,.homepage-v2 .about-v2-image,.homepage-v2 .local-image-wrap img,.homepage-v2 .about-v2-image img { min-height: 420px; }.homepage-v2 .finance-v2-label { flex-direction: row; justify-content: space-between; align-items: center; }.homepage-v2 .finance-mark { order: 2; }.homepage-v2 .finance-steps { margin-top: 0; }.homepage-v2 .about-v2-copy { order: 1; }.homepage-v2 .about-v2-image { order: 2; }.homepage-v2 .footer-v2-grid { grid-template-columns: 1fr 1fr; }.homepage-v2 .footer-meta { justify-items: start; }.homepage-v2 .route-path { margin: 70px 0; } }
@media (max-width: 560px) { .homepage-v2 .container { width: min(88%, 1240px); }.homepage-v2 .navbar { padding: 14px 0; }.homepage-v2 .logo { font-size: 15px; }.homepage-v2 .hero-v2 { min-height: 700px; }.homepage-v2 .hero-v2 h1,.homepage-v2 .hero-v2 h2 { font-size: clamp(53px, 16vw, 76px); }.homepage-v2 .hero-v2-lede { font-size: 12px; }.homepage-v2 .hero-v2-actions { gap: 8px; }.homepage-v2 .button { min-width: 145px; padding: 14px 13px; font-size: 10px; }.homepage-v2 .hero-v2-foot { bottom: 18px; font-size: 8px; }.homepage-v2 .hero-v2-foot span:last-child { display: none; }.homepage-v2 .hero-v2-foot { grid-template-columns: auto 1fr; }.homepage-v2 .signal-grid > div,.homepage-v2 .signal-grid > div:not(:first-child) { padding-left: 0; padding-right: 10px; }.homepage-v2 .signal-grid > div:last-child { padding-left: 0; }.homepage-v2 .signal-grid strong { font-size: 12px; }.homepage-v2 .signal-aside strong { font-size: 23px; }.homepage-v2 .services-v2,.homepage-v2 .local-v2,.homepage-v2 .about-v2,.homepage-v2 .global-v2,.homepage-v2 .tracking-v2,.homepage-v2 .finance-v2,.homepage-v2 .cta-v2 { padding: 95px 0; }.homepage-v2 .service-row { grid-template-columns: 28px 35px 1fr 18px; gap: 10px; min-height: 82px; }.homepage-v2 .service-name { font-size: 17px; }.homepage-v2 .service-detail { display: none; }.homepage-v2 .service-row:hover { padding: 0 10px; }.homepage-v2 .route-board { padding: 17px; }.homepage-v2 .route-path { grid-template-columns: 1fr .45fr 1fr .45fr 1fr; margin: 55px 0; }.homepage-v2 .route-node strong { font-size: 14px; }.homepage-v2 .tracking-panel { padding: 18px; }.homepage-v2 .tracking-steps { gap: 10px; }.homepage-v2 .tracking-steps span { font-size: 8px; }.homepage-v2 .footer-v2-grid { grid-template-columns: 1fr; }.homepage-v2 .footer-links { justify-content: flex-start; }.homepage-v2 .footer-meta { justify-items: start; }.homepage-v2 .about-signature { display: grid; gap: 12px; }.homepage-v2 .about-signature .mono { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .homepage-v2 .hero-v2-image,.homepage-v2 .route-line i,.homepage-v2 .hero-v2-route span { animation: none; }.homepage-v2 .button,.homepage-v2 .service-row,.homepage-v2 .service-arrow,.homepage-v2 .local-image-wrap img,.homepage-v2 .about-v2-image img { transition: none; } }

.homepage-v2 .mobile-menu { visibility: hidden; pointer-events: none; }
.homepage-v2 .mobile-menu.active { visibility: visible; pointer-events: auto; }
.homepage-v2 .skip-link { position: fixed; z-index: 3000; top: 12px; left: 12px; padding: 10px 14px; background: var(--gold); color: var(--navy-deep); font: 600 11px var(--body); transform: translateY(-160%); transition: transform .2s ease; }
.homepage-v2 .skip-link:focus-visible { transform: translateY(0); }
.homepage-v2 :focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; box-shadow: none; }
@media (max-width: 1100px) { .homepage-v2 .desktop-nav { gap: 13px; }.homepage-v2 .desktop-nav a { font-size: 10px; } }
@media (max-width: 560px) {
    .homepage-v2 .signal-grid > div,.homepage-v2 .signal-grid > div:not(:first-child) { min-height: 118px; }
    .homepage-v2 .services-v2,.homepage-v2 .local-v2,.homepage-v2 .about-v2,.homepage-v2 .global-v2,.homepage-v2 .tracking-v2,.homepage-v2 .finance-v2,.homepage-v2 .cta-v2 { padding-top: 72px; padding-bottom: 72px; }
    .homepage-v2 .service-row { min-height: 72px; }
    .homepage-v2 .tracking-field { min-height: 58px; margin-top: 30px; margin-bottom: 8px; }
    .homepage-v2 .tracking-note { margin-bottom: 24px; color: rgba(255,255,255,.5); font-size: 10px; }
}

/* Accent animated gradient */
.animated-gradient{ background:linear-gradient(90deg, rgba(212,175,55,.12), rgba(7,28,61,.06)); background-size:200% 100%; animation:gradientShift 6s ease-in-out infinite; }
@keyframes gradientShift{ 0%{background-position:0%}50%{background-position:100%}100%{background-position:0%} }

/* Small helpers for motion-ready cards */
.card, .finance-card, .service-card{ transform:translateZ(0); perspective:800px; }

/* ================= INTERIOR PAGES / DABUTU 2.0 ================= */
.interior-page {
    --interior-navy: #081a28;
    --interior-blue: #102b3d;
    --interior-paper: #fbfaf6;
    --interior-cream: #f4f1e9;
    --interior-gold: #d4a343;
    --interior-muted: #66747b;
    background: var(--interior-paper);
    color: #101a24;
    font-family: 'Manrope', 'Inter', sans-serif;
}
.interior-page header { position: fixed; z-index: 999; background: rgba(8,26,40,.94); border-bottom: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(14px); }
.interior-page .navbar { padding: 16px 0; }
.interior-page .logo { gap: 10px; font: 600 17px 'Space Grotesk', sans-serif; letter-spacing: -.03em; }
.interior-page .logo img { width: 37px; height: 37px; border-radius: 50%; object-fit: cover; }
.interior-page .logo span { color: #fff; }.interior-page .logo span::first-letter { color: #fff; }
.interior-page .menu-btn { display: flex; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.4); background: rgba(255,255,255,.06); color: #fff; }
.interior-page .menu-btn:hover { background: var(--interior-gold); color: var(--interior-navy); }
.interior-page .mobile-menu { top: 0; right: -100%; width: min(390px, 100%); justify-content: flex-start; gap: 0; padding: 30px 34px; background: var(--interior-navy); }
.interior-page .mobile-menu.active { right: 0; }.interior-page .close-menu { top: 24px; right: 28px; }.interior-page .mobile-menu a { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); font: 500 18px 'Space Grotesk', sans-serif; }
.interior-page .page-hero { min-height: 410px; display: flex; align-items: end; padding: 150px 0 70px; background: linear-gradient(90deg, rgba(8,26,40,.96), rgba(8,26,40,.58)), url('airport.jpg') center/cover; text-align: left; }
.interior-page .page-hero .container { width: min(90%, 1240px); }.interior-page .page-hero h1 { max-width: 850px; margin-bottom: 18px; color: #fff; font: 600 clamp(48px, 7vw, 92px)/.95 'Space Grotesk', sans-serif; letter-spacing: -.07em; }.interior-page .page-hero p { max-width: 550px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.8; }
.interior-page .section-tag { padding: 0; margin-bottom: 18px; background: none; color: var(--interior-gold); font: 10px 'DM Mono', monospace; letter-spacing: .12em; text-transform: uppercase; }
.interior-page section:not(.page-hero) { padding: 105px 0; }.interior-page .services-page,.interior-page .contact-page,.interior-page .finance-overview,.interior-page .finance-eligibility { background: var(--interior-paper); }.interior-page .services-page:nth-of-type(even),.interior-page .finance-process { background: var(--interior-cream); }
.interior-page .services-grid { grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid rgba(16,26,36,.16); }.interior-page .service-card { min-height: 260px; padding: 32px 26px; border: 0; border-right: 1px solid rgba(16,26,36,.16); border-bottom: 1px solid rgba(16,26,36,.16); border-radius: 0; box-shadow: none; background: transparent; }.interior-page .service-card:hover { transform: none; background: var(--interior-cream); }.interior-page .service-icon { width: 46px; height: 46px; margin-bottom: 35px; border: 1px solid rgba(16,26,36,.2); background: transparent; color: var(--interior-gold); }.interior-page .service-card h3 { color: var(--interior-navy); font: 500 22px 'Space Grotesk', sans-serif; }.interior-page .service-card p { color: var(--interior-muted); font-size: 12px; line-height: 1.8; }
.interior-page .quote-section { background: var(--interior-cream); }.interior-page .quote-form { max-width: 900px; padding: 42px; border: 1px solid rgba(16,26,36,.13); background: var(--interior-paper); box-shadow: 0 24px 70px rgba(8,26,40,.08); }.interior-page .quote-form input,.interior-page .quote-form select,.interior-page .quote-form textarea { min-height: 54px; padding: 15px 16px; border: 1px solid rgba(16,26,36,.18); border-radius: 0; background: #fff; color: #101a24; font-size: 13px; }.interior-page .quote-form input:focus,.interior-page .quote-form select:focus,.interior-page .quote-form textarea:focus { outline: 2px solid rgba(212,163,67,.34); outline-offset: 2px; border-color: var(--interior-gold); }.interior-page .quote-form button { width: auto; justify-self: start; padding: 16px 22px; border: 0; border-radius: 0; background: var(--interior-gold); color: var(--interior-navy); font-weight: 700; }
.interior-page .contact-page { padding-top: 115px; }.interior-page .contact-grid { gap: 80px; }.interior-page .contact-info h2,.interior-page .contact-form-container h2 { margin-bottom: 20px; color: var(--interior-navy); font: 500 clamp(35px, 4vw, 54px) 'Space Grotesk', sans-serif; letter-spacing: -.06em; }.interior-page .contact-info > p { max-width: 440px; color: var(--interior-muted); font-size: 13px; line-height: 1.8; }.interior-page .contact-item { padding: 18px 0; margin: 0; border-top: 1px solid rgba(16,26,36,.14); }.interior-page .contact-item i { font-size: 16px; }.interior-page .contact-item h4 { font: 600 11px 'DM Mono', monospace; letter-spacing: .08em; text-transform: uppercase; }.interior-page .contact-item p { margin: 0; color: var(--interior-muted); font-size: 12px; line-height: 1.7; }.interior-page .contact-form-container { padding: 38px; border: 1px solid rgba(16,26,36,.14); background: #fff; box-shadow: 0 24px 70px rgba(8,26,40,.08); }.interior-page .contact-form { display: grid; gap: 14px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }.interior-page .contact-form input,.interior-page .contact-form textarea { min-height: 54px; padding: 15px 16px; border-radius: 0; border-color: rgba(16,26,36,.18); background: var(--interior-paper); font-size: 13px; }.interior-page .contact-form button { justify-self: start; border-radius: 0; background: var(--interior-navy); box-shadow: none; font-size: 12px; }
.interior-page .tracking-card { max-width: 900px; padding: 40px; border-radius: 0; border: 1px solid rgba(16,26,36,.14); background: #fff; box-shadow: 0 24px 70px rgba(8,26,40,.08); }.interior-page .tracking-message { color: var(--interior-muted); }.interior-page .tracking-content h2 { color: var(--interior-navy); font: 500 35px 'Space Grotesk', sans-serif; }.interior-page .tracking-details div { border-radius: 0; background: var(--interior-cream); }
.interior-page .finance-hero { min-height: 620px; padding: 170px 0 100px; background: linear-gradient(90deg, rgba(8,26,40,.96), rgba(8,26,40,.55)), url('images.png') center/cover; }.interior-page .finance-hero-content h1 { font: 600 clamp(48px, 6vw, 82px)/.97 'Space Grotesk', sans-serif; letter-spacing: -.07em; }.interior-page .finance-hero-card { border-radius: 0; border-color: rgba(255,255,255,.22); }.interior-page .finance-overview,.interior-page .finance-process,.interior-page .finance-eligibility { padding: 105px 0; }.interior-page .finance-card,.interior-page .process-item { border-radius: 0; box-shadow: none; }.interior-page .finance-form,.interior-page .finance-highlight-box { border-radius: 0; }.interior-page .finance-form input,.interior-page .finance-form select,.interior-page .finance-form textarea { border-radius: 0; }.interior-page .cta-box { border-radius: 0; background: var(--interior-navy); }

/* ================= AUTH EXPERIENCE ================= */
.auth-page { --auth-navy: #081a28; --auth-gold: #d4a343; min-height: 100svh; padding: 28px; background: var(--auth-navy); font-family: 'Manrope', 'Inter', sans-serif; position: relative; overflow-x: hidden; }
.auth-page::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.17) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.17) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg, #000, transparent 70%); }
.auth-page .auth-container { position: relative; z-index: 1; max-width: 1160px; min-height: min(720px, calc(100svh - 56px)); border-radius: 0; border: 1px solid rgba(255,255,255,.16); background: #fbfaf6; box-shadow: 0 30px 100px rgba(0,0,0,.3); }
.auth-page .auth-left { position: relative; overflow: hidden; justify-content: space-between; padding: 48px; background: linear-gradient(180deg, rgba(8,26,40,.3), rgba(8,26,40,.92)), url('airport.jpg') center/cover; }.auth-page .auth-left::after { content: 'SECURE ACCESS / 02'; color: var(--auth-gold); font: 10px 'DM Mono', monospace; letter-spacing: .12em; }.auth-page .auth-left img { width: 48px; height: 48px; margin-bottom: 0; border-radius: 50%; object-fit: cover; }.auth-page .auth-left h1 { max-width: 430px; margin-top: auto; margin-bottom: 18px; font: 600 clamp(46px, 5vw, 76px)/.95 'Space Grotesk', sans-serif; letter-spacing: -.07em; }.auth-page .auth-left p { max-width: 420px; margin-bottom: 24px; color: rgba(255,255,255,.73); font-size: 13px; line-height: 1.8; }
.auth-page .auth-right { padding: clamp(32px, 6vw, 82px); background: #fbfaf6; }.auth-page .auth-form { max-width: 410px; margin: 0 auto; gap: 12px; }.auth-page .back-link { align-self: flex-start; margin-bottom: 48px; color: var(--auth-navy); font: 600 11px 'DM Mono', monospace; text-transform: uppercase; }.auth-page .back-link i { color: var(--auth-gold); }.auth-page .auth-form h2 { margin-bottom: 4px; color: var(--auth-navy); font: 600 42px 'Space Grotesk', sans-serif; letter-spacing: -.06em; }.auth-page .auth-subtitle { margin-bottom: 22px; color: #6d7880; font-size: 13px; line-height: 1.7; }.auth-page .auth-form input,.auth-page .input-box { min-height: 53px; border-radius: 0; border-color: rgba(16,26,36,.18); background: #fff; }.auth-page .auth-form input { padding: 15px 16px; }.auth-page .input-box { padding: 0 15px; margin-bottom: 8px; }.auth-page .input-box:focus-within,.auth-page .auth-form input:focus { border-color: var(--auth-gold); box-shadow: 0 0 0 3px rgba(212,163,67,.14); outline: 0; }.auth-page .input-box i { color: var(--auth-gold); }.auth-page .auth-options { margin: 8px 0 18px; }.auth-page .auth-options a,.auth-page .auth-link a { color: #a57920; }.auth-page .auth-btn { min-height: 53px; margin-top: 6px; border: 0; border-radius: 0; background: var(--auth-gold); color: var(--auth-navy); font-size: 12px; font-weight: 800; }.auth-page .auth-btn:hover { background: #e4b658; transform: translateY(-2px); }.auth-page .google-btn { min-height: 53px; border: 1px solid rgba(16,26,36,.18); border-radius: 0; background: #fff; color: var(--auth-navy); font-size: 12px; }.auth-page .google-btn i { color: #db4437; margin-right: 8px; }.auth-page .auth-divider { color: #9aa3a8; font: 10px 'DM Mono', monospace; }.auth-page .auth-divider::before,.auth-page .auth-divider::after { background: rgba(16,26,36,.14); }.auth-page .auth-link { color: #6d7880; font-size: 12px; }
@media (max-width: 850px) { .interior-page .services-grid { grid-template-columns: repeat(2, 1fr); }.interior-page .contact-grid { gap: 45px; }.interior-page .finance-hero-inner { grid-template-columns: 1fr; }.auth-page { padding: 14px; }.auth-page .auth-container { min-height: calc(100svh - 28px); }.auth-page .auth-left { display: none; }.auth-page .auth-right { padding: 34px 24px; } }
@media (max-width: 560px) { .interior-page .page-hero { min-height: 350px; padding: 130px 0 52px; }.interior-page .page-hero h1 { font-size: 52px; }.interior-page section:not(.page-hero) { padding: 75px 0; }.interior-page .services-grid { grid-template-columns: 1fr; }.interior-page .service-card { min-height: 210px; }.interior-page .quote-form,.interior-page .contact-form-container,.interior-page .tracking-card { padding: 22px; }.interior-page .quote-form button { width: 100%; }.interior-page .contact-grid { grid-template-columns: 1fr; }.interior-page .contact-form-container { order: -1; }.interior-page .finance-hero { min-height: 680px; padding-top: 145px; }.interior-page .finance-hero-content h1 { font-size: 49px; }.auth-page .auth-right { padding: 30px 20px; }.auth-page .back-link { margin-bottom: 36px; }.auth-page .auth-form h2 { font-size: 37px; } }