@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#062c43;--ocean:#0a7592;--teal:#18b6ad;--ink:#10374b;--muted:#637d8a}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden;font-family:'Manrope',Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 15%,rgba(39,190,180,.22),transparent 30%),linear-gradient(145deg,#eaf8f7,#f7fbfc 48%,#e8f2f7)}body::after{content:'';position:fixed;inset:auto 0 0;height:30vh;pointer-events:none;opacity:.45;background:repeating-radial-gradient(ellipse at 50% 110%,transparent 0 22px,rgba(13,117,146,.08) 24px 26px,transparent 28px 48px)}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;border-radius:50%;pointer-events:none}.ambient.one{width:340px;height:340px;top:-170px;right:-80px;background:rgba(10,117,146,.13)}.ambient.two{width:240px;height:240px;bottom:-100px;left:-70px;background:rgba(24,182,173,.13)}.container{position:relative;z-index:1;width:100%;min-height:100vh;display:grid;place-items:center;padding:32px 20px}.portal{width:min(100%,940px);padding:44px;border:1px solid rgba(255,255,255,.85);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 30px 80px rgba(24,70,91,.14),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.hero{display:flex;align-items:center;gap:18px}.brand-mark{width:64px;height:64px;display:grid;flex:0 0 auto;place-items:center;border-radius:19px;color:#fff;background:linear-gradient(145deg,var(--ocean),var(--navy));box-shadow:0 12px 28px rgba(6,64,87,.25)}.brand-mark svg{width:40px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-mark svg path:first-child{fill:rgba(255,255,255,.2)}.eyebrow{margin:0 0 3px;color:var(--ocean);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:var(--navy);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.18;letter-spacing:-.04em}h1 span{color:var(--ocean)}.intro{max-width:590px;margin:24px 0 30px;color:var(--muted);font-size:.98rem;line-height:1.7}.wadah-card{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{position:relative;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;overflow:hidden;border:1px solid rgba(8,78,103,.09);border-radius:22px;background:rgba(255,255,255,.8);box-shadow:0 10px 30px rgba(18,77,98,.08);transition:.25s ease}.card::before{content:'';position:absolute;width:140px;height:140px;right:-65px;bottom:-70px;border-radius:50%;background:currentColor;opacity:.06;transition:.3s}.card:hover{transform:translateY(-6px);border-color:rgba(10,117,146,.25);box-shadow:0 20px 42px rgba(18,77,98,.15)}.card:hover::before{transform:scale(1.25)}.card:focus-visible{outline:3px solid rgba(24,182,173,.4);outline-offset:4px}.pms{color:var(--ocean)}.monitoring{color:#0f8e78}.card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:currentColor;box-shadow:0 8px 20px rgba(14,105,123,.16)}.card-icon svg{width:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card-content{display:flex;flex-direction:column;align-items:flex-start}.card-label{margin-bottom:5px;color:var(--muted);font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card strong{color:var(--ink);font-size:1.3rem;letter-spacing:-.02em}.card-description{max-width:270px;margin-top:7px;color:var(--muted);font-size:.82rem;line-height:1.55}.arrow{position:absolute;top:26px;right:26px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(10,117,146,.07);font-size:1.1rem;transition:.25s}.card:hover .arrow{transform:translate(2px,-2px);background:rgba(10,117,146,.13)}footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;color:#738995;font-size:.75rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:#21b879;box-shadow:0 0 0 4px rgba(33,184,121,.13)}@media(max-width:660px){.container{padding:18px 14px}.portal{padding:28px 20px;border-radius:24px}.brand-mark{width:54px;height:54px;border-radius:16px}.brand-mark svg{width:34px}.intro{margin:20px 0 24px}.wadah-card{grid-template-columns:1fr}.card{min-height:190px;padding:22px}.arrow{top:22px;right:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}