.obss,.obss-form{--ob-blue:#2563eb;--ob-ink:#172b4d;--ob-muted:#64748b;color:var(--ob-ink);font-family:Inter,"Be Vietnam Pro",system-ui,sans-serif;line-height:1.6}.obss *,.obss-form *{box-sizing:border-box}.obss h1,.obss h2,.obss-form h3{color:var(--ob-ink);line-height:1.2;margin:0 0 16px}.obss h1{font-size:clamp(32px,5vw,56px);max-width:760px;letter-spacing:-.035em}.obss h2{font-size:25px;margin-top:28px}.obss p,.obss-muted{color:var(--ob-muted)}.obss small{color:var(--ob-blue);font-weight:700;letter-spacing:.06em}.obss-hero{padding:clamp(24px,6vw,70px);border-radius:28px;background:linear-gradient(125deg,#eff6ff,#f0fdfa);margin-bottom:30px}.obss-home{max-width:1200px;margin:auto;padding:20px}.obss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.obss .obss-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;background:white;color:var(--ob-ink);border:1px solid #e2e8f0;border-radius:18px;text-decoration:none;box-shadow:0 5px 20px #172b4d08;transition:transform .18s,box-shadow .18s}.obss-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #172b4d15}.obss-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}.obss-card span{font-size:13px;color:var(--ob-blue)}.obss button,.obss-btn,.obss-form button{background:var(--ob-blue);color:white;border:0;border-radius:12px;padding:12px 20px;font-weight:650;cursor:pointer;text-decoration:none;min-height:44px}.obss button:focus-visible,.obss-form button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.obss-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;padding:24px;margin:28px 0}.obss-cta h2{margin:8px 0}.obss-dialog{border:0;border-radius:24px;padding:28px;width:min(520px,94vw);max-height:90vh;overflow:auto;background:white;box-shadow:0 20px 80px #172b4d30}.obss-dialog::backdrop{background:#172b4d66}.obss .obss-close{float:right;background:#f1f5f9;color:#172b4d;padding:4px 12px}.obss-form{padding:16px 0}.obss-form label{display:block;margin:12px 0;font-size:14px;font-weight:600}.obss-form input:not([type=checkbox]),.obss-form select{display:block;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#172b4d;font:inherit}.obss-form .obss-check{display:flex;gap:8px;align-items:flex-start;font-weight:400}.obss-form input[type=checkbox]{margin-top:5px}.obss-actions{display:flex;gap:10px;flex-wrap:wrap}.obss-step[hidden]{display:none!important}.obss-mobile{display:none}.obss-skin{background:#f8fafc}.obss-message{color:#172b4d;font-weight:600}@media(max-width:700px){.obss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.obss .obss-card{padding:14px}.obss-cta{flex-direction:column;align-items:stretch}.obss-mobile{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:999;align-items:center;justify-content:space-around;gap:8px;background:white;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #172b4d15}.obss-mobile a{color:#2563eb}body:has(.obss-mobile){padding-bottom:80px}}@media(prefers-reduced-motion:reduce){.obss-card{transition:none!important}}
