/* TREDULE public design system — shared by home, login and registration. */
:root{--public-blue:#2563eb;--public-navy:#102d57;--public-ink:#1c3557;--public-line:#d9e6f7;}
html{scroll-behavior:smooth}body{font-family:'DM Sans','Poppins',system-ui,sans-serif!important;color:var(--public-ink)!important;background:#f5f9ff!important}
*{box-sizing:border-box}
.navbar{height:78px!important;min-height:78px!important;position:fixed!important;inset:0 0 auto 0!important;z-index:1100!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:12px max(22px,calc((100vw - 1260px)/2))!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce7f7!important;border-radius:0!important;box-shadow:0 5px 25px #1237680d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--public-ink)!important}
.navbar .logo-area{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;flex-shrink:0}
.navbar .logo-area .logo-nav{width:41px!important;height:41px!important;object-fit:contain;display:block!important}
.navbar .brand-name{color:#153c76!important;font-size:21px!important;font-weight:900!important;letter-spacing:.045em!important;}
.navbar .nav-links{display:flex!important;align-items:center;justify-content:flex-end;gap:7px!important;flex-wrap:nowrap!important;min-width:0;}
.navbar .nav-links a{margin:0!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:10px!important;white-space:nowrap;color:#465f81!important;font-size:13px!important;font-weight:750!important;background:transparent!important;text-decoration:none}
.navbar .nav-links a:hover,.navbar .nav-links a[aria-current="page"]{color:#195dc7!important;background:#eaf3ff!important}
.navbar .nav-links a.btn-login{color:#235ab0!important;background:#f1f6ff!important;border-color:#d8e6fb!important}
.navbar .nav-links a.btn-register,.navbar .nav-links a.btn-register:last-child{color:white!important;background:#2563eb!important;border:1px solid #2563eb!important;box-shadow:0 5px 14px #2563eb24!important;}
.navbar .nav-links a.btn-register:hover{background:#174dbf!important}
.navbar .hamburger{display:none!important;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d5e5fb;border-radius:12px;background:#f2f7ff;color:#205ec5!important;font-size:22px;cursor:pointer;flex-shrink:0;}
.mobile-menu{display:none!important;position:fixed!important;top:78px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100dvh - 90px);overflow-y:auto!important;flex-direction:column!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:1099!important;padding:14px!important;border:1px solid #d5e4f8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 60px #092e6227!important;}
.mobile-menu.open{display:flex!important;}
.mobile-menu a{display:block!important;width:100%!important;padding:14px 15px!important;color:#193c6d!important;background:transparent!important;font-size:14px;font-weight:750!important;text-decoration:none;border-radius:9px}
.mobile-menu a:hover{background:#eaf3ff!important;color:#165fcd!important}
.mobile-menu a.btn-register{background:#2563eb!important;color:#fff!important;text-align:center}
.hero{min-height:680px!important;height:auto!important;padding:150px 20px 90px!important;background:linear-gradient(125deg,#0f3062,#205ba7)!important;color:#fff!important;}
.hero-overlay{background:radial-gradient(circle at 85% 30%,rgba(124,187,255,.2),transparent 40%)!important;}
.hero-titles h1,.hero-main-title{color:#fff!important;text-shadow:none!important;}
.hero-titles span,.hero-main-title strong{color:#b7dbff!important;}
.hero-content p{color:#e1efff!important;line-height:1.8!important;}
.hero-buttons .btn-primary,.hero .btn-primary{background:#fff!important;color:#1955b2!important;border:1px solid white!important;font-weight:850!important;}
.hero-buttons .btn-secondary{background:transparent!important;border:1px solid #bdd6fc!important;color:#fff!important;}
.features-section{background:#f5f9ff!important;}.features-section h2{color:#173660!important;}.features-section h2 span{color:#2563eb!important;}
.feature-card{background:#fff!important;border:1px solid #dfeaf8!important;border-radius:18px!important;box-shadow:0 12px 38px #163b720c!important;}
.feature-card h3{color:#1b3c69!important}.feature-card p{color:#607796!important}.swiper-pagination-bullet-active{background:#2563eb!important}
.cta-section{background:#123d77!important;color:#fff!important}.cta-section h2{color:#fff!important}.cta-section p{color:#d5e7ff!important}.cta-section .btn-large{background:#fff!important;color:#1857b5!important}
.contact-section{background:#edf5ff!important}.contact-section h2{color:#163a6a!important}.contact-section h2 span{color:#2563eb!important}.contact-mail{color:#215bbb!important}.footer{background:#102e5a!important;color:#d3e4f8!important}
.login-wrapper,.register-wrapper{padding-top:max(115px,calc(78px + 40px))!important;}
.login-box,.register-box{background:#fff!important;border:1px solid #dae6f7!important;box-shadow:0 25px 65px #0d367620!important;border-radius:20px!important;}
.login-box:before,.register-title{color:#193f70!important}.login-box form input,.register-box form input:not([type=checkbox]){background:#f8fbff!important;color:#17375b!important;border-color:#d4e3f5!important;}
.login-box form button,.register-box form button{background:#2563eb!important;color:#fff!important;border-radius:11px!important;}
.login-box form button:hover,.register-box form button:hover{background:#174cb7!important;}
.login-box input:focus,.register-box input:focus{outline:3px solid #d3e7ff!important;border-color:#4481ec!important;}
.forgotAndSignup a,.back-login a,.gdpr-consent a{color:#205fc3!important;}
body:before{border-color:#e7f0fe!important;}
@media(max-width:900px){.navbar{height:72px!important;min-height:72px!important;padding:11px 18px!important}.navbar .nav-links{display:none!important}.navbar .hamburger{display:flex!important}.mobile-menu{top:72px!important}.hero{min-height:630px!important;padding:138px 16px 70px!important;}}
@media(max-width:600px){.hero-titles h1{font-size:clamp(24px,8vw,41px)!important}.hero-main-title{font-size:clamp(27px,9vw,48px)!important}.hero-content{padding:0 10px!important}.navbar .brand-name{font-size:20px!important}.login-box,.register-box{max-width:100%!important}.login-wrapper,.register-wrapper{padding-left:16px!important;padding-right:16px!important;}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Prevent older landing-page entrance effects from hiding key headings. */
.hero-titles h1 {transform:none!important;opacity:1!important;animation:none!important;}