.app-directory__hero{color:#fff;background:linear-gradient(125deg,var(--color-primary-deep),var(--color-primary) 65%,#1d7655);overflow:hidden}.app-directory__hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;min-height:340px;padding-block:clamp(3rem,7vw,6rem)}.app-directory__hero h1{color:inherit;max-width:760px}.app-directory__hero p:not(.eyebrow){max-width:720px;font-size:1.1rem;opacity:.9}.app-directory__shield{display:grid;place-items:center;width:150px;aspect-ratio:1;border:1px solid rgba(255,255,255,.28);border-radius:36px;background:rgba(255,255,255,.1);transform:rotate(4deg)}.app-directory__shield .icon{width:72px;height:72px}.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.application-card{display:flex;flex-direction:column;min-height:330px;padding:1.6rem;border:1px solid rgba(10,58,47,.14);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(6,47,38,.08);transition:transform .2s ease,box-shadow .2s ease}.application-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(6,47,38,.14)}.application-card__top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.application-card__icon{display:grid;place-items:center;width:62px;height:62px;color:var(--color-primary);border-radius:18px;background:#f7f1df}.application-card__icon .icon{width:32px;height:32px}.application-card__status{padding:.35rem .7rem;color:#785b11;border-radius:999px;background:#fff3c4;font-size:.78rem;font-weight:700}.application-card__status--active{color:#17613f;background:#dff6e9}.application-card__status--maintenance{color:#8a4d0f;background:#fff0d8}.application-card h2{margin:1.3rem 0 .55rem;font-size:1.35rem}.application-card p{color:#52615d}.application-card__button{justify-content:center;width:100%;margin-top:auto}.application-card__button--disabled{opacity:.58;cursor:not-allowed}.application-card--inactive:hover{transform:none}.app-security-note{display:flex;gap:1rem;align-items:flex-start;max-width:850px}.app-security-note>.icon{flex:0 0 auto;width:34px;height:34px;color:var(--color-primary)}.app-security-note h2{margin:0 0 .35rem;font-size:1.3rem}.app-security-note p{margin:0}@media(max-width:900px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app-directory__hero-inner{grid-template-columns:1fr}.app-directory__shield{display:none}.application-grid{grid-template-columns:1fr}}