:root{--bg: #f4f7fb;--bg-2: #edf3f9;--panel: rgba(255, 255, 255, .88);--panel-soft: rgba(255, 255, 255, .96);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .06);--text: #162033;--muted: #5f6f85;--accent: #0f766e;--accent-2: #2563eb;--accent-3: #7c3aed;--shadow: 0 20px 48px rgba(148, 163, 184, .16);--shadow-soft: 0 10px 24px rgba(148, 163, 184, .12)}body.light{--bg: #eef4ff;--bg-2: #ffffff;--panel: rgba(255, 255, 255, .78);--panel-soft: rgba(248, 250, 252, .94);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .06);--text: #0f172a;--muted: #52627a;--accent: #0f766e;--accent-2: #2563eb;--accent-3: #7c3aed;--shadow: 0 24px 60px rgba(148, 163, 184, .18);--shadow-soft: 0 12px 30px rgba(148, 163, 184, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,sans-serif;font-size:14px;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at top right,rgba(124,58,237,.06),transparent 24%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);color:var(--text)}a{color:inherit}button,input,select{font:inherit}.shell{max-width:1480px;margin:0 auto;padding:18px 18px 92px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:14px 16px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),var(--panel);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:sticky;top:12px;z-index:20}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));color:#fff;font-weight:800}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:.93rem}.brand-copy small{color:var(--muted);font-size:.68rem}.top-nav{display:flex;flex-wrap:wrap;gap:10px}.top-nav a{text-decoration:none;padding:9px 14px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);font-size:.8rem}.top-nav a.active,.nav-link.active{background:linear-gradient(135deg,#5eead429,#60a5fa2e);border-color:#60a5fa57}.hero,.panel,.sidebar-card,.floating-actions{background:linear-gradient(180deg,#ffffff0a,#ffffff03),var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero{border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:stretch;margin-bottom:22px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;background:radial-gradient(circle,rgba(94,234,212,.18),transparent 60%)}.hero-copy{position:relative;z-index:1;max-width:760px}.hero h1{margin:12px 0 10px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;letter-spacing:-.03em}.hero p,.content-head p,.chart-head p,.sidebar-card p,.dashboard-tile p{color:var(--muted);line-height:1.5;font-size:.88rem}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#5eead424,#60a5fa29);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.small-pill{font-size:.64rem;padding:5px 9px}.hero-highlights{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}.hero-highlights span,.floating-actions,.app-footer{color:var(--muted)}.hero-highlights span{padding:8px 11px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);font-size:.72rem}.hero-controls,.floating-actions{min-width:280px;display:grid;gap:12px;align-content:start;position:relative;z-index:1}.app-card{padding:16px;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),var(--panel-soft);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.control-group{display:grid;gap:8px}.control-group label{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}select,input,button{border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:14px;padding:12px 14px;font-size:.86rem}button{cursor:pointer}select:focus,input:focus,button:focus{outline:none;border-color:#60a5fa73;box-shadow:0 0 0 4px #60a5fa1f}.premium-btn{background:linear-gradient(135deg,#60a5fa29,#c084fc29);border-color:#60a5fa42}.hero-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-mini-stats article{padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid var(--border)}.hero-mini-stats strong{display:block;font-size:1rem;margin-bottom:4px}.hero-mini-stats span{color:var(--muted);font-size:.7rem}.page-content{display:grid;gap:22px}.dashboard-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-tile{padding:18px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:var(--shadow-soft)}.dashboard-tile span{display:block;margin-bottom:7px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.dashboard-tile strong{display:block;font-size:1.16rem;letter-spacing:-.03em;margin-bottom:7px}.section-panel{display:grid;gap:18px;padding:22px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.section-head h2,.feature-card h3,.sidebar-card h2,.sidebar-card h3,.content-head h2{margin:0}.section-head h2,.content-head h2{font-size:1.3rem}.feature-card h3,.sidebar-card h2,.sidebar-card h3{font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.feature-card{padding:18px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#ffffff05),var(--panel-soft);display:grid;gap:12px;box-shadow:var(--shadow-soft)}.card-actions{margin-top:auto}.card-link,.nav-link{text-decoration:none}.card-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#5eead429,#60a5fa2e);border:1px solid rgba(96,165,250,.28);font-weight:600;font-size:.84rem}.breadcrumb-row{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--muted)}.breadcrumb-row a{color:var(--accent);text-decoration:none}.calculator-page-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.sidebar{display:grid;gap:20px;align-self:start}.sidebar-card,.panel{border-radius:22px;padding:20px}.calculator-list{display:grid;gap:10px;margin-top:18px}.static-list .nav-link{display:block;width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#ffffff0d;font-weight:600;font-size:.84rem}.content{display:grid;gap:20px}.content-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.formula-box{padding:16px;border-radius:18px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),var(--panel-soft);border:1px solid var(--border);min-width:280px}.formula-box span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.formula-box code{font-size:.82rem}.workspace-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:20px}.calculator-form{display:grid;gap:14px}.field{display:grid;gap:8px;padding:14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04)}.field label{font-size:.82rem;font-weight:600}.field .hint{font-size:.7rem;color:var(--muted)}.result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.result-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08),var(--panel-soft);border:1px solid var(--border);border-radius:18px;padding:16px}.result-card span{display:block;color:var(--muted);margin-bottom:7px;font-size:.72rem}.result-card strong{font-size:1rem;letter-spacing:-.02em}.table-wrap{overflow:auto;border-radius:22px;border:1px solid var(--border);background:#ffffff08}table{width:100%;border-collapse:collapse;min-width:640px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:.82rem}th{background:#ffffff0d;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.chart-container{height:420px}.app-footer{margin-top:26px;text-align:center;font-size:.76rem}.floating-actions{position:fixed;right:20px;bottom:20px;width:min(320px,calc(100vw - 28px));padding:14px;border-radius:20px}@media (max-width: 1100px){.site-header,.calculator-page-grid,.workspace-grid,.content-head,.hero{flex-direction:column;grid-template-columns:1fr}.top-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.top-nav a{white-space:nowrap}.formula-box,.hero-controls{width:100%;min-width:0}}@media (max-width: 880px){.shell{padding:14px 14px 110px}.site-header{border-radius:20px;padding:14px;top:8px}.hero{padding:22px;border-radius:26px}.hero h1{font-size:clamp(1.6rem,6vw,2.4rem)}.section-panel,.sidebar-card,.panel{padding:20px}.card-grid,.dashboard-strip{grid-template-columns:1fr}.hero-mini-stats{grid-template-columns:1fr 1fr}.feature-card,.result-card,.field,.static-list .nav-link,.card-link{border-radius:20px}.floating-actions{left:14px;right:14px;width:auto}}