:root{--ol-navy:#102b5c;--ol-green:#006b3f;--ol-mint:#e8f7ee;--ol-border:#dbe9e2}
body.ol-site{padding-top:0!important;background:#f7faf9;color:#172d27}
.ol-site [hidden]{display:none!important}
#opolink-header{position:sticky;top:0;z-index:10020}
.ol-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--ol-border);box-shadow:0 8px 25px rgba(16,43,92,.05);backdrop-filter:blur(14px)}
.ol-header-inner{width:min(100% - 2rem,1280px);min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.ol-logo{display:block;flex:none;width:205px;height:55px;overflow:hidden;border-radius:4px}
.ol-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ol-nav,.ol-header-actions{display:flex;align-items:center;gap:1.3rem}
.ol-nav a,.ol-header-actions a,.ol-header-actions button{font-size:.88rem;font-weight:800;color:#28413a;white-space:nowrap;transition:color .18s,background .18s}
.ol-nav a:hover,.ol-header-actions a:hover,.ol-header-actions button:hover{color:var(--ol-green)}
.ol-nav a[aria-current="page"]{color:var(--ol-green)}
.ol-header-actions .ol-become{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border:1px solid #98d7b5;border-radius:13px;background:#ecfaf1;color:#076640;font-weight:900;box-shadow:0 5px 16px rgba(0,107,63,.08)}
.ol-header-actions .ol-become:hover{background:#dff7e8;color:#045735;transform:translateY(-1px)}
.ol-header-actions .ol-join{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.68rem 1rem;background:var(--ol-navy);border-radius:13px;color:#fff}
.ol-header-actions .ol-join:hover{background:#173e7e;color:#fff}
@media(max-width:850px){#ol-admin{display:none!important}}
.ol-menu{display:none;position:relative}
.ol-menu summary{list-style:none;display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--ol-border);border-radius:12px;color:var(--ol-navy);cursor:pointer}
.ol-menu summary::-webkit-details-marker{display:none}
.ol-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(290px,calc(100vw - 2rem));padding:.6rem;background:#fff;border:1px solid var(--ol-border);border-radius:18px;box-shadow:0 22px 50px rgba(16,43,92,.14)}
.ol-menu-panel a{display:block;padding:.8rem .9rem;border-radius:11px;color:#223c34;font-weight:800;font-size:.9rem;white-space:normal}
.ol-menu-panel a:hover{background:#edf7f1;color:var(--ol-green)}
.ol-menu-panel .ol-menu-separator{border-top:1px solid var(--ol-border);margin:.45rem .5rem}
.ol-footer{background:#fff;border-top:1px solid var(--ol-border);color:#486157}
.ol-footer-inner{width:min(100% - 2rem,1280px);margin:auto;padding:2.5rem 0 1.5rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:2.5rem}
.ol-footer-logo{display:block;width:205px;height:55px;overflow:hidden}
.ol-footer-logo img{width:100%;height:100%;object-fit:cover;object-position:center}
.ol-footer h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--ol-navy);margin-bottom:.8rem}
.ol-footer p,.ol-footer a{font-size:.84rem;line-height:1.7}
.ol-footer a{display:block;margin:.38rem 0;color:#38564c}
.ol-footer a:hover{color:var(--ol-green);text-decoration:underline}
.ol-footer .ol-footer-bh{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;color:#24483a;font-weight:850;text-decoration:none}.ol-footer-bh:hover{text-decoration:none}.ol-footer-bh>span:first-child{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b8277}.ol-footer-bh-brand{display:inline-flex;align-items:center;gap:.43rem}.ol-footer-bh-brand b{display:inline-grid;place-items:center;width:29px;height:27px;border-radius:7px;background:#006b3f;color:#fff;font-size:.7rem}.ol-footer-bh-brand strong{font-size:1rem;color:#14251e;letter-spacing:-.04em}.ol-footer-bh-brand strong span{color:#08774c}
.ol-footer-bottom{width:min(100% - 2rem,1280px);margin:auto;padding:1rem 0 1.3rem;border-top:1px solid var(--ol-border);font-size:.72rem;color:#71877b}
.op-private-section{background:linear-gradient(135deg,#f0faf5,#f8fbff);border-block:1px solid #dcece4;color:#172d27}
.op-private-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:1.1rem;background:#dcfce7;color:#08744c;font-size:1.35rem}
.op-sub-card{background:#fff;border:1px solid #dceae2;border-radius:1.4rem;padding:1.35rem;box-shadow:0 14px 32px rgba(14,64,42,.06)}
.op-sub-contact{background:#f3faf6;border:1px solid #d8eee0;border-radius:1rem;padding:1rem}
.op-sub-cancel{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;color:#8b4b43;font-size:.75rem;font-weight:800}.op-sub-cancel:hover{text-decoration:underline;color:#6e302b}
.op-contact-section{background:linear-gradient(180deg,#f8fbf9,#eef8f2);border-top:1px solid #dcece4}
.op-contact-card{padding:clamp(1.35rem,4vw,2.5rem);background:#fff;border:1px solid #dce9e1;border-radius:1.8rem;box-shadow:0 20px 52px rgba(10,66,42,.08)}
.op-contact-card label{display:block;margin-bottom:.5rem;color:#254039;font-size:.8rem;font-weight:850}
.op-contact-card input,.op-contact-card textarea{display:block;width:100%;border:1px solid #cfddd5;border-radius:.9rem;background:#f9fcfa;padding:.85rem 1rem;color:#172d27;font-size:.95rem;outline:none}
.op-contact-card input:focus,.op-contact-card textarea:focus{border-color:#0a8053;box-shadow:0 0 0 3px #dff7e8;background:#fff}
.op-contact-card textarea{resize:vertical;min-height:9rem}
.ol-auth-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:1rem;background:rgba(12,35,29,.58);backdrop-filter:blur(5px)}
.ol-auth-panel{position:relative;width:min(100%,460px);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid #d8e9de;border-radius:1.7rem;background:#fff;padding:clamp(1.2rem,3vw,1.65rem);box-shadow:0 30px 80px rgba(5,29,19,.25)}
.ol-auth-close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.7rem;background:#f0f6f2;color:#294638}
.ol-auth-close:hover{background:#e1efe6}
.ol-auth-logo{display:block;width:165px;height:44px;object-fit:cover;object-position:center;margin:auto}
.ol-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;border-radius:.85rem;background:#edf4ef}
.ol-auth-tabs button{border-radius:.65rem;padding:.65rem .4rem;color:#5a6b61;font-size:.82rem;font-weight:850}
.ol-auth-tabs button[aria-selected="true"]{background:#fff;color:#075f3e;box-shadow:0 2px 7px rgba(10,57,34,.09)}
.ol-auth-field{display:block;margin-top:1rem}.ol-auth-field span{display:block;margin-bottom:.4rem;color:#294137;font-size:.78rem;font-weight:850}
.ol-auth-field input{width:100%;border:1px solid #cfddd5;border-radius:.85rem;padding:.8rem .9rem;color:#172d27;background:#f9fcfa;outline:none}
.ol-auth-field input:focus{border-color:#0a8053;box-shadow:0 0 0 3px #dff7e8}
.ol-auth-submit,.ol-auth-google{display:flex;width:100%;align-items:center;justify-content:center;gap:.55rem;border-radius:.85rem;padding:.8rem 1rem;font-size:.9rem;font-weight:850}
.ol-auth-submit{background:#08774c;color:#fff}.ol-auth-submit:hover{background:#06633e}.ol-auth-submit:disabled,.ol-auth-google:disabled{opacity:.6;cursor:wait}
.ol-auth-google{border:1px solid #cfded5;background:#fff;color:#243b30}.ol-auth-google:hover{background:#f5faf7}
.ol-auth-separator{display:flex;align-items:center;gap:.7rem;color:#819187;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ol-auth-separator::before,.ol-auth-separator::after{content:"";flex:1;height:1px;background:#dce8df}
.op-card-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%;background:linear-gradient(135deg,#e1f4e8,#e7efff);border-radius:1.25rem}
.op-card-photo-fallback{display:grid;place-items:center;color:#0a6748;font-size:4rem;font-weight:900}
.ol-account-wrap{width:min(100% - 2rem,1120px);margin-inline:auto}
.ol-account-card{background:#fff;border:1px solid #d9e9df;border-radius:1.5rem;box-shadow:0 16px 46px rgba(11,66,42,.055);padding:clamp(1.25rem,3vw,2rem)}
.ol-account-field{display:block;font-weight:800;color:#244239;font-size:.86rem}.ol-account-field input{display:block;width:100%;margin-top:.5rem;border:1px solid #cfded5;border-radius:.9rem;padding:.9rem 1rem;background:#fbfdfb;color:#172d27;font-size:1rem;outline:none}.ol-account-field input:focus{border-color:#08774c;box-shadow:0 0 0 3px #def5e5}.ol-account-field input:disabled{background:#f2f6f3;color:#61796b}
.ol-account-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.82rem 1.15rem;border-radius:.9rem;background:#08774c;color:#fff;font-weight:850;font-size:.91rem;text-align:center}.ol-account-action:hover{background:#065e3b;color:#fff}.ol-account-action:disabled{opacity:.55;cursor:wait}
.ol-account-action-secondary{background:#edf7f1;color:#075a3b;border:1px solid #cce8d6}.ol-account-action-secondary:hover{background:#dcf1e3;color:#064b32}
.ol-account-notice{border:1px solid #f0d69a;background:#fff9e9;color:#694b0c;border-radius:1.2rem;padding:1.1rem 1.25rem}
.ol-danger-zone{border-color:#f0d4d4}.ol-delete-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid #d47b7b;border-radius:.9rem;background:#fff4f4;color:#a12b2b;padding:.8rem 1.1rem;font-size:.9rem;font-weight:850}.ol-delete-button:hover{background:#ffe8e8}.ol-delete-button:disabled{opacity:.55;cursor:not-allowed}.ol-delete-overlay{position:fixed;inset:0;z-index:12050;display:grid;place-items:center;padding:1rem;background:rgba(26,34,31,.68);backdrop-filter:blur(5px)}.ol-delete-dialog{position:relative;width:min(100%,580px);max-height:calc(100dvh - 2rem);overflow:auto;background:#fff;border-radius:1.5rem;padding:clamp(1.5rem,4vw,2.2rem);box-shadow:0 30px 85px rgba(0,20,10,.28)}.ol-delete-dialog #ol-delete-state.is-blocked{background:#fff1f1;border-color:#efbcbc;color:#8b2929}body.ol-delete-open{overflow:hidden}
.ol-connect-guide{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:1rem;background:rgba(11,35,29,.66);backdrop-filter:blur(5px)}
.ol-connect-guide-panel{width:min(100%,1050px);max-height:calc(100dvh - 2rem);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:auto;background:#fff;border-radius:1.65rem;box-shadow:0 30px 90px rgba(0,25,16,.3)}
.ol-connect-guide-copy{position:relative;padding:clamp(1.5rem,4vw,3rem);align-self:center}.ol-connect-guide-close{position:absolute;top:1rem;right:1rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.7rem;background:#eef6f0;color:#244b36}.ol-connect-guide-close:hover{background:#dcefe3}
.ol-connect-guide-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:999px;background:#fff1d6;color:#8b4d00;font-size:.75rem;font-weight:950;letter-spacing:.08em}.ol-connect-guide-copy h2{margin-top:1.15rem;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;line-height:1.15;color:#102b5c}.ol-connect-guide-copy>p:not(.ol-connect-guide-choice){margin-top:1rem;color:#3c5549;line-height:1.65;font-size:.96rem}
.ol-connect-guide-choice{display:flex;align-items:center;gap:.9rem;margin-top:1.25rem;padding:1rem 1.15rem;border:1px solid #a7dec1;border-radius:1rem;background:#eaf8ee;color:#0c6944}.ol-connect-guide-choice>i{font-size:1.4rem}.ol-connect-guide-choice strong,.ol-connect-guide-choice small{display:block}.ol-connect-guide-choice strong{font-size:1.15rem}.ol-connect-guide-choice small{font-size:.92rem;font-weight:800;margin-top:.2rem}
.ol-connect-guide-copy .ol-connect-guide-help{font-size:.82rem!important;color:#61746a!important}.ol-connect-guide-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.ol-connect-guide-actions .ol-account-action{min-width:8.5rem}
.ol-connect-guide-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.3rem;background:#f0f5f7}.ol-connect-guide-visual img{display:block;width:100%;max-height:min(75dvh,680px);object-fit:contain;border:1px solid #d9e4e4;border-radius:.85rem;background:#fff}.ol-connect-guide-visual a{display:inline-flex;gap:.4rem;margin-top:.7rem;font-size:.78rem;font-weight:850;color:#075d43}.ol-connect-guide-visual a:hover{text-decoration:underline}
body.ol-guide-open{overflow:hidden}
body.ol-auth-open{overflow:hidden}
@media(max-width:740px){.ol-connect-guide-panel{grid-template-columns:1fr}.ol-connect-guide-copy{padding:1.5rem}.ol-connect-guide-visual{padding:1rem}.ol-connect-guide-visual img{max-height:40dvh}}
@media(max-width:1100px){.ol-nav{gap:.8rem}}
@media(max-width:850px){.ol-header-inner{min-height:70px}.ol-logo{width:175px;height:47px}.ol-nav,.ol-header-actions .ol-become{display:none}.ol-menu{display:block}.ol-header-actions{gap:.65rem}.ol-header-actions .ol-join{padding:.55rem .7rem}.ol-menu-panel .ol-menu-become{margin:.35rem;background:#e8f8ee;color:#076640}.ol-footer-inner{grid-template-columns:1fr 1fr;gap:1.7rem}}
@media(max-width:600px){.ol-header-inner{width:min(100% - 1.4rem,1280px)}.ol-logo{width:130px;height:38px}.ol-header-actions{gap:.4rem}.ol-header-actions .ol-join{font-size:.78rem;padding:.5rem .6rem}.ol-menu summary{width:38px;height:38px}.ol-footer-inner{grid-template-columns:1fr}.ol-footer-bottom{line-height:1.5}}