.app{position:relative;min-height:100dvh;background:linear-gradient(135deg,var(--vh-green-dark) 0%,var(--vh-green-deep) 35%,var(--vh-green-mid) 65%,#3d9e6a 100%);overflow:hidden}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 85% 8%,rgba(184,255,92,.45) 0%,rgba(127,255,76,.15) 35%,transparent 70%);pointer-events:none;z-index:0}.app__glow{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.app__glow--top{width:min(70vw,520px);height:min(70vw,520px);top:-15%;right:-10%;background:#b8ff5c59}.app__glow--bottom{width:min(60vw,400px);height:min(60vw,400px);bottom:-20%;left:-15%;background:#0a3d28cc}.app__main{position:relative;z-index:1;width:100%;max-width:var(--vh-max-width);margin:0 auto;padding:var(--vh-page-pad);padding-top:clamp(2rem,6vh,3.5rem);padding-bottom:clamp(2rem,6vh,4rem);display:flex;flex-direction:column;align-items:center;gap:var(--vh-header-gap);min-height:100dvh;justify-content:center}.header{display:flex;justify-content:center;width:100%}.header__brand{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2.5vw,1.25rem)}.header__logo{width:clamp(155px,36vw,255px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 24px rgba(0,0,0,.2))}.header__title{margin:0;font-family:var(--vh-font);font-size:clamp(2.25rem,9vw,3.75rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-align:center;white-space:nowrap}.header__title-vital{color:var(--vh-white)}.header__title-health{color:var(--vh-health-green);text-shadow:0 0 24px rgba(124,255,155,.45),0 0 48px rgba(102,255,153,.2)}.card-grid{display:grid;width:100%;gap:var(--vh-card-gap);grid-template-columns:1fr}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr);align-items:stretch}}.glass-card{position:relative;border-radius:var(--vh-radius-card);padding:1px;background:linear-gradient(145deg,#ffffff59,#ffffff14 40%,#b8ff5c1f);box-shadow:var(--vh-shadow-glass);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;cursor:default}.glass-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000038,0 0 40px #7fff4c1f}.glass-card__shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.25) 0%,transparent 45%,transparent 100%);pointer-events:none;z-index:2}.glass-card__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(1.5rem,4vw,2rem) clamp(1.25rem,3vw,1.75rem);min-height:clamp(220px,32vw,280px);border-radius:calc(var(--vh-radius-card) - 1px);background:var(--vh-glass-bg);backdrop-filter:blur(var(--vh-blur));-webkit-backdrop-filter:blur(var(--vh-blur));border:1px solid var(--vh-glass-border);transition:background .3s ease}.glass-card:hover .glass-card__inner{background:var(--vh-glass-bg-hover)}@supports not (backdrop-filter: blur(1px)){.glass-card__inner{background:#145032bf}}.glass-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:clamp(52px,12vw,64px);height:clamp(52px,12vw,64px);margin-bottom:clamp(1rem,3vw,1.25rem);border-radius:var(--vh-radius-icon);border:1px solid rgba(184,255,92,.4);background:#ffffff0f;box-shadow:inset 0 1px #fff3,0 0 20px #7fff4c26}.glass-card__icon{width:clamp(24px,6vw,28px);height:clamp(24px,6vw,28px);color:var(--vh-lime);filter:drop-shadow(0 0 8px rgba(127,255,76,.6))}.glass-card__title{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:700;color:var(--vh-white);letter-spacing:-.02em;line-height:1.3;margin-bottom:auto;flex:1;display:flex;align-items:center;justify-content:center}.glass-card__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:clamp(.75rem,2vw,1rem);padding:.65rem 1.75rem;min-width:clamp(160px,38vw,200px);font-size:clamp(.875rem,2vw,.9375rem);font-weight:600;color:var(--vh-green-dark);text-decoration:none;letter-spacing:.02em;border-radius:999px;border:1px solid rgba(184,255,92,.5);background:linear-gradient(180deg,var(--vh-lime) 0%,var(--vh-lime-glow) 100%);box-shadow:0 4px 16px #7fff4c59,inset 0 1px #ffffff73;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer}.glass-card__btn:hover{transform:scale(1.04);box-shadow:0 6px 24px #7fff4c80,inset 0 1px #ffffff8c;background:linear-gradient(180deg,#d4ff7a 0%,var(--vh-lime) 100%)}.glass-card__btn:focus-visible{outline:2px solid var(--vh-lime);outline-offset:3px}.glass-card__btn:active{transform:scale(.98)}.glass-card__accent{width:clamp(36px,8vw,48px);height:4px;margin-top:clamp(1rem,3vw,1.5rem);border-radius:999px;background:linear-gradient(90deg,transparent,var(--vh-lime-glow),var(--vh-lime),var(--vh-lime-glow),transparent);box-shadow:0 0 12px #7fff4ccc}@media (prefers-reduced-motion: reduce){.glass-card,.glass-card__btn{transition:none}.glass-card:hover,.glass-card__btn:hover,.glass-card__btn:active{transform:none}}:root{--vh-green-dark: #041f12;--vh-green-deep: #0a3d28;--vh-green-mid: #1a6b45;--vh-green-bright: #2ecc71;--vh-lime: #b8ff5c;--vh-lime-glow: #7fff4c;--vh-health-green: #7cff9b;--vh-white: #ffffff;--vh-white-90: rgba(255, 255, 255, .92);--vh-white-70: rgba(255, 255, 255, .7);--vh-glass-bg: rgba(255, 255, 255, .08);--vh-glass-bg-hover: rgba(255, 255, 255, .12);--vh-glass-border: rgba(255, 255, 255, .22);--vh-glass-border-strong: rgba(184, 255, 92, .35);--vh-blur: 20px;--vh-radius-card: 28px;--vh-radius-icon: 50%;--vh-shadow-glass: 0 8px 32px rgba(0, 0, 0, .18);--vh-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--vh-max-width: 1280px;--vh-header-gap: clamp(2rem, 5vw, 3.5rem);--vh-card-gap: clamp(1rem, 2.5vw, 1.5rem);--vh-page-pad: clamp(1rem, 4vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--vh-font);color:var(--vh-white);background:var(--vh-green-dark);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}img{max-width:100%;height:auto;display:block}button{font-family:inherit}