*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,'Trebuchet MS',system-ui,sans-serif;font-size:16.5px;line-height:1.6;color:#16324a;background:#fdf6ea}
a{color:#08708f;font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:#c2410c}
:focus-visible{outline:3px solid #ff8a5b;outline-offset:2px;border-radius:6px}
h1,h2,h3{color:#073b52;line-height:1.2;font-weight:900}h1{font-size:clamp(30px,5vw,50px);margin:.2em 0 .35em;letter-spacing:-.5px}
h2{font-size:26px;margin:.2em 0 .6em}h3{font-size:20px;margin:.2em 0 .7em}
.card h2,.card h3{padding-bottom:12px;background:repeating-linear-gradient(90deg,#ff7a59 0 14px,#fff 14px 18px,#16b6c8 18px 32px,#fff 32px 36px) left bottom/100% 4px no-repeat}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:9;border-radius:999px}
/* header */
.site-header{background:#fff;position:relative;box-shadow:0 2px 14px rgba(7,59,82,.08)}
.site-header::after{content:"";display:block;height:8px;background:repeating-linear-gradient(90deg,#0a86a8 0 16px,#5fe0ec 16px 18px,#e6fbfd 18px 34px,#5fe0ec 34px 36px)}
.hwrap{max-width:1120px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#073b52;margin-right:auto}
.brand .wm{display:flex;flex-direction:column;line-height:1.02}.brand .wm b{font-size:21px;font-weight:900;color:#073b52}.brand .wm span{font-size:15px;font-weight:800;color:#0a7ea4;letter-spacing:.5px}
nav.pills{display:flex;gap:6px;flex-wrap:wrap}
nav.pills a{display:inline-block;padding:7px 14px;border-radius:999px;background:#e6f7f9;color:#0b4f66;text-decoration:none;font-size:14.5px;font-weight:800;white-space:nowrap;transition:transform .15s,background .15s}
nav.pills a:hover{background:#c9f0f4;transform:translateY(-1px);color:#073b52}nav.pills a.on{background:#08708f;color:#fff}
nav.pills a.cta,.btn{background:#ffd23f;color:#3d2c00;box-shadow:0 3px 0 #e0a800}nav.pills a.cta:hover,.btn:hover{background:#ffdf6b;color:#3d2c00}
/* hero */
.hero{position:relative;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='120' viewBox='0 0 160 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M-5 20c15-12 30 8 45-2s25-14 40 0 30 6 40-4 25 2 45 6'/%3E%3Cpath d='M-5 62c18 10 28-12 46-4s22 16 38 4 28-10 42 0 24 6 44-2'/%3E%3Cpath d='M-5 102c14-8 26 10 42 2s30-14 44-2 26 8 40-2 22-4 44 4'/%3E%3Cpath d='M30 0c-6 14 10 22 4 36s-12 22-2 34 4 30 0 50' opacity='.6'/%3E%3Cpath d='M110 0c8 12-8 24 0 38s14 22 2 34-6 28 0 48' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0/220px 165px,radial-gradient(circle at 15% 20%,rgba(255,255,255,.55),transparent 40%),linear-gradient(170deg,#c6f4f7 0%,#8ee3ec 55%,#5fd3e2 100%);animation:ripple 30s linear infinite}
@keyframes ripple{to{background-position:220px 165px,0 0,0 0}}@media (prefers-reduced-motion:reduce){.hero{animation:none}}
.hero .in{position:relative;z-index:2;max-width:1120px;margin:auto;padding:46px 18px 70px}.hero.small .in{padding:30px 18px 58px}.hero.small h1{font-size:clamp(28px,4.2vw,40px);max-width:820px}
.hero h1{max-width:760px;color:#06324a}.hero p.lead{max-width:640px;font-size:19px;color:#0f3d52;font-weight:600;margin:0 0 22px}
.hero .wave{position:absolute;left:0;right:0;bottom:-1px;height:60px;z-index:1}.hero .wave svg{width:100%;height:100%;display:block}
.deco-sun{position:absolute;right:6%;top:22px;width:110px;z-index:1;opacity:.95}.deco-palm{position:absolute;right:calc(6% + 70px);bottom:24px;width:120px;z-index:1;opacity:.9}.hero.small .deco-sun{width:80px;top:16px}.hero.small .deco-palm{display:none}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn,.btn2{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:900;text-decoration:none;font-size:16.5px}
.btn2{background:#fff;color:#08708f;box-shadow:0 3px 0 #9fdde6}.btn2:hover{color:#073b52;background:#f2fdff}
main{max-width:1120px;margin:auto;padding:8px 18px 30px}
/* cards */
.card{position:relative;background:#fff;border-radius:24px;padding:24px 24px 22px;margin:22px 0;box-shadow:0 10px 30px rgba(7,59,82,.09),0 2px 6px rgba(7,59,82,.05);overflow:hidden}
.card::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:repeating-linear-gradient(90deg,#16b6c8 0 18px,#e6fbfd 18px 20px,#7fe1ea 20px 38px,#e6fbfd 38px 40px)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}.grid>.card{margin:0}
.stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:transform .15s}.stat:hover{transform:translateY(-3px)}
.stat .ico{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:#e6f7f9}
.stat:nth-child(6n+2) .ico{background:#fff4cc}.stat:nth-child(6n+3) .ico{background:#ffe6dc}.stat:nth-child(6n+4) .ico{background:#e4f7ec}.stat:nth-child(6n+5) .ico{background:#efe6fb}
.stat:nth-child(6n+2)::before{background:repeating-linear-gradient(90deg,#ffc83d 0 18px,#fff8e1 18px 20px)}.stat:nth-child(6n+3)::before{background:repeating-linear-gradient(90deg,#ff8a5b 0 18px,#fff1ea 18px 20px)}
.stat .muted{font-weight:700;color:#3f5a6c}
.big{font-size:34px;font-weight:900;color:#08708f;line-height:1.1;letter-spacing:-.5px}
.stat-row{margin:6px 0 4px}.stat-row .card{padding-top:22px}
.muted{color:#4b6475;font-size:14px}
.tag{display:inline-block;font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;vertical-align:middle;border:1.5px solid transparent;line-height:1.4}
.official{background:#ddf6e7;color:#14532d;border-color:#9fdcb8}.third{background:#fff1c2;color:#5c4300;border-color:#f2d36b}.est{background:#e3eef7;color:#27425a;border-color:#b6cde1}
.pending{background:#ffe3d6;color:#8a2c0d;border-color:#ffb899}.builder{background:#efe4fb;color:#4c1d95;border-color:#cdb4f0}
.disc{background:#fff6ec;border:2px dashed #ffc9a3;box-shadow:none}.disc::before{display:none}
/* tables */
.tw{overflow-x:auto;border-radius:18px;border:2px solid #cdeff3;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px}
th{background:#0a7ea4;color:#fff;font-weight:800;font-size:14px;padding:11px 12px;text-align:left}th .tag{margin-left:4px}
td{padding:10px 12px;font-size:15px;border-top:1px solid #e3f4f6}tr:nth-child(even) td{background:#f0fbfc}tr:hover td{background:#fff8e1}
th a{color:#fff}
/* forms */
input,select{font:inherit;padding:11px 14px;border:2px solid #bfe8ee;border-radius:14px;margin:4px 6px 10px 0;background:#fff;color:#16324a}input:focus,select:focus{border-color:#16b6c8;outline:none;box-shadow:0 0 0 4px rgba(22,182,200,.2)}
button{font:inherit;font-weight:900;background:#08708f;color:#fff;border:0;padding:11px 22px;border-radius:999px;cursor:pointer;box-shadow:0 3px 0 #05506a}button:hover{background:#0a86a8}button:disabled{background:#b9c9d2;box-shadow:none;cursor:not-allowed;color:#32485a}
#res ul{background:#f0fbfc;border-radius:16px;padding:14px 14px 14px 34px}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{padding:10px 18px;border-radius:999px;background:#e6f7f9;color:#0b4f66;text-decoration:none;font-weight:800;border:2px solid #bfe8ee}.chips a:hover{background:#fff4cc;border-color:#ffd23f}
.wave-div{height:24px;margin:6px auto;max-width:360px;opacity:.85}.wave-div svg{width:100%;height:100%;display:block}
ul li{margin:4px 0}
/* footer */
footer{position:relative;margin-top:30px;background:linear-gradient(180deg,#0a86a8,#075f7c);color:#e8fbff;text-align:center;font-size:13.5px;padding:44px 18px 28px}
footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 24' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v8c-120 14-240 14-360 4S840-2 720 8 480 22 360 14 120 0 0 10z' fill='%23fdf6ea'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
footer .fbrand{display:flex;justify-content:center;align-items:center;gap:8px;font-weight:900;font-size:16px;color:#fff;margin-bottom:8px}footer a{color:#fff}
footer .tag{margin:2px 0}
@media (max-width:700px){body{font-size:16px}.hwrap{padding:10px 14px}nav.pills{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}nav.pills::-webkit-scrollbar{display:none}
.hero .in{padding:30px 16px 60px}.deco-palm{display:none}.deco-sun{width:64px;right:12px;top:10px;opacity:.7}.hero h1{padding-right:40px}.hero p.lead{font-size:17px}
.card{border-radius:20px;padding:20px 16px 18px}.big{font-size:30px}main{padding:4px 14px 24px}input,select{width:100%}}