:root{--ok-shell:min(1380px,calc(100% - 40px))}
.ok-page{background:linear-gradient(180deg,#dff4f4 0%,#fff5e3 46%,#e8f6ee 100%);color:#173f4f}
.ok-hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;background:#063f52}.ok-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.ok-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,40,55,.95),rgba(2,40,55,.78) 43%,rgba(2,40,55,.15) 76%),linear-gradient(0deg,rgba(2,40,55,.7),transparent 58%)}.ok-hero__copy{position:relative;z-index:2;width:var(--ok-shell);margin:auto;color:#fff;padding:70px 0 100px}.ok-hero__copy .eyebrow{color:#ffc1c7}.ok-hero h1{font:700 clamp(60px,7.2vw,104px)/.84 Georgia,serif;text-transform:uppercase;margin:12px 0 24px;max-width:950px}.ok-hero h1 span{display:block;font-size:.42em;color:#ffd7bf;text-transform:none;font-style:italic;margin-top:18px}.ok-hero__copy>p{max-width:710px;font-size:19px;line-height:1.6;color:#e1f1f3}.ok-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.ok-summary{width:var(--ok-shell);margin:-48px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);background:#fffaf0;border:1px solid #dfcfba;border-radius:20px;box-shadow:0 18px 42px rgba(9,61,75,.17);overflow:hidden}.ok-summary article{padding:20px;border-right:1px solid #e4d8c7}.ok-summary article:last-child{border-right:0}.ok-summary span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:950;color:#c54d62}.ok-summary strong{display:block;font:700 21px/1.15 Georgia,serif;margin-top:5px}.ok-summary p{margin:7px 0 0;color:#64767d;font-size:13px;line-height:1.45}
.ok-grid{width:var(--ok-shell);margin:55px auto;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.ok-feature,.ok-checklist{background:#fffdf6;border:1px solid #dacbb6;border-radius:22px;box-shadow:0 14px 35px rgba(73,60,36,.11)}.ok-feature{overflow:hidden}.ok-feature>img{width:100%;height:310px;object-fit:cover}.ok-feature__copy{padding:28px}.ok-feature__copy h2,.ok-checklist h2,.ok-section h2{font:700 42px/1 Georgia,serif;margin:7px 0 14px}.ok-feature__copy>p{font-size:16px;line-height:1.65;color:#5d737a}.ok-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ok-feature-list article{background:#e9f6f2;border-radius:13px;padding:14px}.ok-feature-list strong{display:block;font-size:18px}.ok-feature-list span{display:block;font-size:13px;line-height:1.45;color:#5d7479;margin-top:4px}
.ok-checklist{padding:26px;align-self:start;position:sticky;top:94px}.ok-checklist>p{color:#60747b;line-height:1.55}.ok-progress{display:flex;align-items:end;gap:12px;margin:18px 0}.ok-progress strong{font-size:42px;color:#df5b70}.ok-progress span{font-size:13px;color:#64777e;padding-bottom:8px}.ok-progress div{flex:1;height:11px;background:#eadfce;border-radius:99px;overflow:hidden;margin-bottom:10px}.ok-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#27a2ba,#ef6f72);transition:.2s}.ok-tasks{display:grid;gap:9px}.ok-task{display:flex;gap:10px;align-items:flex-start;background:#f3efe4;border-radius:12px;padding:11px}.ok-task input{width:20px;height:20px;accent-color:#158ca7;margin-top:2px}.ok-task span{line-height:1.45}.ok-task small{display:block;color:#6c7d81;margin-top:3px}.ok-reset{width:100%;border:0;border-radius:10px;background:#f3dbe0;color:#923c53;padding:11px;font-weight:900;margin-top:14px;cursor:pointer}
.ok-section{width:var(--ok-shell);margin:0 auto 60px}.ok-section>header{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:20px}.ok-section>header p{color:#60747c;line-height:1.65}.update-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.update-card{background:#fffaf0;border:1px solid #ddcfba;border-radius:18px;padding:20px;position:relative;overflow:hidden}.update-card:nth-child(2n){background:#e7f5f2}.update-card:nth-child(3n){background:#fff0e5}.update-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#073f51;color:#fff;font-size:20px}.update-card h3{font:700 24px/1.1 Georgia,serif;margin:13px 0 7px}.update-card p{color:#61757b;line-height:1.55;font-size:14px;margin:0}.update-card a{display:inline-block;margin-top:12px;font-weight:900;color:#b7465c}
.merfolk-festival{width:var(--ok-shell);margin:0 auto 60px;display:grid;grid-template-columns:.9fr 1.1fr;background:#073f51;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(9,61,75,.18)}.merfolk-festival img{width:100%;height:100%;min-height:420px;object-fit:cover}.merfolk-festival__copy{padding:42px}.merfolk-festival .eyebrow{color:#ffbdc2}.merfolk-festival h2{font:700 48px/1 Georgia,serif;margin:8px 0 15px}.merfolk-festival p{color:#d9edf0;line-height:1.65}.festival-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.festival-facts div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px}.festival-facts strong{display:block;color:#ffd4c4}.festival-facts span{font-size:13px;line-height:1.45;color:#dcecef}
.save-system{width:var(--ok-shell);margin:0 auto 70px;background:#fffdf6;border:1px solid #dacbb6;border-radius:22px;padding:30px;box-shadow:0 14px 35px rgba(73,60,36,.1)}.save-system>header{display:flex;justify-content:space-between;gap:25px;align-items:end}.save-system h2{font:700 42px/1 Georgia,serif;margin:7px 0}.save-system>header p{max-width:580px;color:#60747b;line-height:1.6}.save-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.save-grid article{background:#edf5ec;border-radius:14px;padding:16px}.save-grid strong{display:block;font-size:19px}.save-grid span{display:block;color:#60747b;font-size:13px;line-height:1.45;margin-top:5px}.official-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.official-links a{background:#073f51;color:#fff;border-radius:9px;padding:11px 14px;font-weight:900}
.ok-toast{position:fixed;right:18px;bottom:18px;background:#073f51;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:90}.ok-toast.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.ok-summary{grid-template-columns:repeat(2,1fr)}.ok-summary article{border-bottom:1px solid #e4d8c7}.ok-grid{grid-template-columns:1fr}.ok-checklist{position:static}.update-cards{grid-template-columns:1fr 1fr}.merfolk-festival{grid-template-columns:1fr}.merfolk-festival img{height:350px;min-height:0}.save-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.ok-hero{min-height:720px}.ok-hero h1{font-size:54px}.ok-summary{grid-template-columns:1fr}.ok-summary article{border-right:0}.ok-section>header{grid-template-columns:1fr}.update-cards{grid-template-columns:1fr}.ok-feature-list{grid-template-columns:1fr}.festival-facts{grid-template-columns:1fr}.save-system>header{display:block}.save-grid{grid-template-columns:1fr 1fr}.ok-hero__actions{display:grid}.ok-hero__actions .btn{width:100%}}
@media(max-width:480px){:root{--ok-shell:calc(100% - 24px)}.save-grid{grid-template-columns:1fr}.ok-feature__copy,.ok-checklist,.save-system{padding:22px}.merfolk-festival__copy{padding:28px}.merfolk-festival h2,.ok-feature__copy h2,.ok-checklist h2,.ok-section h2,.save-system h2{font-size:36px}}