*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f7ff;color:#17213a}a{text-decoration:none}.hero{color:#fff;min-height:320px;background:linear-gradient(135deg,#0d47a1,#3949ab 50%,#7b1fa2);overflow:hidden;position:relative}.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 4%;position:relative;z-index:2}.logo{color:#fff;font-weight:900;font-size:20px;display:flex;gap:9px;align-items:center}.logo:first-letter{background:#fff;color:#3949ab}.logo{background:transparent}.logo::before{content:"";width:42px;height:42px;background:#fff;border-radius:13px;display:block;position:absolute;z-index:-1}.logo-mark{display:none}.menu{display:flex;gap:8px;font-weight:800;font-size:14px}.menu a,.menu span{color:#fff}.heroText{text-align:center;padding:45px 15px 60px}.pill{display:inline-block;padding:8px 13px;border:1px solid #ffffff40;background:#ffffff18;border-radius:999px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(34px,7vw,62px);margin:14px 0 7px;text-shadow:0 7px 22px #0005}.hero p{font-size:clamp(15px,3vw,21px)}.icons{font-size:34px;word-spacing:13px;animation:float 2.4s ease-in-out infinite}.notice,.card{max-width:1100px;margin:18px auto;padding:20px;background:#fff;border-radius:21px;border:1px solid #dfe7f5;box-shadow:0 10px 28px #243b7014}.notice{margin-top:-25px;position:relative;z-index:3;background:#fff8e1;border-color:#ffd166;line-height:1.6}.card h2{color:#3949ab}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.grid label{font-weight:900;font-size:13px}.grid input,.grid select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #cdd8ed;border-radius:12px;background:#fbfcff;font-size:15px}.quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding:12px;border-radius:13px;background:#f2efff}.quick button,.actions button{border:0;border-radius:11px;padding:12px 14px;font-weight:900;cursor:pointer}.quick button{background:#fff;border:1px solid #cfc2ef}.quick small{color:#665f77}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.actions button{background:#e9eefb;color:#243052}.actions .primary{background:linear-gradient(135deg,#3949ab,#7b1fa2);color:#fff}.result{text-align:center;background:linear-gradient(145deg,#fff,#f1f6ff);animation:in .6s}.hidden{display:none}.celebrate{font-size:40px;animation:bounce 1s infinite}.amount{font-size:clamp(40px,8vw,68px);font-weight:1000;color:#1b5e20}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resultGrid div{padding:12px;background:#fff;border:1px solid #dfe7f6;border-radius:13px}.resultGrid span{display:block;font-size:11px;color:#69758e}.resultGrid b{display:block;margin-top:4px}.formula{background:#edf3ff;padding:14px;border-radius:13px;line-height:1.6}.card h3{color:#512da8;margin-top:28px}.card h4{color:#3949ab}.card p,.card li{line-height:1.75;font-size:15px}.card ul{padding-left:22px}#error{color:#c62828;font-weight:800;min-height:22px;margin-top:10px}footer{text-align:center;padding:28px;background:#101936;color:#dce4ff;margin-top:30px}@keyframes float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes bounce{50%{transform:scale(1.15) rotate(4deg)}}@keyframes in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:800px){.nav{flex-direction:column;align-items:flex-start;gap:10px}.grid{grid-template-columns:1fr 1fr}.resultGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid,.resultGrid{grid-template-columns:1fr}.notice,.card{margin:12px 8px;padding:15px;border-radius:17px}.actions button{flex:1 1 45%}.menu{font-size:12px;flex-wrap:wrap}.icons{font-size:27px}}@media print{.hero,.notice,.actions,.quick,#guide,footer{display:none!important}.card{box-shadow:none;border:0}.result{display:block!important}}