{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{--bg:#0b1220;--card:#0f172a;--ring:0 0 0 10px rgba(14,165,233,.15)} html,body{background:radial-gradient(1200px 800px at 10% -10%, rgba(14,165,233,.10), transparent 50%), radial-gradient(1000px 600px at 100% 0%, rgba(56,189,248,.06), transparent 50%), var(--bg); color:#e2e8f0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif} .glass{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border:1px solid rgba(148,163,184,.18); backdrop-filter: blur(10px)} .btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:9999px;padding:.8rem 1.1rem;font-weight:700} .btn-primary{background:#0ea5e9;color:#04131a;box-shadow:0 15px 30px -12px rgba(14,165,233,.45)} .btn-primary:hover{background:#0284c7} .ring-focus:focus{outline:none; box-shadow:var(--ring)} .card{transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;} .card:hover{transform:translateY(-6px); box-shadow:0 30px 50px -25px rgba(14,165,233,.45)} .fade{opacity:0; transform:translateY(10px);} .fade.in{opacity:1; transform:none; transition:opacity .6s ease, transform .6s ease} .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .img-skeleton{background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.08), rgba(255,255,255,.04)); background-size:200% 100%; animation:sheen 1.4s linear infinite} @keyframes sheen{to{background-position:-200% 0}} .ad-frame{border:1px dashed rgba(148,163,184,.35)}