:root{color-scheme:light;--navy:#102a44;--green:#0c7b5f;--line:#d9e3ec}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(circle at 82% 8%,#e5f8ed,transparent 34%),linear-gradient(155deg,#ecf3fa,#f8fafc);color:#18314a}
.vv-shell{width:min(100%,680px);margin:auto;padding:env(safe-area-inset-top) 18px max(20px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;align-items:center}
.vv-brand{padding-top:clamp(10px,4vh,38px)}.vv-brand img{width:126px;height:126px;object-fit:contain}
.vv-intro{text-align:center;margin-top:5px}.vv-eyebrow{font-weight:800;color:#198467;font-size:10px;letter-spacing:.13em}
h1{font-size:clamp(23px,5vw,32px);margin:8px 0;color:var(--navy)}.vv-intro p{margin:0;color:#597087;font-size:14px;line-height:1.45}
.vv-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 35px rgba(18,50,76,.08);width:100%;padding:20px;margin-top:24px}
h2{margin:0;font-size:18px;color:var(--navy)}.vv-sub{font-size:13px;line-height:1.5;color:#597087;margin:6px 0 20px}
.vv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vv-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#17334f;border:1px solid #dee9f2;background:#fbfdff;border-radius:15px;padding:17px 8px;min-height:148px;transition:border-color .15s,box-shadow .15s}
.vv-card:active{transform:scale(.99)}.vv-card:focus-visible{outline:3px solid #ffc72c;outline-offset:2px}.vv-card:hover{border-color:#4ca68b;box-shadow:0 5px 15px rgba(12,123,95,.08)}
.vv-card strong{font-size:15px}.vv-card small{color:#5b7187;font-size:11px;text-align:center}.vv-icon{width:57px;height:57px;border-radius:16px;display:grid;place-items:center;margin-bottom:4px}.vv-icon img{width:48px;height:48px;object-fit:contain}
.vv-blue{background:#e6f2ff}.vv-green{background:#e5f6e8}.vv-gold{background:#fff5dd}.vv-ice{background:#ebf6f7}
.vv-footer{margin-top:auto;padding:22px 0 0;display:flex;gap:10px;color:#647990;font-size:12px}.vv-footer a{color:#075f6b;text-decoration:underline}
@media(max-width:360px){.vv-panel{padding:14px}.vv-grid{gap:9px}.vv-card{padding:12px 5px;min-height:135px}.vv-brand img{width:105px;height:105px}}
@media(prefers-reduced-motion:reduce){.vv-card{transition:none}}