*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#020617;color:#e2e8f0;line-height:1.6}a{color:#7c3aed;text-decoration:none}a:hover{text-decoration:underline}img,max-width{max-width:100%}.page-body{min-height:100vh;background:linear-gradient(180deg,#020617 0%,#071124 100%)}.site-header{background:rgba(8,15,40,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.06)}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand-logo{font-weight:800;font-size:1.2rem;letter-spacing:-.02em}.main-nav{display:flex;flex-wrap:wrap;gap:12px}.nav-link{color:#cbd5e1;font-size:.95rem}.nav-toggle{display:none;background:#1d4ed8;color:#fff;border:0;border-radius:999px;padding:.75rem 1rem}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0}.hero-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:32px}.hero-copy{padding:32px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.12);border-radius:28px;backdrop-filter:blur(12px)}.hero-copy h1{font-size:2.8rem;line-height:1.05;margin:16px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:52px;padding:0 1.4rem;border:none;border-radius:999px;font-weight:600;letter-spacing:.02em;text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,filter .25s ease,opacity .25s ease;position:relative;overflow:hidden}
.button::after,.btn::after{content:"→";display:inline-block;opacity:.9;transform:translateX(0);transition:transform .25s ease}
.button:hover::after,.btn:hover::after{transform:translateX(4px)}
.button-primary,.btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#5b21b6 100%);color:#fff;box-shadow:0 22px 60px rgba(124,58,237,.20);backdrop-filter:blur(8px)}
.button-secondary,.btn-secondary{background:rgba(255,255,255,.08);color:#f8fafc;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px rgba(15,23,42,.15);backdrop-filter:blur(10px)}
.button:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.button:active,.btn:active{transform:scale(.98)}
.button:focus-visible,.btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(124,58,237,.28)}
.button[disabled],.btn[disabled],.button.disabled,.btn.disabled{opacity:.65;cursor:not-allowed;pointer-events:none;transform:none}
.button.is-loading,.btn.is-loading{pointer-events:none;opacity:.9}
.button.is-loading::before,.btn.is-loading::before{content:'Loading…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700}
.button-icon{display:inline-flex;align-items:center;gap:.6rem}
.hero-card{padding:24px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.12);border-radius:24px}.section-panel{margin-bottom:32px}.section-header{margin-bottom:24px}.section-header h1,.section-header h2{font-size:2rem}.section-header p{margin-top:12px;color:#cbd5e1}.cards-grid,.category-grid,.blog-grid{display:grid;gap:20px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.glass-card{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.08);border-radius:24px;padding:24px;backdrop-filter:blur(18px)}.tool-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.tool-emoji{font-size:1.8rem}.tool-card-meta{margin-bottom:18px}.tag{display:inline-flex;background:#1e293b;color:#e2e8f0;border-radius:999px;padding:6px 12px;font-size:.82rem;margin-right:8px;margin-bottom:8px}.footer-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 0}.footer-links{color:#94a3b8}.footer-note{color:#94a3b8;margin-bottom:10px}.consent-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.94);color:#e2e8f0;padding:18px 24px;border-radius:24px;display:flex;gap:16px;align-items:center;max-width:calc(100% - 32px);box-shadow:0 20px 80px rgba(15,23,42,.4)}.search-panel input,.newsletter-form input{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;padding:16px}.search-page{width:100%;max-width:900px;margin:0 auto;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.24);border-radius:28px;display:grid;gap:18px}.search-widget{display:grid;gap:18px}.search-input-wrapper{position:relative;display:grid;align-items:center;width:100%;height:60px;padding:0 18px;background:rgba(15,23,42,.80);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.18);border-radius:18px}.search-input-wrapper input{width:100%;height:100%;padding:0 52px 0 44px;background:transparent;color:#fff;border:none;outline:none;font-size:1rem;font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:#a78bfa}.search-input-wrapper input::placeholder{color:transparent}.search-label{position:absolute;left:44px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8;font-size:1rem;transition:all .22s ease;opacity:.96}.search-input-wrapper input:focus + .search-label,.search-input-wrapper input:not(:placeholder-shown) + .search-label{top:14px;font-size:.82rem;color:#c7d2fe;transform:translateY(0)}.search-icon{position:absolute;left:18px;font-size:1.2rem;color:#8b5cf6;pointer-events:none}.search-clear{position:absolute;right:80px;width:38px;height:38px;border:none;border-radius:999px;background:rgba(255,255,255,.08);color:#e2e8f0;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:background .2s ease}.search-clear:hover{background:rgba(255,255,255,.16)}.search-shortcut{position:absolute;right:18px;color:#94a3b8;font-size:.82rem;font-weight:500;letter-spacing:.02em}.search-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px}.search-meta strong{display:block;margin-bottom:10px;color:#fff;font-size:.95rem}.search-tags{display:flex;flex-wrap:wrap;gap:10px}.search-tag{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.16);color:#e2e8f0;font-size:.92rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.search-tag:hover{transform:translateY(-1px);background:rgba(124,58,237,.18)}.search-results-panel{display:grid;gap:12px}.search-results{display:grid;gap:12px}.search-result{display:block;padding:18px 22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.12);transition:background .2s,border .2s;overflow:hidden}.search-result:hover{background:rgba(255,255,255,.08)}.search-result strong{display:block;color:#fff}.search-result span{display:inline-block;margin:10px 0 0;color:#94a3b8;font-size:.85rem}.search-result p{margin-top:8px;color:#cbd5e1;font-size:.95rem;line-height:1.45}.search-hint{margin:0;color:#94a3b8;font-size:1rem}.search-input-wrapper input:focus{outline:none}.search-page.focused .search-input-wrapper{box-shadow:0 0 0 3px rgba(124,58,237,.20)}@media(max-width:780px){.search-page{padding:20px}.search-input-wrapper{height:56px;padding:0 16px}.search-icon{left:14px}.search-label{left:42px}.search-clear{right:72px}.search-shortcut{display:none}.search-meta{grid-template-columns:1fr}}.newsletter-form{display:grid;gap:12px}@media(max-width:900px){.hero-panel{grid-template-columns:1fr}.main-nav{display:none}.nav-toggle{display:inline-flex}.mobile-menu{display:none}.site-header .mobile-menu[hidden]{display:none}}@media(max-width:680px){.page-shell{padding:18px 0}}