:root{
  --mare-deep:#0d5f69;
  --mare-sea:#0f8f91;
  --mare-cyan:#5cc7cd;
  --mare-blue:#155d8f;
  --mare-green:#5ea93b;
  --mare-lime:#86bf41;
  --mare-sand:#fff8ef;
  --mare-gold:#f3a321;
  --mare-ink:#15304a;
  --mare-soft:#eef8f7;
  --mare-line:#d8ece9;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  color:var(--mare-ink);
  background:#f5f8f9;
}
img{max-width:100%;display:block}
a{text-decoration:none}
.hidden{display:none!important}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.demo-banner{display:none;padding:10px 16px;background:#fff7d8;border-bottom:1px solid #ecd992;color:#6e550b;font-size:.92rem}
.demo-banner.show{display:block}

.topbar{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(14,95,105,.09)
}
.nav{display:flex;align-items:center;gap:18px;min-height:86px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#0b2e50}
.brand-badge{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--mare-deep),var(--mare-green));color:#fff;font-weight:800
}
.brand strong{display:block;font-size:1.05rem}
.brand small{display:block;color:#718090;font-size:.8rem;margin-top:2px}
.menu-button{display:none;margin-left:auto;border:1px solid #d8e4ea;background:#fff;color:#15304a;border-radius:14px;padding:11px 16px;font-weight:800}
.menu{margin-left:auto;display:flex;align-items:center;gap:18px}
.menu a{color:#123150;font-weight:700;font-size:.95rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 18px;border-radius:999px;font-weight:800;
  border:1px solid transparent;cursor:pointer;transition:.2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.green{background:linear-gradient(135deg,var(--mare-green),var(--mare-deep));color:#fff}
.btn.light{background:#fff;color:#14375a;border-color:#d7e6ea}
.btn.big{min-height:54px;padding:0 22px}
.btn.full{width:100%}
.desktop-cta{margin-left:4px}
.small{font-size:.86rem}.muted{color:#667789}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.message{display:none;margin-top:14px;padding:14px 16px;border-radius:18px;font-weight:600;font-size:.95rem}
.message.show{display:block}
.message.success{background:#e9f8ec;color:#176b3a;border:1px solid #bfe1c6}
.message.error{background:#fff0ef;color:#a2392a;border:1px solid #edc1bc}
.message.info{background:#eef7fd;color:#17456b;border:1px solid #c7ddf1}

.mare-hero{
  background:
    radial-gradient(circle at 10% 20%,rgba(134,191,65,.18),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(92,199,205,.18),transparent 24%),
    linear-gradient(180deg,#fff, #f4faf8 72%, #edf7f5 100%);
  padding:52px 0 34px;
}
.mare-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:30px;align-items:center}
.mare-kicker{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:rgba(15,143,145,.1);color:var(--mare-deep);font-weight:800;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase
}
.mare-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:18px 0 14px;color:#133c55}
.mare-lead{font-size:1.12rem;line-height:1.75;color:#35536a;max-width:760px}
.mare-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 26px}
.mare-meta-card{
  padding:18px 18px;border-radius:24px;background:#fff;border:1px solid rgba(13,95,105,.12);
  box-shadow:0 14px 36px rgba(13,95,105,.06)
}
.mare-meta-card strong{display:block;color:#0f6f6e;font-size:.88rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:7px}
.mare-meta-card span{font-size:1rem;font-weight:700;color:#123150}
.mare-brand-card{
  background:#fff;border:1px solid rgba(13,95,105,.12);border-radius:34px;padding:26px;
  box-shadow:0 18px 48px rgba(15,95,105,.08)
}
.mare-brand-card img{width:min(100%,360px);margin:0 auto 20px;object-fit:contain}
.mare-brand-note{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f4fbf9,#f1f9fc);border:1px solid var(--mare-line)}
.mare-brand-note strong{display:block;font-size:1.1rem;color:#123150;margin-bottom:8px}
.mare-brand-note p{margin:0;color:#496175;line-height:1.7}

.mare-section{padding:68px 0}
.mare-surface-white{background:#fff}
.mare-surface-soft{background:linear-gradient(180deg,#eef8f7 0,#f8fcfc 100%)}
.mare-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:32px;align-items:start}
.mare-two-col h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12;margin:16px 0 14px;color:#123a57}
.mare-two-col p{font-size:1.04rem;line-height:1.85;color:#39566c}
.mare-highlight-box,.mare-program-card,.mare-registration-card{
  background:#fff;border:1px solid var(--mare-line);border-radius:30px;padding:26px;
  box-shadow:0 16px 36px rgba(7,58,78,.06)
}
.mare-mini-info{display:grid;gap:10px;margin-top:18px;color:#20455c;font-weight:700}
.mare-list{display:grid;gap:14px;padding-left:20px;color:#1f4762;font-size:1rem;line-height:1.8}
.mare-list li::marker{color:var(--mare-green)}
.mare-program-card h3{margin:15px 0 16px;font-size:1.4rem;color:#123150}
.mare-timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.mare-timeline li{padding:16px 18px;border-radius:22px;background:linear-gradient(180deg,#f8fdfc,#f3faf9);border:1px solid var(--mare-line)}
.mare-timeline strong{display:block;margin-bottom:4px;color:#10415b}
.mare-timeline span{display:block;color:#4b6579;line-height:1.6}

.mare-registration-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:34px;align-items:start}
.mare-registration-copy h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:16px 0 12px;color:#123a57}
.mare-registration-copy p{font-size:1.04rem;line-height:1.8;color:#3b566b}
.mare-steps{display:grid;gap:12px;margin:24px 0}
.mare-steps div{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border-radius:18px;background:#f7fcfb;border:1px solid var(--mare-line);color:#234a64}
.mare-steps strong{min-width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mare-sea),var(--mare-green));color:#fff}
.mare-note{padding:16px 18px;border-radius:18px;background:#fff8e7;border:1px solid #f0dc9d;color:#6f5718;line-height:1.7}
.mare-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.mare-status-head h3{margin:0;font-size:1.35rem;color:#123150}
.mare-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;background:#eef4f8;color:#34546c;font-size:.85rem;font-weight:800}
.mare-pill.ok{background:#e7f7ec;color:#176b3a}
.mare-pill.wait{background:#eef7fd;color:#1e5e89}
.mare-pill.warn{background:#fff4e5;color:#9a6414}
.mare-user-summary{display:grid;gap:10px;margin-bottom:16px;padding:16px 18px;border-radius:20px;background:#f7fbfc;border:1px solid var(--mare-line)}
.mare-user-summary strong{display:block;color:#103b56;font-size:1rem}
.mare-user-summary span{display:block;color:#4a6478;font-size:.95rem}
.mare-count-box{margin-bottom:16px;padding:14px 16px;border-radius:18px;background:#f2fbf9;border:1px solid var(--mare-line);color:#214863}
.mare-login-box p{margin:0 0 14px;color:#486072;line-height:1.7}
.mare-confirmed-box{text-align:center;padding:8px 2px 0}
.mare-confirmed-check{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mare-sea),var(--mare-green));color:#fff;font-size:2rem;font-weight:900}
.mare-confirmed-box h4{margin:0 0 10px;color:#133c55;font-size:1.25rem}
.mare-confirmed-box p{margin:0 0 18px;color:#4b6579;line-height:1.7}
.footer{background:#fff;border-top:1px solid rgba(13,95,105,.09);padding:28px 0}
.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.footer strong{color:#123150}
.footer p,.footer small{color:#61758a}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 18px}
.footer-links a{color:#14385a;font-weight:700}

@media (max-width:980px){
  .mare-hero-grid,.mare-two-col,.mare-registration-shell{grid-template-columns:1fr}
  .menu-button{display:inline-flex}
  .menu{
    display:none;position:absolute;left:16px;right:16px;top:74px;background:#fff;border:1px solid #dce9ef;
    border-radius:22px;padding:14px;box-shadow:0 18px 36px rgba(7,34,57,.12)
  }
  .menu.open{display:grid;gap:10px}
  .desktop-cta{display:none}
}

@media (max-width:720px){
  .wrap{width:min(100% - 22px,1180px)}
  .nav{min-height:76px}
  .mare-hero{padding-top:32px}
  .mare-meta-grid{grid-template-columns:1fr}
  .mare-section{padding:48px 0}
  .mare-highlight-box,.mare-program-card,.mare-registration-card,.mare-brand-card{padding:20px}
  .stack-on-mobile{flex-direction:column}
  .stack-on-mobile .btn,.mare-actions .btn{width:100%}
}