.roi{background:var(--color-bg);min-height:100vh}.roi__main{padding:0 var(--space-5) var(--section-py)}.roi__inner{max-width:700px;margin:0 auto}.roi__card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.roi__card-title{font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.roi__card-title svg{color:var(--color-red)}.roi__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.roi__field{display:flex;flex-direction:column;gap:var(--space-1)}.roi__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px}.roi__label svg{color:var(--color-red)}.roi__input-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.roi__input-wrap:focus-within{border-color:#bf011980}.roi__prefix{padding:0 0 0 12px;font-size:14px;color:var(--color-gray-mid);font-weight:var(--font-weight-bold)}.roi__input{flex:1;background:none;border:none;outline:none;padding:12px;font-family:var(--font-family);font-size:14px;color:var(--color-white)}.roi__input::-webkit-inner-spin-button{-webkit-appearance:none}.roi__input{-moz-appearance:textfield}.roi__helper{font-size:11px;color:var(--color-gray-mid);line-height:1.4}.roi__error{font-size:13px;color:var(--color-red);margin-bottom:var(--space-3);padding:var(--space-3);background:#bf01190f;border-radius:var(--radius-sm);border:1px solid rgba(191,1,25,.15)}.roi__submit{width:100%;padding:14px;background:var(--color-red);color:var(--color-white-pure);font-size:15px;font-weight:var(--font-weight-bold);font-family:var(--font-family);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--glow-red);transition:all var(--transition-base)}.roi__submit:hover{background:var(--color-red-dark);box-shadow:var(--glow-red-intense)}.roi__result{text-align:center;padding:var(--space-7);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.roi__result-value{font-size:64px;font-weight:var(--font-weight-bold);letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-2)}.roi__result-value--positive{color:#22c55e}.roi__result-value--negative{color:var(--color-red)}.roi__result-label{font-size:14px;color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-5)}.roi__result-details{display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;margin:0 auto}.roi__result-detail{display:flex;justify-content:space-between;font-size:14px;color:var(--color-gray-light);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.04)}.roi__formula-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--space-5)}.roi__formula-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);margin-bottom:var(--space-3)}.roi__formula-code{display:block;font-family:Courier New,monospace;font-size:13px;color:var(--color-red);background:#bf01190f;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);word-break:break-all}.roi__formula-desc{font-size:13px;color:var(--color-gray-mid);line-height:1.6}@media (max-width: 767px){.roi__fields{grid-template-columns:1fr}.roi__result-value{font-size:48px}.roi__card{padding:var(--space-4)}.roi__main{padding:0 var(--space-3) var(--space-8)}}