:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #2563eb;--color-primary-dark: #1741a6;--color-accent: #43AA8B;--color-bg: #f7f8fa;--color-bg-card: #fff;--color-bg-header: #fff;--color-text: #232733;--color-text-secondary: #6b7280;--color-footer-bg: #222;--color-footer-text: #fff;color-scheme:light dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--color-bg: #181c23;--color-bg-header: #232733;--color-bg-card: #232733;--color-text: #f3f3f3;--color-text-secondary: #b0b6c3;--color-footer-bg: #181c23;--color-footer-text: #b0b6c3;--color-primary: #4f8cff;--color-primary-dark: #2563eb;--color-accent: #43AA8B}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-size:17px;transition:background .22s,color .22s}.main-header{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;padding:2.2rem 0 1.3rem;text-align:center;border-radius:0 0 22px 22px;margin-bottom:2.5rem;box-shadow:0 4px 24px #4f8ef71a}.main-header h1{margin:0;font-size:2.8rem;font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 8px #0002}.main-header nav{margin-top:.7rem}.nav-link{color:#fff;text-decoration:none;font-weight:700;margin:0 1.5rem;font-size:1.35rem;letter-spacing:.5px;text-transform:uppercase}.main-footer{background:var(--color-footer-bg);color:var(--color-footer-text);text-align:center;padding:1.3rem 0 1.1rem;border-radius:22px 22px 0 0;margin-top:2.7rem;font-size:1.13rem}.hero-block{text-align:center;margin:2.5rem 0 1.2rem}.hero-title{font-size:2.7rem;font-weight:800;margin-bottom:.5rem;letter-spacing:1px;color:var(--color-primary)}.hero-desc{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:.5rem}.tools-grid.modern{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin:0 auto;max-width:1200px}.tool-card.modern{background:var(--color-bg-card);color:var(--color-text);border-radius:22px;box-shadow:0 6px 32px #4f8ef71a;padding:2.2rem 1.2rem 1.2rem;width:100%;max-width:420px;margin:0 auto;text-align:left;transition:transform .22s,box-shadow .22s;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:210px}.tool-card.modern:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 8px 32px #4f8ef733}.tool-title{margin:.2rem 0 .3rem;font-size:1.35rem;font-weight:800;color:var(--color-primary-dark);letter-spacing:.5px}.tool-desc{color:var(--color-text-secondary);font-size:1.13rem;margin-bottom:1.2rem}.open-tool{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;border-radius:12px;padding:.85em 2.2em;font-size:1.18em;font-weight:700;cursor:pointer;margin-top:1.2rem;margin-bottom:.5rem;transition:background .2s,box-shadow .18s;box-shadow:0 2px 12px #4f8ef71a}.open-tool:hover{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-primary) 100%);box-shadow:0 4px 18px #43aa8b33}@media (max-width: 900px){.tools-grid.modern{grid-template-columns:repeat(2,1fr);gap:1.1rem}}@media (max-width: 600px){.tools-grid.modern{grid-template-columns:1fr;gap:1.1rem}.main-header{padding:1.1rem 0 .7rem;border-radius:0 0 12px 12px}.main-header h1{font-size:1.25rem}.nav-link{font-size:1rem;margin:0 .7rem}.tool-card.modern{padding:1rem .5rem;min-height:120px}.open-tool{font-size:1em;padding:.7em 1.2em}.main-footer{font-size:.97rem;padding:.7rem 0;border-radius:12px 12px 0 0}}.tool-page .tool-card.modern{margin:2rem auto 0;max-width:480px;width:100%}.theme-toggle{background:none;border:none;font-size:2.1rem;cursor:pointer;margin-left:1.7rem;color:var(--color-primary);transition:color .18s;vertical-align:middle}.theme-toggle:hover{color:var(--color-primary-dark)}