.front{--front-card-radius:26px;isolation:isolate;background:var(--pa-bg);height:100dvh;color:var(--pa-fg);padding:max(env(safe-area-inset-top), 14px) 16px max(env(safe-area-inset-bottom), 12px);flex-direction:column;display:flex;position:relative;overflow:hidden}.front-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 75% 100% at 50% 100%, color-mix(in srgb, var(--pa-muted) 28%, transparent), transparent 70%);height:62%;position:absolute;inset:auto 0 0}.front-glow:before{content:"";aspect-ratio:1;border-top:1px solid color-mix(in srgb, var(--pa-fg) 48%, transparent);width:150%;-webkit-mask-image:linear-gradient(to bottom, var(--pa-fg) 0, transparent 14%);-webkit-mask-image:linear-gradient(to bottom, var(--pa-fg) 0, transparent 14%);mask-image:linear-gradient(to bottom, var(--pa-fg) 0, transparent 14%);border-radius:50%;position:absolute;top:22%;left:50%;transform:translate(-50%)}.front-main{outline:none;flex-direction:column;flex:1;align-items:center;gap:clamp(10px,2.2vh,28px);min-height:0;display:flex}.front-head{justify-content:center;display:flex}.front h1{text-align:center;letter-spacing:-.045em;text-wrap:balance;max-width:1120px;margin:0;font-size:34px;font-weight:600;line-height:1.04}.front-sub{text-align:center;max-width:46rem;color:var(--pa-fg-soft);margin:0;font-size:15px}.front-sub-long{display:none}.front-cards{flex-direction:column;flex:1;gap:12px;width:100%;max-width:420px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.front-cards>li{flex:1;min-height:0;max-height:190px;display:flex}.front-card{min-height:0;color:var(--pa-fg);border-radius:var(--front-card-radius);border:1px solid color-mix(in srgb, var(--pa-fg) 30%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--pa-brand) 46%, transparent), color-mix(in srgb, var(--pa-brand) 20%, transparent));-webkit-backdrop-filter:blur(30px)saturate(1.8);backdrop-filter:blur(30px)saturate(1.8);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pa-fg) 38%, transparent), 0 24px 48px -12px color-mix(in srgb, var(--pa-bg) 85%, transparent);flex:1;align-items:center;gap:14px;padding:0 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.front-card:hover{border-color:color-mix(in srgb, var(--pa-fg) 55%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--pa-fg) 50%, transparent), 0 24px 48px -12px color-mix(in srgb, var(--pa-bg) 85%, transparent), 0 0 36px color-mix(in srgb, var(--pa-brand) 28%, transparent);transform:translateY(-6px)}.front-card:active{transition-duration:80ms;transform:scale(.97)}.front-card:focus-visible{outline:3px solid var(--pa-brand);outline-offset:3px}.front-icon{width:46px;height:46px;color:var(--pa-fg);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--pa-brand) 45%, transparent));flex:none}.front-icon .accent{fill:var(--pa-brand);stroke:none}.front-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.front-card h2{margin:0;font-size:19px;font-weight:600;line-height:1.2}.front-card p{color:var(--pa-fg-soft);margin:0;font-size:13.5px;line-height:1.35}.front-card .label{color:var(--pa-accent-soft-fg);margin-top:3px;font-size:14px;font-weight:600}.front-foot{justify-content:center;gap:4px;margin:0;display:flex}.front-foot a{min-height:44px;color:var(--pa-muted);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;text-decoration:none;display:inline-flex}.front-foot a:hover{color:var(--pa-fg)}.front-foot a:focus-visible,.front-head a:focus-visible{outline:3px solid var(--pa-brand);outline-offset:3px}@media (min-width:640px){.front{--front-card-radius:34px;padding:max(env(safe-area-inset-top), 18px) 32px max(env(safe-area-inset-bottom), 14px)}.front-main{justify-content:center;gap:clamp(12px,3vh,36px)}.front h1{font-size:clamp(34px,min(5.4vw,8.4vh),78px)}.front-sub{font-size:clamp(15px,2.4vh,20px)}.front-sub-long{display:inline}.front-sub-short{display:none}.front-cards{flex-direction:row;flex:0 352px;gap:20px;max-width:1100px}.front-cards>li{flex:1;max-height:none}.front-card{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:clamp(10px,2.4vh,22px);padding:clamp(22px,4vh,40px) clamp(24px,3vw,40px)}.front-icon{width:clamp(46px,7.5vh,68px);height:clamp(46px,7.5vh,68px)}.front-card h2{font-size:clamp(22px,3.2vh,34px)}.front-card p{font-size:clamp(15px,2vh,18px)}.front-card .label{margin-top:0;font-size:clamp(15px,2vh,18px)}}@media (prefers-reduced-motion:reduce){.front-card{transition:none}.front-card:hover,.front-card:active{transform:none}}