.calculator-container *{margin:0;padding:0;box-sizing:border-box}.calculator-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#ebeefc 0%,#f8f9ff 100%);border-radius:20px;padding:30px;margin:40px 0;color:#333;position:relative;overflow:hidden}.calculator-header{text-align:center;margin-bottom:40px}.calculator-header h2{color:#404040;font-size:2.2rem;font-weight:700;margin-bottom:10px;line-height:1.2}.calculator-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.5}.calculator-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.form-section,.results-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(58,114,211,.1);border:1px solid rgba(58,114,211,.1);position:relative}.form-section h3,.results-section h3{color:#404040;font-size:1.5rem;margin-bottom:25px;font-weight:600}.form-group{margin-bottom:25px}.form-group label{display:block;color:#404040;font-weight:500;margin-bottom:8px;font-size:.95rem}.input-wrapper{position:relative}.form-group input,.form-group select{width:100%;padding:15px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fafbfc;font-family:inherit;min-height:56px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3a72d3;background:#fff;box-shadow:0 0 0 3px rgba(58,114,211,.1)}.helper-text{font-size:.85rem;color:#666;margin-top:5px;line-height:1.4}.dual-input{display:grid;grid-template-columns:1fr 80px;gap:10px;align-items:end}.percentage-toggle{background:#3a72d3;color:#fff;border:none;border-radius:8px;padding:15px 10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;font-family:inherit}.percentage-toggle:hover{background:#2c5aa0;transform:translateY(-1px)}.calculate-btn,.primary-btn{width:100%;background:linear-gradient(135deg,#3a72d3 0%,#4c7fd7 100%);color:#fff;border:none;border-radius:12px;padding:18px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 15px rgba(58,114,211,.3);font-family:inherit}.calculate-btn:hover,.primary-btn:hover{background:linear-gradient(135deg,#2c5aa0 0%,#3a6bc7 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(58,114,211,.4)}.results-grid{display:grid;gap:20px}.result-item{background:linear-gradient(135deg,#ebeefc 0%,#f0f3ff 100%);padding:20px;border-radius:12px;border-left:4px solid #3a72d3;transition:transform .2s ease}.result-item:hover{transform:translateY(-2px)}.result-label{color:#666;font-size:.9rem;margin-bottom:5px}.result-value{color:#404040;font-size:1.4rem;font-weight:700;line-height:1.2}.result-value.highlight{color:#3a72d3;font-size:1.6rem}.cta-section{margin-top:30px;text-align:center}.cta-btn{background:linear-gradient(135deg,#ff6b6b 0%,#ff5252 100%);color:#fff;border:none;border-radius:12px;padding:20px 40px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,107,107,.3);text-decoration:none;display:inline-block;font-family:inherit}.cta-btn:hover{background:linear-gradient(135deg,#ff5252 0%,#f44336 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4);color:#fff;text-decoration:none}.warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-top:15px;color:#856404;font-size:.9rem}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:15px;margin-top:15px;color:#155724;font-size:.9rem}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:15px;margin-top:15px;color:#721c24;font-size:.9rem}.loading{opacity:.7;pointer-events:none}.loading:after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #3a72d3;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.animate-in{animation:slideInUp .4s ease-out}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:1024px){.calculator-container{padding:25px}.calculator-wrapper{gap:25px}.form-section,.results-section{padding:25px}}@media (max-width:768px){.calculator-container{padding:20px;margin:20px 0}.calculator-header h2{font-size:1.8rem}.calculator-header p{font-size:1rem}.calculator-wrapper{grid-template-columns:1fr;gap:20px}.form-section,.results-section{padding:20px}.dual-input{grid-template-columns:1fr 60px}.percentage-toggle{font-size:.8rem;padding:15px 8px}.result-value{font-size:1.2rem}.result-value.highlight{font-size:1.4rem}.cta-btn{padding:16px 30px;font-size:1.1rem;width:100%;max-width:300px}}@media (max-width:480px){.calculator-container{padding:15px;border-radius:15px}.calculator-header h2{font-size:1.6rem}.form-section,.results-section{padding:15px}.form-group{margin-bottom:20px}.form-group input,.form-group select{padding:12px 15px}.calculate-btn,.primary-btn{padding:15px;font-size:1rem}.result-item{padding:15px}}.calculator-container.theme-green .form-section,.calculator-container.theme-green .results-section{border:1px solid rgba(34,197,94,.1);box-shadow:0 10px 30px rgba(34,197,94,.1)}.calculator-container.theme-green .calculate-btn,.calculator-container.theme-green .primary-btn{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 15px rgba(34,197,94,.3)}.calculator-container.theme-green .result-item{border-left-color:#22c55e}.calculator-container.theme-green .result-value.highlight{color:#22c55e}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.hidden{display:none}.visible{display:block}