*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;color:#fff;margin-bottom:3rem}.header h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p{font-size:1.2rem;opacity:.9}.demo-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden;margin-bottom:2rem}.demo-header{background:#f8f9fa;padding:1.5rem;border-bottom:1px solid #e9ecef}.demo-header h2{color:#333;margin-bottom:.5rem}.demo-content{padding:2rem}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}input,textarea,select{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea}textarea{min-height:120px;resize:vertical}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.results{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.result-item{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.result-title{font-weight:600;color:#333;margin-bottom:.5rem}.result-value{font-size:1.5rem;font-weight:700;color:#667eea}.breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.breakdown-item{background:#fff;padding:1rem;border-radius:6px;box-shadow:0 2px 4px #0000001a}.visualization{background:#2d3748;color:#fff;padding:1.5rem;border-radius:8px;margin-top:1rem;font-family:Courier New,monospace;white-space:pre-line;overflow-x:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000001a;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#333}.feature-description{color:#666}.footer{text-align:center;color:#fff;margin-top:3rem;opacity:.8}.footer a{color:#fff;text-decoration:none;margin:0 .5rem}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:1rem}.header h1{font-size:2rem}.demo-content{padding:1rem}}