.page{min-height:100vh;display:grid;place-items:center;padding:40px 18px;background:linear-gradient(135deg,#bac8e0,#6a85b6)}.shell{width:min(1040px,100%)}.header{margin:0 auto 26px;padding:22px;border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--elev-1);border:1px solid rgba(255,255,255,.55);position:relative;overflow:hidden;animation:popIn .7s var(--ease-out) both}.header:after{content:"";position:absolute;inset:-1px;background:radial-gradient(600px 240px at 20% 15%,rgba(255,255,255,.85),transparent 60%),radial-gradient(520px 240px at 85% 35%,rgba(255,255,255,.7),transparent 60%);pointer-events:none;opacity:.9}.badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;font-weight:650;letter-spacing:.4px;color:var(--text);background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--inset-1)}.title{position:relative;z-index:1;margin:14px 0 6px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;letter-spacing:-.03em}.subtitle{position:relative;z-index:1;margin:0;color:var(--muted);font-size:1.05rem}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}@media (max-width: 920px){.grid{gap:14px}}@media (max-width: 680px){.page{padding:26px 14px}.header{padding:18px}}.card{grid-column:span 6;display:grid;grid-template-rows:auto 1fr auto;text-decoration:none;padding:18px;border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:var(--elev-1);border:1px solid rgba(255,255,255,.55);transform:translateY(10px);opacity:0;animation:liftIn .7s var(--ease-out) both;will-change:transform;position:relative;overflow:hidden}@media (max-width: 920px){.card{grid-column:span 12}}.card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-120%);transition:transform .7s var(--ease-out);pointer-events:none}.card:hover{transform:translateY(-6px);box-shadow:var(--elev-2)}.card:hover:before{transform:translate(120%)}.card:active{transform:translateY(-2px);box-shadow:var(--inset-1)}.cardTop{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.cardNameWrap{display:flex;align-items:center;gap:12px}.iconWrap{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--inset-1);overflow:hidden}.serviceIcon{width:40px;height:40px;object-fit:contain;display:block}.iconFallback{width:36px;height:36px;border-radius:10px;display:none;align-items:center;justify-content:center;font-weight:700;color:var(--text);background:linear-gradient(145deg,#ffffffe6,#f5f5f5e6);box-shadow:2px 2px 6px #0000000f,-2px -2px 6px #ffffffe6}.cardNameText{font-size:1.35rem;font-weight:750;letter-spacing:-.02em}.cardDomain{font-size:.95rem;color:var(--muted);padding:8px 12px;border-radius:999px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--inset-1)}.cardDesc{margin-top:12px;color:var(--muted);line-height:1.55}.cardCta{margin-top:16px;justify-self:start;padding:12px 16px;border-radius:999px;font-weight:650;letter-spacing:.2px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--elev-1);border:1px solid rgba(255,255,255,.6);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.card:hover .cardCta{transform:translateY(-1px);box-shadow:var(--elev-2)}.card:active .cardCta{transform:translateY(0);box-shadow:var(--inset-1)}.card:nth-child(1){animation-delay:80ms}.card:nth-child(2){animation-delay:.14s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.26s}.card:nth-child(5){animation-delay:.32s}@media (prefers-reduced-motion: no-preference){.card{animation-name:liftIn;animation-duration:.7s;animation-timing-function:var(--ease-out);animation-iteration-count:1;animation-fill-mode:both}.card:nth-child(2n){animation-delay:.14s}}@keyframes popIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes liftIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:light;--bg: #e9edf3;--bg-2: #f6f8fb;--surface: #e9edf3;--surface-2: #eef2f8;--text: #1b2430;--muted: #5d6a7a;--shadow-dark: rgba(163, 177, 198, .65);--shadow-light: rgba(255, 255, 255, .9);--ring: rgba(61, 131, 255, .35);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--elev-1: 10px 10px 22px var(--shadow-dark), -10px -10px 22px var(--shadow-light);--elev-2: 14px 14px 30px var(--shadow-dark), -14px -14px 30px var(--shadow-light);--inset-1: inset 10px 10px 20px rgba(163, 177, 198, .55), inset -10px -10px 20px rgba(255, 255, 255, .9);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 15% 10%,var(--bg-2),transparent 55%),radial-gradient(900px 700px at 85% 25%,#ffffff,transparent 55%),linear-gradient(145deg,var(--bg),var(--bg-2))}a{color:inherit}:focus-visible{outline:0;box-shadow:0 0 0 4px var(--ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}