:root{--bg:#0d1224;--text:#f4f7ff;--muted:#b7c1df;--accent:#7aa8ff;--accent-2:#ffd36a;--border:rgba(255,255,255,.12);--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(122,168,255,.28),transparent 34rem),radial-gradient(circle at top right,rgba(255,211,106,.18),transparent 30rem),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(13,18,36,.78);border-bottom:1px solid var(--border)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em;font-size:1.15rem}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#9ed0ff);color:#081126;box-shadow:0 12px 30px rgba(122,168,255,.28);font-weight:900}.nav-links{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:700;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#071126;box-shadow:0 18px 42px rgba(122,168,255,.28)}.btn-secondary{background:rgba(255,255,255,.06);border-color:var(--border);color:var(--text)}.btn-donate{background:var(--accent-2);color:#171100;box-shadow:0 18px 42px rgba(255,211,106,.22)}
.hero{padding:96px 0 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.9rem;margin-bottom:20px}h1{font-size:clamp(2.6rem,6.4vw,5.1rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 24px}.hero-highlight{color:var(--accent)}.hero p,.lead{color:var(--muted);font-size:1.18rem;max-width:720px;margin:0 0 32px}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.trust-row{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.95rem}.trust-row span:before{content:"✓";color:var(--accent-2);margin-right:7px;font-weight:900}
.hero-panel{border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid var(--border);padding:18px;box-shadow:var(--shadow)}.mock-window{overflow:hidden;border-radius:24px;background:#0a1024;border:1px solid var(--border)}.window-top{height:46px;display:flex;align-items:center;gap:8px;padding:0 16px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--border)}.dot{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.22)}.window-content{padding:22px}.toolbar{display:grid;gap:12px}.tool-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--border);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.tool-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(122,168,255,.42)}.tool-item:focus-visible{outline:3px solid rgba(122,168,255,.55);outline-offset:3px}.tool-left{display:flex;align-items:center;gap:12px}.tool-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(122,168,255,.18);overflow:hidden;flex:0 0 auto}.tool-icon img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.tool-title{font-weight:800}.tool-sub{color:var(--muted);font-size:.85rem}.pill{color:var(--accent-2);font-size:.82rem;font-weight:800}
section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.055em;margin:0}.extensions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 18px 48px rgba(0,0,0,.2)}.extension-card{display:flex;flex-direction:column;min-height:440px;transition:transform .2s ease,border-color .2s ease}.extension-card:hover{transform:translateY(-4px);border-color:rgba(122,168,255,.42)}.extension-top{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.extension-icon,.plugin-large-icon{border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(122,168,255,.25),rgba(255,211,106,.14));border:1px solid var(--border);overflow:hidden}.extension-icon{width:58px;height:58px;transition:transform .2s ease}.extension-card:hover .extension-icon{transform:scale(1.08)}.extension-icon img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tag{border-radius:999px;padding:6px 10px;font-size:.78rem;color:var(--muted);border:1px solid var(--border);background:rgba(255,255,255,.04)}.tag.version{color:var(--accent-2)}.extension-card h3{font-size:1.45rem;margin:0 0 10px;letter-spacing:-.035em}.extension-card p{color:var(--muted);margin:0 0 20px}.screenshot{height:132px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(135deg,rgba(122,168,255,.16),rgba(255,211,106,.08)),rgba(255,255,255,.04);display:grid;place-items:center;color:rgba(244,247,255,.72);font-size:.9rem;margin-bottom:18px;overflow:hidden}.screenshot img{width:100%;height:100%;object-fit:cover}.meta-row{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;margin-bottom:18px}.trust-label{color:var(--accent-2);font-weight:800}.tested-label{color:#dbe4ff}.download-count{color:var(--muted);display:none}body.show-download-counts .download-count{display:inline}.feature-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:14px}.feature-list span{border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.055);color:#dbe4ff;font-size:.83rem}
.why-grid,.faq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card h3{margin:14px 0 8px}.why-card p,.faq-card p{color:var(--muted);margin:0;font-size:.95rem}.why-icon{font-size:1.7rem}.donation{background:linear-gradient(135deg,rgba(255,211,106,.18),rgba(122,168,255,.14));border:1px solid var(--border);border-radius:34px;padding:44px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:var(--shadow)}.donation h2{margin-bottom:14px}.donation p{color:#e9edff;margin:0;max-width:700px}
.plugin-hero{padding:80px 0 36px;display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center}.plugin-large-icon{width:112px;height:112px;border-radius:30px}.plugin-large-icon img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.plugin-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.version-list{display:grid;gap:16px}.version-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.version-title{font-weight:800;font-size:1.1rem}.version-meta{color:var(--muted);font-size:.92rem;margin-top:4px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.about-photo{min-height:260px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,rgba(122,168,255,.22),rgba(255,211,106,.13)),repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 10px,transparent 10px,transparent 20px);display:grid;place-items:center;color:var(--muted);text-align:center;padding:30px}
footer{border-top:1px solid var(--border);padding:34px 0;color:var(--muted);font-size:.94rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--text)}@media(max-width:860px){.nav-links{display:none}.hero,.plugin-layout,.about{grid-template-columns:1fr}.plugin-hero{grid-template-columns:1fr;padding-top:52px}.section-head,.donation{grid-template-columns:1fr;display:grid}.extensions-grid,.why-grid,.faq-grid{grid-template-columns:1fr}.donation{padding:30px}.version-row{grid-template-columns:1fr}}

.donate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.donate-method h3{margin-top:0}.donate-note,.form-note{color:var(--muted);font-size:.95rem}.copy-box{margin-top:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid var(--border);color:#dbe4ff;word-break:break-word}.contact-form{display:grid;gap:16px}.form-row{display:grid;gap:8px}.form-row label{font-weight:800}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);border-radius:16px;padding:13px 14px;font:inherit}.form-row textarea{min-height:170px;resize:vertical}.honeypot{display:none}.changelog-list{display:grid;gap:16px}.changelog-entry h3{margin:0 0 6px}.changelog-entry ul{margin:12px 0 0;color:var(--muted)}code{color:#dbe4ff}@media(max-width:860px){.donate-grid{grid-template-columns:1fr}}

.donate-method-wide {
  grid-column: 1 / -1;
  width: min(560px, 100%);
  justify-self: center;
}

.donate-method-wide .card-actions {
  justify-content: center;
}

.form-status {
  min-height: 24px;
  color: var(--muted);
  font-weight: 700;
}

.form-status-success {
  color: #8cdcb4;
}

.form-status-error {
  color: #ff9b9b;
}

button:disabled,
.btn[disabled] {
  opacity: .65;
  cursor: not-allowed;
}

/* Contact form readability fixes */
.form-row input,
.form-row select,
.form-row textarea {
  color: var(--text);
  background-color: rgba(255,255,255,.06);
}

.form-row input::placeholder,
.form-row textarea::placeholder {
  color: rgba(219,228,255,.58);
}

.form-row select option {
  color: #111827;
  background: #ffffff;
}

.form-row select:invalid {
  color: rgba(244,247,255,.72);
}

.form-row select option[disabled],
.form-row select option[value=""] {
  color: #6b7280;
}

.h-captcha { margin-top: 4px; }


.plugin-description p {
  color: var(--muted);
  margin-top: 0;
}

.plugin-description ul {
  color: var(--muted);
}

.old-versions {
  margin: 10px 0 0;
  padding-left: 20px;
  color: var(--muted);
  font-size: .92rem;
}

.old-versions li {
  margin: 6px 0;
}

.old-versions a {
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.old-versions a:hover {
  color: var(--text);
}

.previous-versions-card {
  opacity: .82;
}


.updates-card {
  opacity: .95;
}

.updates-layout {
  display: grid;
  gap: 22px;
}

.updates-subtitle {
  margin: 0 0 12px;
  font-size: 1.05rem;
}

.updates-note {
  color: var(--muted);
  font-size: .92rem;
  margin-top: 14px;
}


.updates-card.disabled {
  display: none;
}