@layer theme,base;@layer components{.bs .top-bar .icon img{width:100%;max-width:20px;margin-right:2px;line-height:0}.bs .top-bar .icon{line-height:0}.bs .calculator-section{background:linear-gradient(#fff 0%,#f0f7ff 100%);padding:60px 0 80px}.bs .calculator-header{text-align:center;max-width:700px;margin:0 auto 40px}.bs .calculator-header h1{letter-spacing:-.5px;color:#0f172a;margin-bottom:16px;font-size:38px;font-weight:700;line-height:1.2}.bs .calculator-header p{color:#64748b;font-size:17px;line-height:1.6}.bs .highlited-blue{color:#2563eb}.bs .calculator-wrapper{flex-direction:column;gap:24px;max-width:1000px;margin:0 auto;display:flex}.bs .input-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #00000014,0 8px 30px #0000000f}.bs .input-card-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:24px;font-size:13px;font-weight:600}.bs .input-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bs .bs-input-group{flex-direction:column;display:flex}.bs .bs-input-group.full-width{grid-column:1/-1}.bs .input-label{color:#334155;align-items:center;gap:4px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.bs .input-label .required{color:#ef4444;font-size:12px}.bs .input-label .optional-tag{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:400}.bs .input-field{position:relative}.bs .input-field .currency-symbol{color:#94a3b8;font-size:15px;font-weight:500;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.bs .input-field input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:14px 16px 14px 36px;font-size:16px;font-weight:500;transition:all .2s}.bs .input-field input:hover{border-color:#cbd5e1}.bs .input-field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.bs .input-field input::placeholder{color:#cbd5e1;font-weight:400}.bs .input-field.no-symbol input{padding-left:16px}.bs .results-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 1px 3px #00000014,0 8px 30px #0000000f}.bs .results-card-title{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:20px;font-size:13px;font-weight:600}.bs .results-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.bs .result-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.bs .result-item.highlight{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe}.bs .result-item.profit{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac}.bs .result-item.profit.negative{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fca5a5}.bs .result-item-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500}.bs .result-item-value{color:#0f172a;font-size:22px;font-weight:700}.bs .result-item.profit .result-item-value{color:#16a34a}.bs .result-item.profit.negative .result-item-value{color:#dc2626}.bs .result-item.highlight .result-item-value{color:#2563eb}.bs .margin-badge{text-align:center;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600}.bs .margin-badge.good{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.bs .margin-badge.average{color:#d97706;background:#fffbeb;border:1px solid #fcd34d}.bs .margin-badge.low{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.bs .disclaimer-text{text-align:center;color:#94a3b8;margin-top:24px;font-size:13px;line-height:1.5}.bs .suggestion-cta{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:24px;margin-top:40px;padding:28px 32px;display:flex}.bs .suggestion-cta-content{flex:1}.bs .suggestion-cta-content h3{color:#0f172a;margin-bottom:6px;font-size:18px;font-weight:700}.bs .suggestion-cta-content p{color:#64748b;margin:0;font-size:14px;line-height:1.5}.bs .suggestion-cta-links{gap:12px;display:flex}.bs .suggestion-cta-link{color:#1e293b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bs .suggestion-cta-link:hover{color:#2563eb;border-color:#2563eb;text-decoration:none;box-shadow:0 4px 12px #2563eb26}.bs .suggestion-cta-link span{font-size:18px}@media (width<=768px){.bs .suggestion-cta{text-align:center;flex-direction:column;gap:20px}.bs .suggestion-cta-links{flex-direction:column;width:100%}.bs .suggestion-cta-link{justify-content:center}}@media (width<=700px){.bs .results-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bs .calculator-header h1{font-size:28px}.bs .input-grid{grid-template-columns:1fr}.bs .input-card,.bs .results-card{padding:24px}.bs .result-item-value{font-size:18px}}.bs .info-section{background:#fff;padding:80px 0}.bs .info-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.bs .info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:28px}.bs .info-card.full-width{grid-column:1/-1}.bs .info-card-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;font-size:22px;display:flex}.bs .info-card h3{color:#0f172a;margin-bottom:12px;font-size:18px;font-weight:700}.bs .info-card p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.bs .info-card ul{margin:12px 0 0;padding-left:18px}.bs .info-card li{color:#64748b;margin-bottom:6px;font-size:14px;line-height:1.7}.bs .formula-display{background:#0f172a;border-radius:10px;margin-top:16px;padding:20px}.bs .formula-display code{color:#4ade80;margin-bottom:8px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:14px;display:block}.bs .formula-display code:last-child{margin-bottom:0}.bs .benchmark-stats{gap:16px;margin-top:16px;display:flex}.bs .benchmark-stat{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:16px}.bs .benchmark-stat-value{color:#2563eb;margin-bottom:4px;font-size:28px;font-weight:700}.bs .benchmark-stat-label{color:#64748b;font-size:12px}@media (width<=768px){.bs .info-grid{grid-template-columns:1fr}.bs .benchmark-stats{flex-direction:column}}.bs .tips-section{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);padding:70px 0}.bs .tips-header{text-align:center;max-width:600px;margin:0 auto 40px}.bs .tips-header h2{color:#0f172a;margin-bottom:10px;font-size:28px;font-weight:700}.bs .tips-header p{color:#64748b;font-size:15px}.bs .tips-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.bs .tip-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s}.bs .tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.bs .tip-icon{margin-bottom:14px;font-size:28px}.bs .tip-card h4{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:700}.bs .tip-card p{color:#64748b;margin:0;font-size:13px;line-height:1.6}@media (width<=900px){.bs .tips-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bs .tips-grid{grid-template-columns:1fr}}.bs .tools-section{background:#fff;padding:70px 0}.bs .tools-header{text-align:center;margin-bottom:40px}.bs .tools-header h2{color:#0f172a;margin-bottom:10px;font-size:28px;font-weight:700}.bs .tools-header p{color:#64748b;font-size:15px}.bs .tools-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.bs .tool-link{color:inherit;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-decoration:none;transition:all .2s}.bs .tool-link:hover{color:inherit;background:#fff;border-color:#2563eb;text-decoration:none;box-shadow:0 4px 16px #2563eb1a}.bs .tool-link-icon{margin-bottom:12px;font-size:32px}.bs .tool-link h4{color:#0f172a;margin-bottom:6px;font-size:15px;font-weight:600}.bs .tool-link p{color:#64748b;margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.bs .tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.bs .tools-grid{grid-template-columns:1fr}}}@layer utilities;
