:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#18212f;background:#eef3f8;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(109,172,255,.2),transparent 28%),linear-gradient(180deg,#f6f9fc,#ebf1f7)}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.hero{background:linear-gradient(135deg,#10233f,#1d4e89 52%,#4f86c6);color:#fff;border-radius:28px;padding:24px;box-shadow:0 24px 60px #10233f2e}.top-nav{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:56px}.brand-button{border:none;background:transparent;color:#fff;font-size:1.1rem;font-weight:700;padding:0;text-align:left}.nav-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.nav-chip{border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:#fff;border-radius:999px;padding:10px 14px;transition:transform .2s ease,background .2s ease}.nav-chip:hover,.nav-chip.active{background:#fff3;transform:translateY(-1px)}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;margin:0 0 12px;color:#ffffffd1}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:0 0 16px}.hero-text{margin:0;font-size:1.02rem;max-width:640px;color:#ffffffe0}.main-content{margin-top:28px}.tool-grid-section,.tool-panel{background:#ffffffc2;border:1px solid rgba(153,170,189,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:28px;box-shadow:0 18px 45px #36485f1a}.section-heading{margin-bottom:22px}.section-heading h2,.tool-panel h2{margin:0 0 8px;font-size:1.8rem}.section-heading p,.tool-panel p{margin:0;color:#566579}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.tool-card,.result-card,.case-card{background:#fff;border:1px solid #dce5ef;border-radius:20px;padding:20px;box-shadow:0 12px 28px #50657e14}.tool-card h3,.case-card h3{margin-top:0;margin-bottom:10px}.tool-card p,.case-card p{margin-bottom:16px}.primary-button,.back-button{border:none;border-radius:14px;padding:12px 18px;font-weight:600}.primary-button{background:#1d5fa7;color:#fff}.back-button{background:#e4edf7;color:#16314f;min-width:88px}.tool-panel-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:20px}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px}.field span{font-weight:600;color:#27384c}.field input,.field textarea{width:100%;border:1px solid #c8d5e4;border-radius:16px;padding:14px 16px;background:#fbfdff;color:#18212f;outline:none}.field input:focus,.field textarea:focus{border-color:#4f86c6;box-shadow:0 0 0 4px #4f86c626}.helper-text{color:#68788c}.error-text{margin-top:0;color:#b42318;background:#feeceb;border:1px solid #f7c8c5;padding:12px 14px;border-radius:14px}.result-grid,.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}.result-label{display:block;color:#68788c;margin-bottom:8px}.result-card strong{font-size:1.45rem;color:#10233f}.single-result{max-width:280px}@media (max-width: 900px){.top-nav{flex-direction:column}.nav-actions{justify-content:flex-start}.form-grid-two,.form-grid-three{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{width:min(100% - 20px,1180px);padding-top:10px}.hero,.tool-grid-section,.tool-panel{border-radius:22px;padding:20px}.tool-panel-header{flex-direction:column}.nav-chip{width:100%;text-align:center}.nav-actions{width:100%}}