*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.skip{color:#fff;z-index:999;background:#1e3a5f;border-radius:0 0 8px;padding:8px 16px;font-size:.85rem;text-decoration:none;position:absolute;top:-40px;left:0}.skip:focus{top:0}.w{max-width:1120px;margin:0 auto;padding:0 24px}.h{-webkit-backdrop-filter:blur(12px);z-index:100;background:#fffffff2;border-bottom:1px solid #e2e8f080;position:sticky;top:0}.h .w{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:#1e3a5f;letter-spacing:-.3px;font-size:1.15rem;font-weight:800;text-decoration:none}.logo span{color:#3b82f6}nav{gap:8px;display:flex}nav a{color:#64748b;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}nav a:hover{color:#1e3a5f;background:#f1f5f9}.hero{color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 100%);padding:56px 0 64px}.hero h1{letter-spacing:-.5px;margin-bottom:8px;font-size:2.2rem;font-weight:800}.hero p{color:#ffffffb3;max-width:600px;font-size:1.05rem}.grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:-28px;display:grid;position:relative}.card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;text-decoration:none;transition:all .2s;display:block;box-shadow:0 1px 3px #0000000f}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -5px #0000001a}.card .l{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-size:.7rem;font-weight:600}.card .v{color:#1e3a5f;letter-spacing:-.5px;margin:6px 0 2px;font-size:1.7rem;font-weight:700}.card .c{font-size:.78rem;font-weight:500}.up{color:#059669}.down{color:#dc2626}.s{background:#fff;border-radius:16px;margin:28px 0;padding:28px;box-shadow:0 1px 3px #0000000f}.s h2{color:#1e3a5f;margin-bottom:12px;font-size:1.2rem;font-weight:700}.s p{color:#475569;font-size:.95rem;line-height:1.75}.bg{padding:48px 0}.bg h2{color:#1e3a5f;text-align:center;margin-bottom:28px;font-size:1.4rem;font-weight:700}.bl{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.bc{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;transition:all .2s}.bc:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014}.bc h3{color:#1e3a5f;margin-bottom:8px;font-size:1.05rem;font-weight:600}.bc h3 a{color:inherit;text-decoration:none}.bc h3 a:hover{color:#3b82f6}.bc .m{color:#94a3b8;margin-bottom:6px;font-size:.8rem}.bc p{color:#64748b;font-size:.88rem;line-height:1.6}.article{max-width:700px;margin:0 auto;padding:40px 0}.article h1{color:#1e3a5f;letter-spacing:-.3px;margin-bottom:8px;font-size:1.8rem;font-weight:800}.article .m{color:#94a3b8;margin-bottom:28px;font-size:.85rem}.article h2{color:#1e3a5f;margin:28px 0 12px;font-size:1.2rem;font-weight:700}.article p,.article li{color:#475569;margin-bottom:12px;font-size:.95rem;line-height:1.8}.article ul{margin-bottom:16px;padding-left:24px}.hl{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;margin:16px 0;padding:14px 18px}.f{color:#ffffff80;background:#0f172a;padding:40px 0;font-size:.85rem}.f .w{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.f a{color:#60a5fa;text-decoration:none}.f a:hover{color:#93c5fd}.calc-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.cf{margin-bottom:18px}.cf label{color:#475569;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.cf input[type=range]{accent-color:#3b82f6;cursor:pointer;width:100%;height:5px}.cf select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:11px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.cf select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cr{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cl{color:#64748b;font-size:.82rem}.cv{color:#1e293b;font-size:.95rem;font-weight:600}.cv-big{color:#1e3a5f;letter-spacing:-.3px;font-size:1.25rem;font-weight:800}.cr-highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:none;border-radius:12px;margin:4px -20px 0;padding:14px 20px}@media (max-width:768px){.hero{padding:40px 0 52px}.hero h1{font-size:1.5rem}.hero p{font-size:.95rem}.w{padding:0 16px}.grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:-24px}.card{padding:14px}.card .v{font-size:1.3rem}.s{border-radius:12px;margin:20px 0;padding:20px}.calc-grid{grid-template-columns:1fr;gap:24px}.cr-highlight{margin:0 -16px;padding:14px 16px}.bl{grid-template-columns:1fr}.bg{padding:32px 0}.bg h2{font-size:1.2rem}.article{padding:24px 16px}.article h1{font-size:1.4rem}nav a{padding:6px 10px;font-size:.8rem}}@media (max-width:480px){.grid{gap:8px}.card{padding:12px}.card .v{font-size:1.1rem}}