:root{--background:#f6fbff;--surface:#ffffffc7;--surface-strong:#fff;--ink:#06111f;--muted:#5c6b7d;--line:#06111f1c;--blue:#35aaff;--blue-soft:#dff3ff;--blue-deep:#0877c9;--shadow:0 24px 60px #0877c924}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%, #35aaff3d, transparent 28rem), radial-gradient(circle at 92% 18%, #06111f14, transparent 22rem), linear-gradient(135deg, #fff 0%, var(--background) 54%, #fff 100%);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.link-board{grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(152px,auto);gap:14px;width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:28px 0;display:grid}.link-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;border-radius:30px;flex-direction:column;justify-content:space-between;gap:22px;min-height:152px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffc}.link-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0,#35aaff42,#0000 13rem);transition:opacity .18s;position:absolute;inset:-1px}.link-card>*{z-index:1;position:relative}.card-image{z-index:0;object-fit:contain;opacity:.9;filter:drop-shadow(0 24px 32px #06111f29);pointer-events:none;width:min(58%,220px);height:auto;max-height:86%;transition:transform .22s,opacity .18s;position:absolute;bottom:-22px;right:-18px}.link-card:hover{box-shadow:var(--shadow);border-color:#35aaff75;transform:translateY(-4px)}.link-card:hover .card-image{opacity:1;transform:translateY(-5px)scale(1.03)}.link-card:hover:before{opacity:1}.card-number,.card-arrow{width:fit-content;color:var(--blue-deep);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.card-number{background:var(--blue-soft);padding:7px 10px}.card-body{gap:10px;padding-right:34%;display:grid}.card-body strong{letter-spacing:-.07em;max-width:13ch;font-size:clamp(26px,3vw,44px);line-height:.94}.card-body span{max-width:31ch;color:var(--muted);font-size:15px;line-height:1.5}.primary{background:linear-gradient(135deg,#ffffffdb,#dff3ffe6),radial-gradient(circle at 72% 24%,#35aaff61,#0000 18rem);grid-area:span 2/span 2;min-height:318px}.primary .card-image{opacity:.96;width:min(68%,440px);max-height:none;bottom:-80px;right:-64px}.primary .card-body strong{max-width:11ch;font-size:clamp(52px,7vw,86px)}.primary .card-body{padding-right:42%}.dark{background:linear-gradient(135deg, var(--ink), #0b3158);color:#fff;grid-column:span 2}.dark .card-image,.soon .card-image{opacity:.62;mix-blend-mode:screen}.dark .card-number{color:#bde7ff;background:#ffffff1f}.dark .card-body span,.dark .card-arrow{color:#c8eaff}.light{grid-column:span 2}.soon{color:#fff;background:linear-gradient(135deg,#06111ff5,#0877c9db),radial-gradient(circle at 100% 0,#ffffff47,#0000 14rem);grid-column:span 2}.soon .card-number{color:#fff;background:#ffffff24}.soon .card-body span,.soon .card-arrow{color:#d7f0ff}.compact .card-body strong{font-size:clamp(23px,2vw,30px)}.compact .card-image{opacity:.78;width:min(54%,150px);bottom:-30px;right:-26px}.compact:nth-child(7) .card-image{width:min(42%,96px);bottom:-36px;right:6px}.compact:nth-child(11) .card-image,.dark .card-image{width:min(60%,260px)}@media (max-width:980px){.link-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.link-board{grid-template-columns:1fr;grid-auto-rows:minmax(138px,auto);gap:10px;width:min(100% - 20px,1180px);padding:10px 0}.link-card,.primary,.dark,.light,.soon{border-radius:24px;grid-area:auto;min-height:138px;padding:20px}.primary .card-body strong,.card-body strong{max-width:none;font-size:clamp(32px,12vw,52px)}.card-body,.primary .card-body{padding-right:38%}.card-image,.primary .card-image,.compact .card-image{width:min(48%,190px);max-height:88%;bottom:-30px;right:-28px}}