.container{width:100%;max-width:800px;margin:0 auto}.card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px}h1{color:#333;margin-bottom:30px;text-align:center;font-size:2.5em}.section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.section:last-of-type{border-bottom:none}h2{color:#555;margin-bottom:15px;font-size:1.3em}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea66}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}button:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:6px;border-left:4px solid #667eea}.result h3{color:#333;margin-bottom:10px;font-size:1em}pre{background:#fff;padding:12px;border-radius:4px;overflow-x:auto;font-size:.9em;color:#333;line-height:1.4;border:1px solid #e0e0e0}.error{margin-top:20px;padding:15px;background:#ffebee;border-radius:6px;border-left:4px solid #f44336}.error p{color:#c62828;margin:0}