.header{text-align:center}.header h1{font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.header h1,.header p{position:relative;z-index:1}.header p{font-size:1.2rem;font-weight:400;opacity:.9}.calculator-body{background:#fff;display:grid;gap:0;grid-template-columns:1fr 2fr;min-height:700px}.inputs-panel{background:#f8f9fa;border-right:1px solid #e9ecef;padding:40px}.results-panel{background:#fff;padding:40px}.section-title{align-items:center;color:#1a1a1a;display:flex;font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.input-group,.section-title{margin-bottom:24px}.input-label{color:#495057;display:block;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.input-wrapper{position:relative}.input-field{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#1a1a1a;font-size:1rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#1a1a1a;box-shadow:0 0 0 4px rgba(26,26,26,.1);outline:none;transform:translateY(-1px)}.input-suffix{color:#6c757d;font-size:.95rem;font-weight:600;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.tabs{background:#e9ecef;border-radius:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);display:flex;margin-bottom:28px;padding:6px}.tab{background:none;border:none;border-radius:10px;cursor:pointer;flex:1;font-size:.95rem;font-weight:600;letter-spacing:-.01em;padding:14px 20px;text-align:center;transition:all .3s ease}.tab.active{background:#1a1a1a;box-shadow:0 4px 12px rgba(26,26,26,.3);color:#fff;transform:translateY(-1px)}.tab:not(.active){color:#6c757d}.tab:hover:not(.active){background:hsla(0,0%,100%,.7);color:#495057}.tab-content{display:none}.tab-content.active{display:block}.roi-display{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:16px;box-shadow:0 8px 32px rgba(26,26,26,.3);color:#fff;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;text-align:center}.roi-value{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.roi-label,.roi-value{position:relative;z-index:1}.roi-label{font-weight:500}.metrics-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.metric-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.metric-card:hover{border-color:#1a1a1a;box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-4px)}.metric-card:before{background:linear-gradient(90deg,#1a1a1a,#333);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.metric-value{color:#1a1a1a;font-size:1.8rem;font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.metric-label{color:#495057;font-size:.95rem;font-weight:600;margin-bottom:4px}.metric-subtitle{color:#6c757d;font-size:.85rem;font-weight:500}.breakdown-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;margin-bottom:24px;padding:28px}.breakdown-title{color:#1a1a1a;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:20px}.breakdown-item{align-items:center;border-bottom:1px solid #e9ecef;color:#495057;display:flex;font-weight:500;justify-content:space-between;padding:16px 0}.breakdown-item:last-child{border-bottom:none;border-radius:12px;box-shadow:0 4px 16px rgba(26,26,26,.3);font-weight:700;margin-top:16px;padding:20px 24px}.breakdown-item:last-child,.insights-section{background:linear-gradient(135deg,#1a1a1a,#333);color:#fff}.insights-section{border-radius:16px;box-shadow:0 8px 32px rgba(26,26,26,.3);padding:28px}.insights-title{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:20px}.insights-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.insight-item{font-size:.95rem;opacity:.95}.insight-label{font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.sport-accent{position:relative}@media (max-width:768px){.calculator-body{grid-template-columns:1fr}.inputs-panel{border-bottom:1px solid #e9ecef;border-right:none}.header,.inputs-panel,.results-panel{padding:30px 20px}.header h1{font-size:2.2rem}.roi-value{font-size:2.8rem}.metrics-grid{gap:16px;grid-template-columns:1fr}.metric-card{padding:20px}}.animate-in{animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.roi-display{animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 8px 32px rgba(26,26,26,.3)}to{box-shadow:0 12px 40px rgba(26,26,26,.5)}}.input-field:focus,.tab:focus{outline:2px solid #1a1a1a;outline-offset:2px}.success-indicator{color:#28a745;font-weight:700}.warning-indicator{color:#ffc107;font-weight:700}.danger-indicator{color:#dc3545;font-weight:700}.roi-main-wrapper{background:#495d7b;border-radius:50px}.calculator-body,.results-panel{background:transparent}.roi-main-wrapper .inputs-panel{border-radius:20px}.roi-main-wrapper .results-panel{padding:0 40px}.roi-main-wrapper .roi-display.sport-accent{background:#ceb692}.roi-main-wrapper .success-indicator{color:#fff;margin-bottom:0}.roi-main-wrapper .insights-section{background:#2b3c54}.roi-main-wrapper .breakdown-item:last-child{background:#ceb692}.roi-main-wrapper .tab.active{background:#495d7b;box-shadow:0 4px 12px rgba(26,26,26,.3);color:#fff;transform:translateY(-1px)}.roi-main-wrapper .tab{outline:none!important;text-transform:UPPERCASE}.roi-main-wrapper .input-label{font-weight:700}.roi-main-wrapper .input-field{padding:16px 35px 16px 20px}.breakdown-item{font-weight:700}.metric-subtitle{font-weight:600}.metric-label{font-weight:700}.metric-value{color:#495d7b}.metric-card:before{background:#ceb692}.roi-main-wrapper .container .calculator-body{margin:auto;max-width:975px}.metric-card{text-align:center}.insights-grid{display:flex;flex-direction:column}.metric-card{padding:50px 28px}.inputs-panel{margin-bottom:40px;padding:40px 40px 11px}.insights-section{margin-left:40px}.insights-grid{gap:16px}.breakdown-section{margin-bottom:0}.roi-main-wrapper .results-panel{padding-right:0}.roi-main-wrapper .inputs-panel{max-width:100%;width:420px}.insight-item{font-weight:600}.metric-subtitle,.roi-label{font-weight:700}.roi-label{font-size:1.1rem;opacity:.9}.roi-main-wrapper h2{margin-bottom:2rem}.roi-main-wrapper .tab{font-weight:700}@media(max-width:768px){.roi-main-wrapper .inputs-panel{margin:auto;max-width:100%;width:100%}.results-panel{padding:0!important}.roi-display.sport-accent{margin-bottom:25px;margin-top:25px}.metric-card{padding:20px}.metrics-grid{margin-bottom:25px}.roi-main-wrapper .insights-section{margin:25px 0 0}}