.app-container{min-height:100vh;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--accent-apps) 20%,transparent),transparent 28rem),radial-gradient(circle at 86% 18%,color-mix(in srgb,#fbbf24 16%,transparent),transparent 24rem),var(--bg-primary)}.app-main-content{max-width:1200px;margin:0 auto;padding:2.5rem 1rem 4rem}.app-hero{max-width:760px;margin:0 auto 2rem;text-align:center}.app-kicker{margin:0 0 .75rem;color:var(--text-tertiary);font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.app-hero h1,.app-section-heading h2{margin:0;font-family:var(--font-display);color:var(--text-primary);text-wrap:balance}.app-hero h1{font-size:clamp(2.5rem,7vw,5.25rem);line-height:.94;letter-spacing:-.025em}.app-hero p:last-child{max-width:620px;margin:1rem auto 0;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.18rem);line-height:1.55}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;align-items:stretch}.app-upcoming-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.app-section-heading{max-width:620px;margin-bottom:1rem}.app-section-heading h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1}.app-grid--upcoming{grid-template-columns:repeat(auto-fit,minmax(230px,320px));justify-content:start}.app-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:1.1rem;min-height:250px;overflow:clip;padding:1.2rem;border:1px solid var(--border-color);border-radius:1.35rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-primary) 94%,white),var(--surface-secondary)),var(--surface-primary);box-shadow:0 18px 40px var(--shadow-color);color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.app-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 42%)}.app-card:focus-visible{outline:none;border-color:var(--link-color);box-shadow:0 0 0 4px var(--focus-ring),0 18px 40px var(--shadow-color)}.app-card:hover{transform:translateY(-4px);background-color:var(--surface-secondary);box-shadow:0 24px 44px var(--shadow-color)}.app-card--paid{border-color:color-mix(in srgb,#f59e0b 36%,var(--border-color))}.app-card--included,.app-card--free{border-color:color-mix(in srgb,var(--accent-apps) 30%,var(--border-color))}.app-card-disabled{opacity:.7;cursor:not-allowed}.app-card-disabled:hover{transform:none;background-color:var(--surface-primary);box-shadow:0 18px 40px var(--shadow-color)}.app-card-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:1.1rem;font-size:2rem;color:#fff;box-shadow:inset 0 1px #ffffff47,0 12px 24px #00000029}.app-card-icon i{display:block}.app-card-spinner{animation:app-card-spinner-spin .8s linear infinite}@keyframes app-card-spinner-spin{to{transform:rotate(360deg)}}.app-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.7rem;min-width:0}.app-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.app-card-title{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:clamp(1.45rem,3vw,1.8rem);font-weight:700;line-height:.95;letter-spacing:-.01em;text-wrap:balance}.app-card-description{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.app-card-access-note{margin:auto 0 0;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--border-color) 72%,transparent);color:var(--text-tertiary);font-size:.82rem;font-weight:700;line-height:1.35}html.dark .app-card-disabled{opacity:.6}@media(max-width:768px){.app-main-content{padding:1.5rem .85rem 3rem}.app-grid{grid-template-columns:1fr;gap:.85rem}.app-card{min-height:0;padding:1rem;grid-template-columns:auto 1fr;grid-template-rows:auto;align-items:center}.app-card-icon{width:56px;height:56px;font-size:1.55rem}.app-card-title{font-size:1.35rem}.app-card-description{font-size:.9rem}.app-card-title-row{align-items:center}}