:root{--pad: clamp(14px, 4vw, 24px);--r: 20px;--line: rgba(255, 255, 255, .1);--txt: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .6);--stroke: rgba(255, 255, 255, .12);--a: rgba(130, 220, 255, .9);--b: rgba(210, 140, 255, .9);--card-bg: rgba(255, 255, 255, .04);--card-hover: rgba(255, 255, 255, .07)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{font-family:Sora,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);background:url(/assets/lucid6.webp) center / cover no-repeat fixed;min-height:100vh}.bg{position:fixed;inset:0;background:#0000008c;z-index:-2}.topbar{position:sticky;top:0;z-index:50;background:#0000006b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1080px;margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar__logo{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--txt);text-decoration:none;opacity:.7;transition:opacity .18s ease}.topbar__logo:hover{opacity:1}.pill-back{text-decoration:none;color:var(--txt);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-size:13px;transition:background .18s ease,border-color .18s ease}.pill-back:hover{background:#ffffff14;border-color:#ffffff38}.wrap{max-width:1080px;margin:0 auto;padding:60px var(--pad) 80px}.hero{text-align:center;margin-bottom:56px}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(130,220,255,.25);border-radius:999px;background:#82dcff0f;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--a);text-transform:uppercase;margin-bottom:24px}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--a);box-shadow:0 0 6px var(--a);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{margin:0 0 16px;font-size:clamp(32px,6vw,58px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.hero__title-accent{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__desc{margin:0 auto;max-width:520px;font-size:clamp(14px,2vw,17px);color:var(--muted);line-height:1.7}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--stroke);border-radius:var(--r);padding:28px 24px 22px;text-decoration:none;color:inherit;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 80% at 50% 0%,rgba(130,220,255,.07),transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease}.tool-card:hover{background:var(--card-hover);border-color:#82dcff38;transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 30px #82dcff14}.tool-card:hover:before{opacity:1}.tool-card__chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#82dcff1a;border:1px solid rgba(130,220,255,.2);color:var(--a);margin-bottom:18px;align-self:flex-start}.tool-card__icon{font-size:32px;margin-bottom:14px;line-height:1}.tool-card__title{margin:0 0 10px;font-size:20px;font-weight:700;letter-spacing:-.01em}.tool-card__desc{margin:0 0 24px;font-size:13px;color:var(--muted);line-height:1.65;flex:1}.tool-card__link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--a);letter-spacing:.02em}.tool-card__link-arrow{transition:transform .18s ease}.tool-card:hover .tool-card__link-arrow{transform:translate(4px)}.tool-card__free{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#82ffb4e6;background:#82ffb414;border:1px solid rgba(130,255,180,.2);padding:3px 8px;border-radius:999px}@media(max-width:600px){.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}