*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#1f2937,#111827);color:#e5e7eb}.page-container{max-width:900px;margin:0 auto;padding:0 1.5rem}h1{text-align:center;margin-top:40px;font-weight:600;letter-spacing:.5px;color:#f3f4f6}p.subtitle{text-align:center;max-width:600px;margin:0 auto 6px;font-weight:600;font-size:.95rem;color:#e5e7eb}p.calculator-information{text-align:center;max-width:600px;margin:0 auto;font-size:.8rem;color:#9ca3af;line-height:1.4}.calculator-form{max-width:700px;margin:30px auto 60px;padding:30px;background:#1f2937;border-radius:12px;box-shadow:0 10px 35px #0006;border:1px solid #374151}.form-group{display:flex;flex-direction:column;margin-bottom:22px}label{font-weight:600;margin-bottom:6px;font-size:.95rem;color:#e5e7eb}.helper-text{margin-top:6px;font-size:.8rem;color:#9ca3af;line-height:1.4}input,select{padding:10px 12px;font-size:.95rem;border-radius:8px;border:1px solid #374151;transition:all .2s ease;background-color:#111827;color:#f3f4f6}input:focus,select:focus{outline:none;border-color:#3b82f6;background-color:#0f172a;box-shadow:0 0 0 3px #3b82f640}input[type=number]::-webkit-inner-spin-button{opacity:.3}.field-error{color:#ef4444;font-size:.85rem;margin:4px 0 0}button{margin-top:10px;padding:12px 16px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;background:#3b82f6;color:#fff;transition:all .2s ease}button:hover{background:#2563eb;transform:translateY(-1px)}button:active{transform:translateY(0)}p.result{text-align:center;font-size:1.2rem;font-weight:600;max-width:700px;margin:20px auto 60px;padding:18px;background:#132e23;border-left:4px solid #22c55e;border-radius:8px;color:#bbf7d0}