.tpl-font{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background: linear-gradient(180deg,#f4f7fb,#ffffff)}
.tpl-navbar{background: linear-gradient(90deg,#0d6efd 0%, #6610f2 50%, #d63384 100%);}
:root{ --tpl-navbar-height: 64px; }
.tpl-navbar{ min-height: var(--tpl-navbar-height); display:flex; align-items:center; transition: min-height .18s ease, padding .18s ease; position:relative; }

/* resize handle for adjustable navbar */
#navResizeHandle{ width:12px; height:28px; position:absolute; right:10px; top:50%; transform:translateY(-50%); cursor:ns-resize; background: rgba(255,255,255,0.08); border-radius:6px; display:flex; align-items:center; justify-content:center; z-index:1100 }
#navResizeHandle:after{ content:''; width:2px; height:16px; background: rgba(255,255,255,0.9); border-radius:1px; opacity:0.7 }
.tpl-navbar .navbar-brand{font-weight:800; color:#fff}
.tpl-navbar .nav-link{color:rgba(255,255,255,0.9)}
.tpl-hero{background: linear-gradient(135deg,#0d6efd 0%, #6610f2 50%, #d63384 100%); padding-top: calc(var(--tpl-navbar-height) + 16px); padding-bottom: 40px; padding-left:0; padding-right:0}
.tpl-hero .lead{opacity:0.95}
.hero-card{background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));}
.bg-gradient-card{background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(0,0,0,0.08));}
.tpl-footer{background:#0f1724;color:#cbd5e1}
.card{border-radius:14px; border:0}
.btn-primary{background:linear-gradient(90deg,#ffb703,#fb8500); border:0}
.btn-outline-light{color:#fff; border-color: rgba(255,255,255,0.4)}
.container{max-width:1100px}

/* Modern cards */
.card-modern{border-radius:12px; box-shadow: 0 6px 18px rgba(15,23,42,0.08);}

/* Forms */
.form-control:focus{box-shadow:0 0 0 0.2rem rgba(99,102,241,0.15); border-color:#6366f1}

/* Countdown */
#tpl-countdown{letter-spacing:1px}

@media(max-width:767px){
	:root{ --tpl-navbar-height: 56px; }
	.tpl-hero{ padding-top: calc(var(--tpl-navbar-height) + 8px); }
}