/* Ocean Savanna portal — "Frost savanna glass" */
:root{--osp-ink:#06141e;--osp-deep:#0b2433;--osp-frost:#dff3f6;--osp-ice:#8fd3de;--osp-savanna:#e7b766;--osp-ember:#e0794a;--osp-mist:rgba(223,243,246,.68);--osp-line:rgba(223,243,246,.14);--osp-glass:rgba(16,44,60,.55)}
body.osp-body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#12394d 0,transparent 60%),radial-gradient(900px 500px at 110% 10%,#3a2c16 0,transparent 55%),var(--osp-ink);color:var(--osp-frost);font-family:Inter,system-ui,sans-serif;line-height:1.55}
.osp-body a{color:var(--osp-ice)}
.osp-body h1,.osp-body h2,.osp-body h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.01em;color:var(--osp-frost)}
.osp-glass{background:var(--osp-glass);border:1px solid var(--osp-line);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.osp-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.osp-section{padding:56px 20px}
.osp-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--osp-savanna);margin:0 0 8px}
.osp-h2{font-size:clamp(26px,4vw,40px);margin:0 0 24px}
.osp-muted{color:var(--osp-mist);font-size:14px}
.osp-header{position:sticky;top:10px;z-index:50;margin:10px auto;max-width:1160px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}
.osp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--osp-frost)!important}
.osp-logo-chip{display:inline-flex;background:#fff;border-radius:12px;padding:4px 8px}
.osp-logo-chip img{height:38px;width:auto;display:block}
.osp-logo-sm img{height:48px}
.osp-brand-text{font-family:"Space Grotesk";font-weight:700;line-height:1.1}
.osp-brand-text small{display:block;font-weight:400;font-size:11px;color:var(--osp-mist)}
.osp-nav{display:flex;align-items:center;gap:18px}
.osp-nav a{text-decoration:none;color:var(--osp-frost);font-size:14px}
.osp-burger{display:none;background:none;border:0;color:var(--osp-frost);font-size:24px}
.osp-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--osp-savanna),var(--osp-ember));color:var(--osp-ink)!important;border:0;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;cursor:pointer;font-size:14px}
.osp-btn-ghost{background:transparent;color:var(--osp-frost)!important;border:1px solid var(--osp-line)}
.osp-btn-lg{padding:14px 26px;font-size:16px;margin-top:10px}
.osp-hero{background-size:cover;background-position:center;padding:120px 0 70px;margin-top:-80px}
.osp-hero h1{font-size:clamp(36px,7vw,76px);line-height:1;margin:0 0 14px}
.osp-lead{font-size:clamp(16px,2vw,20px);color:var(--osp-mist);max-width:620px}
.osp-planner-card{padding:24px;margin-top:32px;max-width:900px}
.osp-planner-card h2{font-size:18px;margin:0 0 14px;letter-spacing:.08em}
.osp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.osp-chip input{position:absolute;opacity:0}
.osp-chip span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--osp-line);cursor:pointer;font-size:14px}
.osp-chip input:checked+span{background:var(--osp-frost);color:var(--osp-ink);border-color:var(--osp-frost)}
.osp-chip input:focus-visible+span{outline:2px solid var(--osp-savanna)}
.osp-body label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--osp-mist)}
.osp-body input:not([type=radio]):not([type=checkbox]),.osp-body textarea,.osp-body select{background:rgba(6,20,30,.6);border:1px solid var(--osp-line);color:var(--osp-frost);border-radius:12px;padding:11px 12px;font:inherit;font-size:15px;width:100%;box-sizing:border-box}
.osp-grid-2,.osp-grid-3{display:grid;gap:14px;margin-bottom:14px}
.osp-grid-2{grid-template-columns:repeat(2,1fr)}.osp-grid-3{grid-template-columns:repeat(3,1fr)}
.osp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.osp-card{padding:22px;text-decoration:none;color:var(--osp-frost)!important;transition:transform .25s,border-color .25s}
.osp-card:hover{transform:translateY(-3px);border-color:var(--osp-savanna)}
.osp-card h3{margin:0 0 6px;font-size:22px}.osp-card p{margin:0 0 6px}.osp-card small{color:var(--osp-mist)}
.osp-arrow{display:block;margin-top:14px;color:var(--osp-savanna);font-weight:600}
.osp-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.osp-steps li{padding:20px;display:flex;flex-direction:column;gap:6px}.osp-steps span{color:var(--osp-mist);font-size:14px}
.osp-form{padding:24px;display:flex;flex-direction:column;gap:12px}
.osp-form h3{margin:10px 0 0}
.osp-hp{position:absolute!important;left:-9999px}
.osp-alert{background:rgba(224,121,74,.18);border:1px solid var(--osp-ember);padding:12px 16px;border-radius:12px;margin-bottom:16px}
.osp-alert.osp-ok{background:rgba(143,211,222,.15);border-color:var(--osp-ice)}
.osp-success{padding:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.osp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.osp-tabs a{padding:8px 14px;border-radius:999px;border:1px solid var(--osp-line);text-decoration:none;color:var(--osp-frost)}
.osp-tabs a.is-active{background:var(--osp-frost);color:var(--osp-ink)}
.osp-row{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:10px;align-items:center}
.osp-trip{padding:20px;margin-bottom:16px}
.osp-timeline{list-style:none;padding:0 0 0 16px;border-left:2px solid var(--osp-savanna)}.osp-timeline li{margin:0 0 12px}
.osp-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:rgba(223,243,246,.12);margin:2px}
.osp-pill-confirmed,.osp-pill-paid,.osp-pill-completed,.osp-pill-converted{background:rgba(120,210,160,.22)}
.osp-pill-cancelled,.osp-pill-refunded,.osp-pill-closed{background:rgba(224,121,74,.25)}
.osp-pill-quote_sent,.osp-pill-awaiting_payment,.osp-pill-deposit_paid,.osp-pill-quoted{background:rgba(231,183,102,.25)}
.osp-invoice{padding:18px;margin-bottom:14px}.osp-invoice dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px}.osp-invoice dd{margin:0;text-align:right}
.osp-chat{padding:18px;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.osp-bubble{max-width:75%;padding:10px 14px;border-radius:16px}.osp-bubble p{margin:0}.osp-bubble small{color:var(--osp-mist);font-size:11px}
.osp-bubble.is-me{align-self:flex-end;background:rgba(231,183,102,.2)}.osp-bubble.is-staff{align-self:flex-start;background:rgba(143,211,222,.15)}
.osp-auth{max-width:520px}.osp-auth #loginform p{margin:0 0 12px}.osp-auth .button{background:linear-gradient(135deg,var(--osp-savanna),var(--osp-ember));border:0;border-radius:999px;padding:10px 20px;font-weight:600;color:var(--osp-ink)}
.osp-footer{border-top:1px solid var(--osp-line);margin-top:40px;padding:36px 20px 90px}
.osp-footer-inner{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.osp-footer-inner p{color:var(--osp-mist);max-width:420px;font-size:14px}
.osp-footer-links{display:flex;flex-direction:column;gap:8px}
.osp-credit{max-width:1160px;margin:24px auto 0;font-size:13px;color:var(--osp-mist)}
.osp-wa{position:fixed;right:16px;bottom:16px;z-index:60;background:#25d366;color:#06141e!important;font-weight:700;padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:14px}
@media(max-width:900px){.osp-cards{grid-template-columns:repeat(2,1fr)}.osp-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.osp-burger{display:block}.osp-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:16px;background:var(--osp-deep);border-radius:0 0 20px 20px}.osp-nav.is-open{display:flex}.osp-cards,.osp-steps,.osp-grid-2,.osp-grid-3{grid-template-columns:1fr}.osp-row{flex-direction:column;align-items:flex-start}.osp-wa{left:16px;right:16px;text-align:center}.osp-bubble{max-width:90%}}