@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#002060;--navy-deep:#001746;--blue:#174a9b;--ink:#152b4c;--muted:#63738b;--line:#e4eaf3;--surface:#fff}
html{scroll-behavior:smooth}body{font-family:'Cairo',Tahoma,Arial,sans-serif!important;background:#f4f7fc!important;color:var(--ink)!important}
header{background:linear-gradient(120deg,#001744,#002060 62%,#09337b)!important;color:white!important;border-bottom:1px solid #ffffff24}
header h1{letter-spacing:-.5px}header .brand-logo{object-fit:contain;filter:drop-shadow(0 5px 12px #0002)}
.card{border:1px solid var(--line);border-radius:20px!important;box-shadow:0 10px 34px #001c4c0b!important}
button,.button,.action-link,.back{font-family:inherit!important;border-radius:11px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
button:hover:not(:disabled),.button:hover,.action-link:hover,.back:hover{transform:translateY(-2px);box-shadow:0 5px 15px #001b5020}
.primary,.action-link:not(.secondary){background:#002060!important;color:white!important}
.primary:hover,.action-link:not(.secondary):hover{background:#113c86!important}
input,select,textarea{border-color:#dce5f2!important;border-radius:11px!important;font-family:inherit!important}
input:focus,select:focus,textarea:focus{outline:2px solid #8eaddd;outline-offset:1px}
:focus-visible{outline:3px solid #e6b95a!important;outline-offset:3px}
@media(max-width:650px){header .brand-logo{max-width:115px}header h1{font-size:22px}}