@keyframes trsd-pulse{0%,to{box-shadow:0 8px 25px #1e3a5f4d}50%{box-shadow:0 8px 25px #1e3a5f80}}@keyframes trsd-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.trsd .animate-fadeIn{animation:.6s forwards trsd-fadeIn}.trsd .trsd-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a5f 0%,#26476f 100%);border-radius:20px;margin-bottom:40px;padding:40px 20px;box-shadow:0 8px 25px #0000001a}.trsd .trsd-header h1{text-shadow:2px 2px 4px #0000004d;margin-bottom:10px;font-size:2.5em;line-height:1.2}.trsd .trsd-header p{opacity:.9;font-size:1.2em}.trsd .section{background:#fff;border:1px solid #e5e7eb;border-radius:15px;margin:30px 0;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 25px #0000001a}.trsd .section:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.trsd .section-title{color:#1e3a5f;border-bottom:3px solid #26476f;align-items:center;margin-bottom:20px;padding-bottom:10px;font-size:1.8em;display:flex}.trsd .icon{margin-right:15px;font-size:2em}.trsd .calculation-box{color:#1e3a5f;text-align:center;background:linear-gradient(135deg,#e8f0f8 0%,#d0e0f0 100%);border:1px solid #a8c0d8;border-radius:12px;margin:20px 0;padding:25px;font-size:1.2em;font-weight:700;box-shadow:0 5px 15px #0000001a}.trsd .formula-box{text-align:center;background:linear-gradient(135deg,#e8f0f8 0%,#d0e0f0 100%);border:2px solid #26476f;border-radius:12px;margin:20px 0;padding:20px;font-family:Courier New,monospace}.trsd .formula-title{color:#1e3a5f;margin-bottom:10px;font-family:Segoe UI,sans-serif;font-size:1.1em;font-weight:700}.trsd .formula-content{color:#1e3a5f;margin:10px 0;font-size:1.3em}.trsd .formula-variables{color:#475569;text-align:left;margin-top:10px;font-family:Segoe UI,sans-serif;font-size:.9em}.trsd .factor-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0;display:grid}.trsd .factor-card{color:#fff;text-align:center;background:linear-gradient(135deg,#26476f 0%,#1e3a5f 100%);border-radius:10px;padding:20px;transition:transform .3s}.trsd .factor-card:hover{transform:scale(1.05)}.trsd .factor-card h4{margin-bottom:10px;font-size:1.1em}.trsd .factor-value{margin:10px 0;font-size:2em;font-weight:700}.trsd .example-house{color:#1e3a5f;background:linear-gradient(135deg,#e8f0f8 0%,#d0e0f0 100%);border-left:5px solid #26476f;border-radius:15px;margin:20px 0;padding:25px}.trsd .house-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:15px 0;display:grid}.trsd .info-item{text-align:center;background:#fffc;border-radius:8px;padding:15px}.trsd .info-item strong{color:#1e3a5f;font-size:1.1em;display:block}.trsd .table-container{margin:20px 0;overflow-x:auto}.trsd table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;font-size:.9em;overflow:hidden;box-shadow:0 4px 6px #0000001a}.trsd th,.trsd td{text-align:center;border:1px solid #e5e7eb;padding:12px 8px}.trsd th{color:#1e3a5f;background:linear-gradient(135deg,#e8f0f8 0%,#d0e0f0 100%);font-size:.8em;font-weight:600}.trsd td{background-color:#f9fafb}.trsd .highlight{font-weight:700;color:#1e3a5f!important;background-color:#e8f0f8!important}.trsd .progress-bar{background:#ecf0f1;border-radius:10px;margin:20px 0;position:relative;overflow:hidden}.trsd .progress-fill{color:#fff;white-space:nowrap;box-sizing:border-box;background:linear-gradient(90deg,#26476f,#1e3a5f);justify-content:center;align-items:center;min-width:220px;height:30px;padding:0 15px;font-weight:700;transition:width 1.2s;display:flex}.trsd .final-result{color:#fff;text-align:center;background:linear-gradient(135deg,#26476f 0%,#1e3a5f 100%);border-radius:15px;margin:30px 0;padding:30px;font-size:1.5em;box-shadow:0 8px 25px #1e3a5f4d}.trsd .tip-box{color:#1e3a5f;background:#e8f0f8;border:1px solid #a8c0d8;border-left:4px solid #26476f;border-radius:8px;margin:20px 0;padding:20px}.trsd .tip-box:before{content:"💡 ";font-size:1.5em}.trsd .tip-box.no-bullet:before{content:""}.trsd .interactive-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#26476f 0%,#1e3a5f 100%);border:none;border-radius:25px;margin:10px 0 0;padding:15px 30px;font-size:1.1em;transition:all .3s}.trsd .interactive-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.trsd .interactive-button-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#26476f 0%,#1e3a5f 100%);border:none;border-radius:30px;margin:10px;padding:18px 40px;font-size:1.3em;font-weight:700;transition:all .3s;animation:2s infinite trsd-pulse}.trsd .interactive-button-primary:hover{transform:translateY(-2px)}.trsd .interactive-button-secondary{color:#26476f;cursor:pointer;background:#26476f1a;border:2px solid #26476f;border-radius:25px;margin:10px;padding:15px 30px;font-size:1.1em;transition:all .3s}.trsd .interactive-button-secondary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.trsd .step-indicator{justify-content:center;margin:20px 0;display:flex}.trsd .step{color:#fff;cursor:pointer;background:#a8c0d8;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 10px;font-weight:700;transition:all .3s;display:flex}.trsd .step.active{background:#26476f;transform:scale(1.2)}.trsd .info-callout{background:#e8f0f8;border-left:4px solid #26476f;border-radius:10px;margin:20px 0;padding:20px}.trsd .info-callout h4{color:#1e3a5f;margin-bottom:10px}.trsd .info-callout p{margin:4px 0}@media (max-width:768px){.trsd .trsd-header h1{font-size:2em}.trsd .section{padding:20px}.trsd .factor-grid,.trsd .house-info{grid-template-columns:1fr}.trsd th,.trsd td{padding:8px 4px;font-size:.8em}.trsd .progress-fill{min-width:180px;padding:0 10px;font-size:.9em}}
