
:root{--bg:#eef3f3;--card:#fff;--ink:#14292b;--mut:#3d5658;--pri:#0f5257;--pri2:#0b3d41;--acc:#e8b04a;--ok:#1f9d55;--line:#cfdcdc;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 'DM Sans',system-ui,sans-serif}
h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;line-height:1.2;margin:.2em 0 .5em}h1{font-size:clamp(2rem,5vw,3.3rem)}h2{font-size:1.9rem}
a{color:var(--pri)}.w{max-width:1120px;margin:auto;padding:0 20px}section{padding:44px 0}
nav{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
nav .w{display:flex;align-items:center;gap:18px;min-height:64px}nav b{font-family:'Source Serif 4',serif;font-size:1.15rem;color:var(--pri)}
.links{display:flex;gap:16px;margin-left:auto;align-items:center}.links a{text-decoration:none;color:var(--ink);font-weight:500}
.burger{display:none;margin-left:auto;font-size:1.5rem;background:none;border:0;color:var(--ink);min-width:44px;min-height:44px}
@media(max-width:860px){.burger{display:block}.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);flex-direction:column;align-items:stretch;padding:16px 20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.links a{padding:8px 0}}
.btn{display:inline-block;background:var(--pri);color:#fff;border:0;border-radius:12px;padding:12px 20px;font:700 1rem 'DM Sans',sans-serif;text-decoration:none;cursor:pointer;min-height:44px;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}.btn.o{background:none;color:var(--pri);border:2px solid var(--pri)}.btn.s{padding:8px 14px;min-height:38px}

.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 14px 34px -18px rgba(15,82,87,.35)}
.hero{display:grid;gap:30px;grid-template-columns:1.2fr 1fr;align-items:center}@media(max-width:860px){.hero{grid-template-columns:1fr}}
.orb{height:340px;perspective:900px;position:relative}.orb i{position:absolute;border-radius:50%;animation:fl 7s ease-in-out infinite}
.o1{width:230px;height:230px;left:20%;top:10%;background:radial-gradient(circle at 30% 25%,#9adfe2,#0f5257 70%);box-shadow:0 30px 50px -20px #0f5257}
.o2{width:110px;height:110px;right:12%;top:50%;background:radial-gradient(circle at 30% 25%,#fbe3b0,#e8b04a 70%);animation-delay:-3s!important}
.o3{width:70px;height:70px;left:10%;bottom:8%;background:radial-gradient(circle at 30% 25%,#fff,#b7d4d5 75%);animation-delay:-5s!important}
@keyframes fl{50%{transform:translateY(-18px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.orb i{animation:none}.btn{transition:none}}
.av{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:700 1.4rem 'Source Serif 4',serif;color:#fff;background:linear-gradient(135deg,var(--pri),#2a8c92)}
.tag{display:inline-block;background:color-mix(in srgb,var(--pri) 14%,transparent);color:var(--pri2);border-radius:99px;padding:2px 11px;margin:2px 3px 2px 0;font-size:.88rem;font-weight:500}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.g{background:var(--ok)}.y{background:var(--acc)}.r{background:#999}
.f{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{font-weight:700;font-size:.95rem;display:block}
input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.slots{display:flex;flex-wrap:wrap;gap:8px}.slot{border:1.5px solid var(--pri);background:none;color:var(--pri);border-radius:10px;padding:8px 13px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.slot.on{background:var(--pri);color:#fff}.slot:disabled{opacity:.4;border-style:dashed;cursor:not-allowed;text-decoration:line-through}
.notice{border-left:5px solid var(--acc);padding:14px 18px;background:var(--card);border-radius:10px}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.sc{overflow-x:auto}
footer{background:var(--pri2);color:#e8f2f2;padding:40px 0;margin-top:30px}footer a{color:#cfe9ea;display:block;text-decoration:none;padding:3px 0}footer h3{font-size:1.05rem}
.p{font-size:1.5rem;font-weight:700;color:var(--pri)}.bd{font-size:.82rem;background:var(--acc);color:#2a1d00;border-radius:6px;padding:1px 8px;font-weight:700}
body{background:radial-gradient(900px 500px at 85% -5%,#cfe9ea 0,transparent 60%),radial-gradient(700px 400px at -5% 25%,#f6e7c6 0,transparent 55%),var(--bg);background-attachment:fixed}
h1{letter-spacing:-.02em}.lead{font-size:1.15rem;color:var(--mut)}.hero h1{background:linear-gradient(120deg,var(--pri2),var(--pri) 55%,#c98a1c);-webkit-background-clip:text;background-clip:text;color:transparent}
.card{border-radius:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -20px rgba(15,82,87,.45)}form.card:hover,table:hover{transform:none}
.pt{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}.pt.big{width:120px;height:120px}
.sc-img{width:100%;height:150px;object-fit:cover;border-radius:16px;margin-bottom:12px;display:block}
.hv{position:relative}.hv .sc-img{height:400px;border-radius:32px;box-shadow:0 30px 60px -25px #0f5257}
.gl{position:absolute;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:18px;padding:10px 14px;color:#14292b;animation:fl 7s ease-in-out infinite}.gl .pt{width:48px;height:48px}.g1{left:-18px;bottom:36px}.g2{right:-10px;top:30px;animation-delay:-3s}
.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#9adfe2,#f2d9a0);font-size:1.4rem;margin-bottom:8px}
.gal{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gal figure{margin:0}.gal .sc-img{height:210px;border-radius:22px}.gal figcaption{font-weight:700}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#soc a{display:inline-block;margin-right:14px}
@media(max-width:860px){.g1{left:8px}.g2{right:8px}.hv .sc-img{height:300px}}

.flash{background:#e6f6ec;border-left:5px solid #1f9d55;padding:12px 16px;border-radius:10px;margin:14px 0;color:#14292b}.err{background:#fdeaea;border-left-color:#c0392b}.hp{position:absolute;left:-9999px}small{color:var(--mut)}
:root{color-scheme:light}.links a.btn:not(.o),.btn:not(.o){color:#fff}.links a.btn.o{color:var(--pri)}
