.pwa-install-panel{position:fixed;left:14px;right:14px;bottom:14px;z-index:9990;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:#21161b;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.38)}.pwa-install-panel[hidden]{display:none!important}.pwa-install-copy{display:grid;gap:3px;margin-right:auto}.pwa-install-copy small{color:#d9cdd2}.pwa-install-dismiss{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}.pwa-ios-guide{position:fixed;inset:auto 14px 14px;z-index:9995;max-width:520px;margin:auto;padding:24px;border-radius:20px;background:#fff;color:#251a1f;box-shadow:0 20px 70px rgba(0,0,0,.4)}.pwa-ios-guide[hidden]{display:none!important}.pwa-ios-guide .pwa-install-dismiss{position:absolute;right:12px;top:10px}.legal-page{max-width:900px;margin:55px auto;padding:30px}.legal-page h1{font-size:clamp(38px,6vw,64px);margin:10px 0}.legal-page p{color:#665c61;line-height:1.7}.app-footer{display:block!important}.footer-nav{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:0 0 18px!important}.footer-nav a{color:#fff!important;text-decoration:none;font-weight:800}.app-footer small{display:block;text-align:center;color:#cfc2c8}@media(display-mode:standalone){.pwa-install-panel,.pwa-ios-guide{display:none!important}}@media(max-width:600px){.pwa-install-panel{bottom:76px;flex-wrap:wrap}.pwa-install-copy{width:calc(100% - 35px)}.footer-nav{display:grid!important;grid-template-columns:repeat(2,1fr);text-align:center}.legal-page{margin:24px 15px;padding:21px}}


.main-header{display:grid;grid-template-columns:auto minmax(70px,1fr) auto auto;align-items:center;gap:22px;padding:12px 5vw}.ceylons-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#222;min-width:max-content}.logo-c{position:relative;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:55px;font-weight:900;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(90deg,#008c45 0%,#008c45 33%,#fff 33%,#fff 66%,#cd212a 66%,#cd212a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.logo-c:after{content:"";position:absolute;width:12px;height:12px;background:#ffb81c;border-radius:50%;right:3px;top:8px;box-shadow:0 0 0 3px #8d153a}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-name{font-size:29px;font-weight:800;letter-spacing:-1px}.logo-name .ceylon{color:#8d153a}.logo-name .dot{color:#008c45}.logo-name .it{color:#cd212a}.logo-tagline{margin-top:6px;font-size:11px;font-weight:600;color:#666;letter-spacing:1px;text-transform:uppercase}.ceylons-logo:hover .logo-c{transform:scale(1.05);transition:.2s ease}.ceylons-logo:hover .logo-name{opacity:.85}.header-center-logo{justify-self:center;width:88px;height:62px;border-radius:14px;display:grid;place-items:center;overflow:hidden;text-decoration:none;background:#f6f1f3;border:1px dashed #ccbfc4;color:#8d153a;font-size:10px;font-weight:900;letter-spacing:.12em}.header-center-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.header-center-logo span{display:none}.header-center-logo.logo-placeholder span{display:block}.main-header nav{display:flex!important;gap:16px;align-items:center;justify-content:flex-end}.header-logout{display:block}.business-promo{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:14px 6vw;background:linear-gradient(100deg,#fff0bd,#fff9e9);border-bottom:1px solid #ead9a1}.business-promo div{display:grid;gap:3px}.business-promo strong{color:#8d153a}.app-footer{display:grid!important;grid-template-columns:1fr 2fr;gap:22px;align-items:start}.footer-brand{display:grid;gap:10px}.footer-logo .logo-c{width:48px;height:48px;font-size:43px}.footer-logo .logo-name{font-size:24px}.footer-nav{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;margin:0!important}.footer-nav a{color:#fff!important;text-decoration:none;font-weight:800}.app-footer>small{grid-column:1/-1;text-align:center;color:#cfc2c8}@media(max-width:980px){.main-header{grid-template-columns:auto 1fr auto}.header-center-logo{display:none}.header-logout{grid-column:3}.main-header nav{grid-column:1/-1;justify-content:center;overflow-x:auto}}@media(max-width:650px){.main-header{display:flex;flex-wrap:wrap;gap:10px;padding:10px 15px}.ceylons-logo{margin-right:auto}.logo-c{width:48px;height:48px;font-size:43px}.logo-name{font-size:23px}.logo-tagline{font-size:9px}.main-header nav{order:3;width:100%;justify-content:flex-start;flex-wrap:nowrap!important;overflow-x:auto;padding:5px 0}.main-header nav a{white-space:nowrap}.business-promo{grid-template-columns:1fr;padding:12px 15px;font-size:13px}.app-footer{grid-template-columns:1fr!important;text-align:center}.footer-logo{justify-content:center}.footer-nav{display:grid!important;grid-template-columns:repeat(2,1fr);justify-content:stretch}.app-footer>small{grid-column:1}}