:root{--bagup-green:#087e82;--bagup-deep:#065d65;--bagup-navy:#092b37;--bagup-yellow:#ffe600;--bagup-surface:#f6faf9}
body{color:var(--bagup-navy)}
.topbar{background:var(--bagup-navy)!important;color:#edf8f7!important;text-align:center;padding:9px 12px;font-size:.84rem;line-height:1.4}
.topbar strong{color:var(--bagup-yellow)!important}.topbar a{color:#fff;text-underline-offset:3px;font-weight:800}
header{background:var(--bagup-green)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 28px rgba(2,60,65,.13)}
header nav{min-height:108px;height:auto!important;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:9px 0}
header nav>a:first-child{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
header .logo{display:block;height:88px!important;width:auto!important;max-width:128px;object-fit:contain;filter:drop-shadow(0 4px 11px rgba(0,51,53,.16))}
header .links{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap}
header .links a{color:#fff!important;text-decoration:none;font-size:.89rem;font-weight:750;white-space:nowrap}
header .links a:hover,header .links a:focus-visible{color:var(--bagup-yellow)!important}
header .links .btn,header nav>.btn{background:var(--bagup-yellow)!important;color:var(--bagup-navy)!important;box-shadow:0 6px 16px rgba(4,62,61,.12);border-radius:12px}
header .links .btn:hover,header nav>.btn:hover{transform:translateY(-1px)}
.mobile-menu{display:none;position:relative;margin-left:auto;color:#fff}
.mobile-menu summary{list-style:none;cursor:pointer;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:10px 14px;font-weight:800}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu[open]>div{position:absolute;right:0;top:calc(100% + 10px);z-index:90;min-width:228px;padding:10px;display:grid;gap:3px;background:var(--bagup-navy);box-shadow:0 18px 40px rgba(0,0,0,.25);border-radius:14px}
.mobile-menu a{color:#fff;text-decoration:none;font-weight:750;padding:10px;border-radius:8px}.mobile-menu a:hover{background:rgba(255,255,255,.12)}
.payment-box{border:1px solid #b3d8d5;border-left:5px solid var(--bagup-green);background:#edf8f6;color:var(--bagup-navy);border-radius:15px;padding:17px 19px;margin:16px 0;line-height:1.55}
.payment-box strong{color:var(--bagup-deep)}.payment-box a{font-weight:850;color:var(--bagup-deep)}.payment-number{font-size:1.22rem;letter-spacing:.01em;white-space:nowrap}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e9c900;outline-offset:2px}
@media(max-width:1050px){header nav{min-height:84px}header .logo{height:72px!important}header .links{display:none!important}.mobile-menu{display:block}}
@media(max-width:560px){header nav{min-height:76px;padding:5px 0}header .logo{height:65px!important}.topbar{font-size:.72rem;padding:7px 10px}header nav>.btn{padding:9px 10px;font-size:.78rem}.payment-number{font-size:1rem}}
