*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#13131a;--surface2:#1c1c26;--border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.11);--text:#f0eff5;--muted:#848399;--muted2:#88879a;--gold:#c9a84c;--gold-dim:rgba(201,168,76,0.12);--green:#3dd68c;--green-dim:rgba(61,214,140,0.1);--red:#f06060;--tg:#2aabee;--tg-dim:rgba(42,171,238,0.12);--accent:#7c6ff7;--accent-dim:rgba(124,111,247,0.12)}html,body{background-color:#0a0a0f!important;color:#f0eff5!important}@media(prefers-color-scheme:light){html,body{background-color:#0a0a0f!important;color:#f0eff5!important}}body{font-family:'Inter',system-ui,sans-serif;min-height:100vh}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,0.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:0 2rem}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;height:64px;gap:2rem}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(201,168,76,0.4)}.nav-logo span{font-family:'Playfair Display',serif;font-size:15px;color:var(--gold)}.nav-links{display:flex;align-items:center;gap:1.75rem;margin-left:auto}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:.45rem 1rem;background:var(--gold);border-radius:8px;color:#0a0a0f!important;font-size:13px;font-weight:600}.page-hero{padding:7rem 1.5rem 3rem;text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 70% 50% at 50% 20%,rgba(201,168,76,0.05) 0%,transparent 70%)}.page-hero .label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:700;margin-bottom:.75rem}.page-hero p{font-size:14px;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.7}.container{max-width:960px;margin:0 auto;padding:3rem 1.5rem 5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.875rem}.tool-head{display:flex;align-items:center;justify-content:space-between}.tool-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.tool-badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:6px}.tool-badge.avail{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(201,168,76,0.2)}tool-badge.free{background:rgba(74,222,128,0.12);color:#4ade80;border:1px solid rgba(74,222,128,0.25)}.tool-badge.soon{background:rgba(255,255,255,0.05);color:var(--muted2);border:1px solid var(--border)}.badge-dev{background:rgba(245,166,35,0.12)!important;color:#f5a623!important;border:1px solid rgba(245,166,35,0.25)!important}.tool-progress-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:.4rem 0 3px}.tool-progress-top .pct{color:var(--gold);font-weight:600}.tool-progress-bar{height:5px;background:rgba(255,255,255,0.08);border-radius:3px;overflow:hidden}.tool-progress-fill{height:100%;background:var(--gold);border-radius:3px;transition:width 1s ease}.tool-eta{font-size:11px;color:var(--muted);margin:.4rem 0}.tool-card h3{font-size:15px;font-weight:600;color:var(--text)}.tool-card p{font-size:13px;color:var(--muted);line-height:1.6;flex:1}.tool-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border)}.tool-apercu-btn{display:inline-flex;align-items:center;padding:5px 12px;background:var(--gold);border-radius:8px;color:#0a0a0f;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s;letter-spacing:.02em}.tool-apercu-btn:hover{opacity:.85}.vote-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.vote-btn:hover{border-color:var(--green);color:var(--green);outline:2px solid rgba(61,214,140,0.12)}.vote-btn.voted{background:var(--green-dim);border-color:var(--green);color:var(--green)}.notify-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.notify-btn:hover{background:var(--tg);color:#fff;border-color:var(--tg);outline:2px solid rgba(42,171,238,0.2)}.notify-btn.done{background:var(--green-dim);border-color:rgba(61,214,140,0.3);color:var(--green)}.votes-count{font-variant-numeric:tabular-nums}.notify-band{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.75rem;margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.notify-band h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.notify-band p{font-size:13px;color:var(--muted);line-height:1.5}.btn-tg{display:inline-flex;align-items:center;gap:7px;padding:.65rem 1.25rem;background:var(--tg);border-radius:9px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;flex-shrink:0}.btn-tg:hover{opacity:.88}.cta-band{background:var(--surface);border-top:1px solid var(--border);padding:3.5rem 1.5rem;text-align:center}.cta-band h2{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.75rem}.cta-band p{font-size:14px;color:var(--muted);margin-bottom:1.75rem;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.7}.btn-tg-lg{display:inline-flex;align-items:center;gap:8px;padding:.8rem 1.75rem;background:var(--tg);border-radius:10px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.btn-tg-lg:hover{opacity:.88}footer{padding:2rem 1.5rem;border-top:1px solid var(--border)}.footer-links{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:5px}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:12px;color:var(--muted2);text-align:center}.notify-overlay{display:none;position:fixed;inset:0;background:rgba(8,8,10,0.92);backdrop-filter:blur(8px);z-index:999;align-items:center;justify-content:center}.notify-modal-card{background:var(--surface);border:1px solid var(--border2);border-radius:18px;padding:2rem;max-width:360px;width:calc(100% - 32px);text-align:center;position:relative}.notify-modal-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--tg),transparent);border-radius:18px 18px 0 0}.notify-modal-card h3{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:6px}.notify-modal-card p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px}.notify-modal-input{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;color:var(--text);font-size:14px;font-family:inherit;outline:none;text-align:center;margin-bottom:6px;transition:border-color .2s}.notify-modal-input:focus{border-color:var(--tg)}.notify-modal-error{font-size:12px;color:var(--red);min-height:14px;margin-bottom:8px}.btn-notify-confirm{width:100%;padding:11px;background:var(--tg);border:none;border-radius:9px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s}.btn-notify-confirm:hover{opacity:.88}.notify-modal-success{display:none;padding:10px;background:var(--green-dim);border:1px solid rgba(61,214,140,0.2);border-radius:8px;font-size:13px;color:var(--green);font-weight:600;margin-top:8px}.btn-notify-close{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;font-family:inherit;margin-top:10px;text-decoration:underline;display:block;width:100%}@media(max-width:640px){.nav-links .hide-mob{display:none}}.lang-btn:hover{color:var(--text);background:var(--surface2)}.lang-btn.active{color:var(--text);background:var(--surface2);border-color:var(--border2)}.lang-switch{display:flex;align-items:center;gap:4px;margin-right:auto;margin-left:1.5rem}.lang-flag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:4px;text-decoration:none;font-size:16px;opacity:.45;transition:opacity .2s;border:1px solid transparent;cursor:pointer}.lang-flag:hover{opacity:1}.lang-flag.active{opacity:1;border-color:var(--border2)}@media(max-width:480px){body{font-size:15px}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}.nav-links a.hide-mob{display:none}button,a.btn,.btn-gold,.btn-tg,.nav-cta,.lang-flag,.vote-btn,.vote-pill,.tool-apercu-btn,.guide-pill{min-height:44px;padding-top:.6rem;padding-bottom:.6rem}input,textarea,select{font-size:16px!important}}.mesh-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin:2.5rem 0}.mesh-block-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.mesh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.mesh-card{display:flex;align-items:flex-start;gap:10px;padding:.875rem 1rem;background:var(--surface2);border-radius:10px;text-decoration:none;transition:background .2s;border:1px solid var(--border)}.mesh-card:hover{background:#242432;border-color:var(--border2)}.mesh-card .mc-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.mesh-card .mc-text h4{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.mesh-card .mc-text p{font-size:12px;color:var(--muted);line-height:1.4}.guides-strip{background:var(--surface);border-top:1px solid var(--border);padding:2.5rem 1.5rem}.guides-strip-inner{max-width:1100px;margin:0 auto}.guides-strip h2{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:1rem}.guides-row{display:flex;gap:10px;flex-wrap:wrap}.guide-pill{display:inline-flex;align-items:center;gap:6px;padding:.5rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:20px;text-decoration:none;font-size:13px;font-weight:500;color:var(--muted);transition:all .2s}.guide-pill:hover{color:var(--text);border-color:var(--border2);background:#1e1e28}.footer-logo img{width:28px;height:28px;border-radius:50%;object-fit:cover}.footer-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:1rem;text-decoration:none}.footer-logo span{font-family:'Playfair Display',serif;font-size:13px;color:var(--gold)}
.nav-guides{color:var(--muted);font-weight:400;transition:color .2s}
.nav-guides:hover{color:var(--gold)}


footer{padding:2.5rem 1.5rem 2rem;border-top:1px solid var(--border);background:var(--surface)}
.footer-inner{max-width:1100px;margin:0 auto;text-align:center}
.footer-links{display:flex;align-items:center;justify-content:center;gap:.5rem 1.5rem;flex-wrap:wrap;margin-bottom:1rem}
.footer-links a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:5px}
.footer-links a:hover{color:var(--text)}
.footer-legal{display:flex;align-items:center;justify-content:center;gap:.5rem 1.25rem;flex-wrap:wrap;margin-bottom:.75rem}
.footer-legal a{font-size:12px;color:var(--muted2);text-decoration:none;transition:color .2s}
.footer-legal a:hover{color:var(--muted)}
.footer-copy{font-size:11px;color:var(--muted2);margin-bottom:.75rem}
.footer-seo{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;justify-content:center;padding-top:.75rem;border-top:1px solid var(--border);margin-top:.25rem}
.footer-seo-label{font-size:.7rem;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em;width:100%;text-align:center;margin-bottom:.2rem}
.footer-seo a{font-size:.75rem;color:var(--muted2);text-decoration:none;transition:color .2s}
.footer-seo a:hover{color:var(--gold)}