:root{--bg-color:#f0f0eb;--card-bg:#fff;--text-main:#111;--text-sub:#555;--accent:#b91c1c;--border:#ccc;--border-strong:#111;--font-brand:"Playfair Display", Georgia, "Times New Roman", serif;--font-display:"Outfit", sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-section:2.5rem;--space-page:3rem;--radius-sm:2px;--weight-display:500;--weight-display-strong:600;--weight-body:400;--weight-body-strong:500;--weight-label:600;--weight-heading:700;--text-xs:.72rem;--text-sm:.85rem;--text-base:.95rem;--text-md:1.05rem;--text-lg:1.35rem;--text-xl:1.75rem;--text-2xl:2.25rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;font-family:var(--font-sans);background-image:radial-gradient(#aaa 1px,#0000 1px);background-size:30px 30px;flex-direction:column;display:flex}.container{flex-direction:column;flex-grow:1;width:100%;max-width:1080px;margin:0 auto;padding:0 32px;display:flex}header{text-align:center;padding:40px 0 16px}.logo{font-family:var(--font-brand);letter-spacing:-.03em;color:var(--text-main);font-size:2.25rem;font-weight:700;line-height:1.15;text-decoration:none}.logo span{color:var(--accent)}.hero{text-align:center;margin-bottom:var(--space-section)}.hero-kicker{font-family:var(--font-mono);color:var(--text-sub);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-weight:400;line-height:1.55}.hero-btn{background-color:var(--text-main);color:#fff;font-family:var(--font-mono);text-transform:uppercase;border:2px solid var(--text-main);letter-spacing:.08em;padding:14px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-block}.hero-btn:hover{background-color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 18px #b91c1c47}.hero-btn:focus-visible{outline-offset:2px;outline:2px solid #343434}.grid{padding-bottom:var(--space-section);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.nav-card{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);flex-direction:column;justify-content:space-between;min-height:280px;padding:1.5rem 1.35rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000008}.nav-card:hover{border-color:var(--text-main);transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.nav-card:focus-visible{outline-offset:2px;outline:2px solid #343434}.tag{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;color:var(--accent);letter-spacing:.05em;width:fit-content;margin-bottom:.85rem;padding:0;font-weight:700;line-height:1.3;display:block}.nav-card h3{font-family:var(--font-display);color:var(--text-main);min-height:3.7rem;margin-bottom:.65rem;font-size:1.85rem;font-weight:700;line-height:1.05}.desc{font-size:var(--text-sm);color:var(--text-sub);min-height:2.6rem;margin-bottom:1.25rem;line-height:1.55}.action-area{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.arrow{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-main);letter-spacing:.02em;font-size:.8rem;font-weight:700}footer{border-top:2px solid var(--text-main);text-align:center;background:var(--card-bg);margin-top:auto;padding:1.75rem 0}.footer-credit{font-family:var(--font-sans);color:var(--text-sub);letter-spacing:.03em;margin-bottom:.4rem;font-size:.72rem}.footer-credit a{color:var(--text-sub)}.footer-credit a:hover{color:var(--accent)}.footer-copy{font-family:var(--font-brand);font-size:.85rem;font-weight:600}.spinner{border:2px solid var(--border);border-top-color:var(--text-main);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:40px;height:40px}.spinner-sm{border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{z-index:999;background:#f5f5f0d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.loading-overlay .spinner{border-width:4px;width:48px;height:48px}.loading-overlay .loading-text{font-family:var(--font-mono);color:var(--text-sub);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.btn-loading{pointer-events:none;opacity:.7}.btn-loading .spinner{vertical-align:middle;margin-right:6px}@media (width<=720px){header{padding:24px 0 12px}.container{padding:0 16px 48px}.logo{min-height:2.1rem;font-size:1.6rem}.grid{gap:1rem}.nav-card{min-height:auto;padding:1.25rem 1.1rem}.nav-card h3{min-height:auto;margin-bottom:.5rem;font-size:1.4rem}.desc{min-height:auto;margin-bottom:1rem;font-size:.85rem}.action-area{padding-top:.85rem}}.footer-heart{color:#ef4444;animation:1.2s infinite heartBeat;display:inline-block}.footer-author{border-bottom:1px dashed var(--border);font-weight:700;text-decoration:none;transition:all .2s;color:var(--accent)!important}.footer-author:hover{border-bottom-color:var(--text-main);color:var(--text-main)!important}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.12)}70%{transform:scale(1)}}.stat-strip{background:var(--border);margin-bottom:var(--space-section);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat-strip .stat{background:var(--card-bg);text-align:center;padding:1rem .85rem}.stat-strip .stat-num{font-family:var(--font-display);font-weight:var(--weight-display-strong);color:var(--accent);font-size:1.65rem;line-height:1.15}.stat-strip .stat-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-sub);letter-spacing:.07em;margin-top:.2rem;font-size:.65rem;line-height:1.35}.why-heading{text-align:center;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-sub);letter-spacing:.1em;margin-bottom:1rem;font-size:.78rem;font-weight:500}.why-grid{margin-bottom:var(--space-section)}.nav-card--compact{min-height:auto;padding:1.25rem 1.15rem}.nav-card--compact h3{min-height:auto;margin-bottom:.5rem;font-size:1.25rem;line-height:1.15}.nav-card--compact .desc{min-height:auto;margin-bottom:0}@media (width<=720px){.stat-strip{grid-template-columns:repeat(2,1fr)}.stat-strip .stat{padding:.85rem .65rem}.stat-strip .stat-num{font-size:1.35rem}.why-grid{margin-bottom:2rem}}@media (width<=480px){.stat-strip{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){:root{--bg-color:#121214;--card-bg:#1a1a1f;--text-main:#f1f5f9;--text-sub:#94a3b8;--accent:#ef4444;--border:#2e2e38;--border-strong:#f1f5f9}body{background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:30px 30px;background-color:var(--bg-color)}.seo-section{background:#1a1a1f!important;border-color:#2e2e38!important}.seo-section h2{color:#f1f5f9!important}.seo-section p{color:#94a3b8!important}.faq-title{color:#f1f5f9!important}.faq-item{background:#151518!important;border-color:#2e2e38!important}.faq-item h4{color:#f1f5f9!important}.faq-item p{color:#94a3b8!important}.action-area{border-top-color:#2e2e38!important}.hero-buttons .hero-btn{color:#121214!important;background-color:#f1f5f9!important;border-color:#f1f5f9!important}.hero-buttons .hero-btn:hover{background-color:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}}