.scene{perspective:1400px;margin:70px auto 20px}.card{position:relative;overflow:hidden;transform-style:preserve-3d;background:linear-gradient(145deg,rgba(25,32,67,.84),rgba(9,13,30,.78));border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);transition:transform .12s ease}.calc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.mini-label{font-size:10px;letter-spacing:1.4px;color:#9ea8c5;font-weight:900}.calc-head h2{margin:6px 0 0;font-size:21px}.badge{font-size:12px;color:#b7ffe0;border:1px solid rgba(87,230,165,.25);background:rgba(87,230,165,.08);padding:7px 10px;border-radius:999px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:13px;color:#b7bfd7;margin-bottom:8px}.field input{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:15px;font:inherit;outline:none}.field input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(124,92,255,.12)}.options{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0;color:#c5cbe0;font-size:13px}.options label{display:flex;align-items:center;gap:8px}.options input{accent-color:var(--purple)}.actions{display:flex;gap:12px;margin-top:22px}.btn{border:0;border-radius:14px;padding:15px 20px;font-weight:800;cursor:pointer;font-size:14px}.primary{flex:1;color:#fff;background:linear-gradient(135deg,#7c5cff,#4f46e5);box-shadow:0 10px 30px rgba(124,92,255,.3)}.secondary{color:#d8dbea;background:rgba(255,255,255,.07);border:1px solid var(--line)}.error{display:none;margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ffb4b4;font-size:13px}.error.show{display:block}.result{display:none;margin-top:22px;padding:24px;border-radius:22px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(34,211,238,.06));border:1px solid rgba(124,92,255,.25)}.result.show{display:block;animation:pop .45s ease}.result-main{text-align:center}.result-main small{color:#aeb6d0}.result-main strong{display:block;font-size:clamp(25px,4vw,42px);margin-top:7px;line-height:1.2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.stat{padding:16px;text-align:center;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18)}.stat b{display:block;font-size:21px}.stat span{font-size:12px;color:#9da6c0}.copy{text-align:center;margin-top:18px}.copy button{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:10px;cursor:pointer}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:760px){.fields{grid-template-columns:1fr}.actions{flex-direction:column}.stats{grid-template-columns:1fr 1fr}.card{padding:20px}}@media(max-width:430px){.stats{grid-template-columns:1fr}}