.calc-container{background:#fff;border-radius:15px;max-width:600px;margin:30px auto;padding:30px;box-shadow:0 2px 20px #00000014}.calc-intro-badge{text-align:center;margin-bottom:30px}.calc-intro-badge span{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-radius:30px;padding:10px 24px;font-size:1em;font-weight:600;display:inline-block}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.95em;font-weight:600;display:block}.input-wrapper{align-items:center;gap:8px;display:flex}.input-wrapper input{color:#333;border:2px solid #e0e0e0;border-radius:10px;flex:1;padding:14px 15px;font-size:1em;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary);outline:none}.input-unit{color:#666;min-width:30px;font-size:.95em;font-weight:700}.form-group select{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 15px;font-size:1em;transition:border-color .2s}.form-group select:focus{border-color:var(--primary);outline:none}.calc-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:16px;font-size:1.1em;font-weight:700;transition:transform .2s,box-shadow .2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.result-summary{border-radius:15px;margin-top:30px;overflow:hidden}.result-main{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;text-align:center;padding:35px 20px}.result-label{opacity:.9;margin-bottom:10px;font-size:1.1em}.result-amount{letter-spacing:1px;font-size:2.8em;font-weight:800}.result-details{background:#f0fdf4;padding:20px}.result-detail-item{border-bottom:1px solid var(--bg-subtle);justify-content:space-between;align-items:center;padding:12px 10px;display:flex}.result-detail-item:last-child{border-bottom:none}.detail-label{color:#555;font-size:.95em}.detail-value{color:#333;font-size:1em;font-weight:700}.interest-value{color:var(--primary)}.comparison-section{margin-top:30px}.comparison-section h3{color:var(--primary);margin-bottom:15px;font-size:1.2em}.comparison-table-wrap{border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.comparison-table{border-collapse:collapse;width:100%;min-width:400px;font-size:.9em}.comparison-table thead{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff}.comparison-table th{text-align:center;padding:12px 10px;font-weight:700}.comparison-table td{text-align:center;color:#444;border-bottom:1px solid #e5e7eb;padding:12px 10px}.comparison-table td:first-child{color:var(--primary);font-weight:600}.comparison-table .total-row{background:#f0fdf4;font-weight:700}.comparison-table .total-row td{border-bottom:none}.diff-value{color:var(--primary);font-weight:700}.growth-section{margin-top:30px}.growth-section h3{color:var(--primary);margin-bottom:15px;font-size:1.2em}.growth-table-wrap{border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.growth-table{border-collapse:collapse;width:100%;min-width:500px;font-size:.85em}.growth-table thead{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff}.growth-table th{text-align:center;padding:12px 8px;font-size:.95em;font-weight:700}.growth-table td{text-align:right;color:#444;border-bottom:1px solid #eee;padding:10px 8px}.growth-table td:first-child{text-align:center;color:var(--primary);font-weight:700}.growth-table tbody tr:hover{background:#f0fdf4}.growth-table tbody tr:last-child td{background:#f0fdf4;border-bottom:none;font-weight:700}#retry-btn{margin-top:30px}.content-section{max-width:800px;margin:40px auto;line-height:1.8}.content-section h2{color:var(--primary);margin-top:35px;margin-bottom:15px;font-size:1.4em}.content-section p{color:#555;margin-bottom:15px}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{color:#555;margin-bottom:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s forwards fadeInUp}@media (width<=768px){.calc-container{margin:20px 10px;padding:20px}.result-amount{font-size:2em}.result-main{padding:25px 15px}.comparison-table{font-size:.8em}.comparison-table th,.comparison-table td{padding:10px 6px}.growth-table{font-size:.75em}.growth-table th,.growth-table td{padding:8px 5px}}