:root{color:#18202a;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#5470ff29,#0000 34rem),#f3f5f7;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#1f2a44;border:0;border-radius:.8rem;padding:.8rem 1rem;font-weight:700}button:hover{background:#111827}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #7c8cff}.shell{width:min(960px,100% - 2rem);margin:0 auto;padding:4rem 0}.hero{margin-bottom:2rem}.hero h1,.panel h2{margin:0;line-height:1.05}.hero h1{letter-spacing:-.06em;font-size:clamp(2.6rem,8vw,5.5rem)}.lede{color:#546171;max-width:42rem;font-size:1.1rem}.eyebrow{color:#5264d8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:800}.panel{background:#ffffffe6;border:1px solid #dde2e8;border-radius:1.2rem;margin-top:1rem;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 20px 50px #1f2a440f}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.status{color:#4455bd;background:#eef1ff;border-radius:999px;padding:.45rem .7rem;font-size:.8rem;font-weight:700}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.field{color:#4b5563;gap:.4rem;font-size:.85rem;font-weight:700;display:grid}.field input{color:#111827;background:#fff;border:1px solid #d7dde5;border-radius:.7rem;width:100%;padding:.75rem}.form-grid button{align-self:end}.output{color:#dbeafe;background:#111827;border-radius:.8rem;min-height:13rem;margin:1.5rem 0 0;padding:1rem;font-size:.85rem;overflow:auto}.compact{grid-template-columns:1fr 2fr auto;align-items:end;gap:1rem;display:grid}.holiday-form{grid-template-columns:1fr auto;align-items:end;gap:.75rem;display:grid}.holiday-output{color:#166534;text-align:center;background:#effaf4;border-radius:999px;min-width:5rem;padding:.65rem .8rem;font-weight:800}@media (width<=720px){.shell{padding:2rem 0}.form-grid{grid-template-columns:1fr 1fr}.compact{grid-template-columns:1fr;align-items:stretch}}@media (width<=480px){.form-grid,.holiday-form{grid-template-columns:1fr}.panel-heading{display:grid}.status{width:fit-content}}