.eg-bento{position:relative;isolation:isolate}.eg-bento-bg-blob-1,.eg-bento-bg-blob-2{position:absolute;z-index:-1;border-radius:999px;pointer-events:none}.eg-bento-bg-blob-1{width:540px;height:540px;left:-220px;top:390px;background:radial-gradient(circle,rgba(20,184,166,.07),transparent 68%)}.eg-bento-bg-blob-2{width:600px;height:600px;right:-250px;bottom:-180px;background:radial-gradient(circle,rgba(99,102,241,.07),transparent 68%)}.eg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:70px;animation:eg-rise .65s cubic-bezier(.2,.8,.2,1) both}.eg-head h2{margin:0;color:#172033;font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:800}.eg-head p{margin:6px 0 0;color:#6b778c;font-size:14px;line-height:1.4;letter-spacing:-.01em}.eg-view-all{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border:1px solid #dbe3ec;border-radius:999px;background:#ffffffc2;color:#315f87;font-size:16px;font-weight:750;text-decoration:none;white-space:nowrap;box-shadow:0 7px 20px #2d456012;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.eg-view-all svg{width:18px;height:18px;transition:transform .2s ease}.eg-view-all:hover{background:#315f87;color:#fff;box-shadow:0 12px 26px #315f8733}.eg-view-all:hover svg{transform:translate(3px)}.eg-view-all:active{box-shadow:0 3px 10px #315f872b}.eg-view-all:focus-visible,.eg-tile:focus-visible{outline:3px solid rgba(49,95,135,.3);outline-offset:4px}.eg-grid{display:grid;grid-template-columns:1fr;gap:16px}.eg-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffff80,0 7px 18px #23374e12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none;overflow:hidden;min-height:200px;animation:eg-rise .65s cubic-bezier(.2,.8,.2,1) both;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.eg-tile:hover{transform:translateY(-3px);border-color:#fffffff2;box-shadow:inset 0 0 0 1px #fffc,0 18px 34px #23374e24}.eg-tile:active{box-shadow:inset 0 0 0 1px #ffffffb3,0 5px 12px #23374e1a}.eg-tile-deco{position:absolute;width:155px;height:155px;right:-58px;top:-68px;border-radius:50%;background:#ffffff70;pointer-events:none}.eg-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:21px;border:1px solid rgba(255,255,255,.52);border-radius:19px;font-size:30px;box-shadow:0 8px 17px #2133491a;transition:transform .22s ease,box-shadow .22s ease}.eg-tile:hover .eg-icon{transform:rotate(-4deg) scale(1.05);box-shadow:0 11px 22px #21334924}.eg-icon-teal{background:#14b8a626}.eg-icon-blue{background:#3b82f626}.eg-icon-violet{background:#8b5cf626}.eg-tile h3{position:relative;z-index:1;margin:0;color:#1d293d;font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:600}.eg-tile p{position:relative;z-index:1;margin:9px 0 0;color:#647187;font-size:15px;line-height:1.45}.eg-browse{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;color:#315f87;font-size:15px;font-weight:800}.eg-browse svg{width:16px;height:16px;transition:transform .2s ease}.eg-tile:hover .eg-browse svg{transform:translate(4px)}.eg-upcoming-slot{position:relative;z-index:1;display:flex;align-items:flex-start;min-height:24px;margin-top:10px}.eg-upcoming{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid rgba(234,88,12,.22);border-radius:999px;background:#ffedd5db;color:#c2410c;font-size:11px;font-weight:800;letter-spacing:.01em}.eg-tile:nth-child(2){animation-delay:.06s}.eg-tile:nth-child(3){animation-delay:.12s}.eg-tile:nth-child(4){animation-delay:.18s}.eg-tile:nth-child(5){animation-delay:.24s}.eg-tile:nth-child(6){animation-delay:.3s}.eg-tile:nth-child(7){animation-delay:.36s}.eg-tile:nth-child(8){animation-delay:.42s}@keyframes eg-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.eg-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1024px){.eg-grid{grid-template-columns:repeat(4,1fr);gap:22px}}@media(max-width:767px){.eg-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:40px}.eg-head h2{font-size:22px}.eg-head p{font-size:14px}}@media(prefers-reduced-motion:reduce){.eg-head,.eg-tile{animation:none}.eg-view-all,.eg-tile,.eg-icon,.eg-browse svg,.eg-view-all svg{transition:none}}
