:root{--accent:#2ee6f0;--accent-d:#12b5c4}
body{background:#07090b}
.text-accent{color:var(--accent)!important}
.btn-accent{background:var(--accent);color:#031417;border:none;font-weight:600;box-shadow:0 0 14px rgba(46,230,240,.35)}
.btn-accent:hover{background:#7ff3f8;color:#031417;box-shadow:0 0 22px rgba(46,230,240,.7)}
.glass-nav{background:rgba(7,9,11,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(46,230,240,.25)}
.brand-logo{border-radius:8px;box-shadow:0 0 10px rgba(46,230,240,.45)}
.border-accent-subtle{border-color:rgba(46,230,240,.25)!important}
@media (min-width:768px){.hover-dd:hover>.dropdown-menu{display:block;margin-top:0}}
.dropdown-menu{border-color:rgba(46,230,240,.3)}
.hero{position:relative;overflow:hidden;padding:4.5rem 0 4rem;background:radial-gradient(ellipse at 50% 35%,rgba(46,230,240,.18) 0%,rgba(7,9,11,0) 60%),#07090b}
.hero-logo{border-radius:50%;object-fit:cover;box-shadow:0 0 40px rgba(46,230,240,.45),0 0 90px rgba(46,230,240,.2);animation:pulse 4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 60px rgba(46,230,240,.7),0 0 120px rgba(46,230,240,.3)}}
.glow-text{text-shadow:0 0 12px rgba(46,230,240,.8)}
.tagline{font-size:1.35rem;font-weight:600;letter-spacing:.04em;color:#bff9fc;text-transform:uppercase}
.bolts span{position:absolute;top:-20%;width:2px;height:140%;background:linear-gradient(transparent,rgba(46,230,240,.55),transparent);filter:blur(1px);opacity:0;transform:skewX(-20deg);animation:bolt 7s linear infinite}
.bolts span:nth-child(1){left:8%;animation-delay:0s}.bolts span:nth-child(2){left:22%;animation-delay:2.3s}.bolts span:nth-child(3){left:38%;animation-delay:4.1s}
.bolts span:nth-child(4){left:63%;animation-delay:1.2s}.bolts span:nth-child(5){left:79%;animation-delay:3.4s}.bolts span:nth-child(6){left:92%;animation-delay:5.5s}
@keyframes bolt{0%,88%,100%{opacity:0}90%{opacity:.9}92%{opacity:.2}94%{opacity:.7}}
@media (prefers-reduced-motion:reduce){.bolts span,.hero-logo{animation:none}}
.divider{height:1px;max-width:900px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(46,230,240,.6),transparent)}
.why-item{padding:1.25rem;border-radius:10px;background:rgba(46,230,240,.04);border:1px solid rgba(46,230,240,.12);height:100%}
.why-ico{font-size:1.8rem;color:var(--accent);text-shadow:0 0 10px rgba(46,230,240,.7)}
.card{background:#0e1316;border-color:#1c2a30}
.plugin-card{transition:transform .2s,box-shadow .2s,border-color .2s}
.plugin-card:hover{transform:translateY(-4px);border-color:rgba(46,230,240,.6);box-shadow:0 0 22px rgba(46,230,240,.25)}
.page-head{padding:3rem 0 2rem;background:radial-gradient(ellipse at top,rgba(46,230,240,.12),transparent 70%)}
.badge-free{background:#1f8f6a}.badge-paid{background:var(--accent);color:#031417}
.ph{background:#5a1f1f;color:#ffd0d0;padding:0 .3em;border-radius:3px}
.draft{border:2px dashed #c94;padding:.75rem 1rem;border-radius:6px;background:#2a2112}
a{color:#6eeef5}code{color:#8ff3f8}
.checkout-card{border-color:rgba(46,230,240,.3);box-shadow:0 0 22px rgba(46,230,240,.12)}
.checkout-card .form-control,.checkout-card .form-select{background-color:#0a0f12;border-color:#1c2a30}
.checkout-card .form-control:focus,.checkout-card .form-select:focus{border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(46,230,240,.25)}