.particles-container{width:100%;height:100%;position:relative}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}.tilted-card-figure{display:contents}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border-radius:18px;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-overlay{z-index:2;will-change:transform;border-radius:18px;position:absolute;inset:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#111827e6;opacity:0;z-index:3;background-color:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:0;left:0;box-shadow:0 12px 28px #00000026}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg0:#f7f8ff;--bg1:#fff;--card:#ffffffc7;--border:#0f172a1a;--text:#0f172ae6;--text2:#0f172aad;--text3:#0f172a7a;--shadow:0 18px 55px #0f172a29;--shadow2:0 12px 30px #0f172a1f;--ring:0 0 0 10px #6366f12e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1100px 700px at 12% 0%, #6366f129, transparent 62%), radial-gradient(900px 650px at 92% 10%, #10b9811f, transparent 60%), radial-gradient(900px 650px at 55% 110%, #ec489914, transparent 62%), linear-gradient(180deg, var(--bg0), var(--bg1));color:var(--text);margin:0}a{color:inherit}.page{flex-direction:column;align-items:center;gap:26px;min-height:100svh;padding:clamp(24px,4.5vw,48px) clamp(14px,3.2vw,22px) clamp(18px,3.5vw,28px);display:flex;position:relative;overflow:hidden}.bg{pointer-events:none;opacity:0;background:radial-gradient(640px 420px at 25% 20%,#ffffffe6,#0000 65%),radial-gradient(520px 420px at 70% 55%,#ffffffbf,#0000 62%);animation:.9s ease-out .12s forwards bgIn;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000 62%,#0000 100%);mask-image:radial-gradient(circle at 50% 18%,#000 62%,#0000 100%)}.particlesLayer{pointer-events:none;opacity:0;animation:.9s ease-out .22s forwards fadeIn;position:absolute;inset:0}.particlesLayer canvas{opacity:.42}.header{opacity:0;justify-items:start;gap:18px;width:min(1100px,100%);animation:.8s cubic-bezier(.2,.75,.25,1) 50ms forwards riseIn;display:grid;transform:translateY(10px)}.brand{align-items:center;gap:14px;display:flex}.brandMark{background:radial-gradient(12px 12px at 30% 35%,#ffffffb3,#0000 60%),linear-gradient(135deg,#6366f1e6,#10b981e6);border-radius:14px;width:44px;height:44px;box-shadow:0 18px 48px #0f172a2e}.brandText{gap:2px;display:grid}.brandName{letter-spacing:.4px;font-size:18px;font-weight:700}.brandTagline{color:var(--text3);letter-spacing:.25px;font-size:12px}.headline{gap:10px;display:grid}.headlineMain{letter-spacing:-.8px;color:#0f172aeb;margin:0;font-size:clamp(24px,3.6vw,42px);font-weight:650;line-height:1.08}.headlineSub{color:var(--text2);letter-spacing:.2px;font-size:14px;font-weight:400}.grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:stretch;gap:clamp(22px,2vw,18px);width:min(1100px,100%);display:grid}.cardLink{--delay:0s;opacity:0;height:100%;min-height:clamp(190px,22vw,232px);animation:cardIn .75s cubic-bezier(.2, .8, .2, 1) var(--delay) forwards;text-decoration:none;display:block;position:relative;transform:translateY(10px)}.cardTilt{width:100%;height:100%}.cardContent{background:linear-gradient(180deg, var(--card), #ffffff8c);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;grid-template-rows:auto 1fr;gap:18px;width:100%;height:100%;padding:18px 18px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 #0000}.cardBottom{flex-wrap:wrap;row-gap:10px}.cardUrl{flex:240px;min-width:0}.cta{flex:none}.cardContent:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(520px 240px at 10% 10%,#6366f11f,#0000 60%);transition:opacity .26s;position:absolute;inset:0}.cardTop{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.logoWrap{background:#0f172a08;border:1px solid #0f172a0f;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden}.logo{filter:grayscale()saturate(0)blur(2px)brightness(.95);opacity:.75;width:44px;height:44px;transition:filter .28s,opacity .28s,transform .28s;transform:translateZ(0)}.logoGlow{opacity:0;filter:blur(12px);pointer-events:none;background:radial-gradient(circle at 30% 30%,#6366f147,#0000 60%),radial-gradient(circle at 70% 70%,#10b98138,#0000 60%);transition:opacity .28s;position:absolute;inset:-22px}.cardText{gap:4px;min-width:0;display:grid}.cardTitle{letter-spacing:-.2px;font-size:16px;font-weight:600}.cardSubtitle{color:var(--text2);font-size:13px;line-height:1.25}.cardBottom{z-index:1;border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;display:flex;position:relative}.cardUrl{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cta{letter-spacing:.3px;color:#0f172adb;background:#0f172a0a;border:1px solid #0f172a12;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:600;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.ctaArrow{transition:transform .22s;transform:translate(0)}.cardLink:hover .cardContent{box-shadow:var(--shadow2);border-color:#0f172a24}.cardLink:hover .cardContent:before{opacity:1}.cardLink:hover .logo{filter:grayscale(0)saturate(1.15)blur()brightness(1.02);opacity:1;transform:scale(1.03)}.cardLink:hover .logoGlow{opacity:1}.cardLink:hover .cta{background:#0f172a0f;border-color:#0f172a1c;transform:translateY(-1px)}.cardLink:hover .ctaArrow{transform:translate(2px)}.cardLink:focus-visible{box-shadow:var(--shadow2), var(--ring);border-color:#6366f159;outline:none}.footer{width:min(1100px,100%);color:var(--text3);letter-spacing:.2px;opacity:0;padding-top:10px;font-size:12px;animation:.8s ease-out .42s forwards fadeIn}@media (width<=920px){.cardLink{min-height:210px}}@media (width<=620px){.header{gap:14px}.cardContent{padding:16px 16px 12px}.cardLink{min-height:clamp(190px,44vw,230px)}.cardBottom{align-items:flex-start}.logo{filter:none}}@media (width<=380px){.brandMark{border-radius:13px;width:40px;height:40px}.logoWrap{border-radius:16px;width:54px;height:54px}.logo{width:40px;height:40px}.cardTop{align-items:flex-start}.cardTitle{font-size:15px}.cardSubtitle{font-size:12.5px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bg,.header,.cardLink,.footer,.particlesLayer{opacity:1!important;transform:none!important}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bgIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}