:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--primary:#2563eb;--primary-dark:#1d4ed8;--soft:#eff6ff;--shadow:0 20px 50px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffdb;justify-content:space-between;align-items:center;gap:24px;padding:18px 6vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.nav{color:var(--muted);gap:22px;font-weight:650;display:flex}.nav a:hover{color:var(--primary)}.menu-button{color:var(--text);background:0 0;border:0;display:none}.menu-button svg{width:26px;height:26px}.hero{text-align:center;background:linear-gradient(135deg,#eff6ff,#fff 45%,#f8fafc);padding:86px 6vw 58px}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:800}.hero h1,.page-head h1{letter-spacing:-.04em;max-width:950px;margin:12px auto;font-size:clamp(38px,6vw,70px);line-height:1.04}.hero-text,.page-head p,.section-lead{color:var(--muted);max-width:820px;margin:0 auto;font-size:20px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.button{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:12px 18px;font-weight:750;display:inline-flex;box-shadow:0 8px 20px #0f172a0a}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button:hover{transform:translateY(-1px)}.section{padding:56px 6vw}.section h2{letter-spacing:-.025em;text-align:center;margin:0 0 12px;font-size:34px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px;transition:all .18s;display:block}.card:hover{border-color:#bfdbfe;transform:translateY(-3px)}.card svg{width:30px;height:30px;color:var(--primary);margin-bottom:10px}.card h3{margin:0 0 8px;font-size:21px;line-height:1.25}.card p{color:var(--muted);margin:0}.split{grid-template-columns:1.35fr .8fr;align-items:center;gap:28px;display:grid}.split h2{text-align:left}.split p{color:var(--muted);font-size:18px}.note-card{background:var(--soft);border:1px solid #bfdbfe;border-radius:28px;padding:28px}.note-card svg{color:var(--primary);width:36px;height:36px}.page-head{text-align:center;background:linear-gradient(135deg,#eff6ff,#fff);padding:70px 6vw 36px}.tool-panel{border:1px solid var(--line);max-width:920px;box-shadow:var(--shadow);background:#fff;border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px auto 24px;padding:28px;display:grid}.field{flex-direction:column;gap:8px;font-weight:750;display:flex}.field span{color:var(--text)}input,select{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:13px 14px}input:focus,select:focus{border-color:var(--primary);outline:3px solid #bfdbfe}.check{align-items:center;gap:10px;font-weight:700;display:flex}.check input{width:auto}.result-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px;grid-column:1/-1;padding:20px}.result-box strong{font-size:24px}.result-box p{color:var(--muted);margin:6px 0 0}.big-result{font-weight:800;color:var(--text)!important;font-size:28px!important}.article-block,.article{max-width:920px;margin:28px auto;padding:0 6vw}.article-block h2,.article h2{letter-spacing:-.02em;margin-top:30px;font-size:30px}.article-block p,.article p,.article li{color:var(--muted);font-size:18px}.article{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;margin-top:42px;margin-bottom:42px;padding:42px}.article h1{letter-spacing:-.035em;margin:0 0 12px;font-size:46px;line-height:1.08}.article-intro{font-size:21px!important}.faq{gap:12px;display:grid}.faq details{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.faq summary{cursor:pointer;font-weight:800}.world-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.clock-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:20px}.clock-card h3{color:var(--muted);margin:0}.clock-card p{margin:8px 0;font-size:30px;font-weight:850}.clock-card span{color:var(--muted)}.related{margin-top:26px}.footer{color:#fff;background:#0f172a;grid-template-columns:1fr 1fr;gap:28px;padding:36px 6vw;display:grid}.footer p{color:#cbd5e1;max-width:620px}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.footer-links a{color:#dbeafe}@media (width<=900px){.grid,.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.tool-panel,.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.menu-button{display:block}.nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;flex-direction:column;padding:18px;display:none;position:absolute;top:70px;right:6vw}.nav.open{display:flex}}@media (width<=620px){.grid,.world-grid{grid-template-columns:1fr}.hero{padding-top:58px}.hero h1,.page-head h1{font-size:38px}.article{padding:28px}.article h1{font-size:34px}}