*{margin:0;padding:0;box-sizing:border-box}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App-header{background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:600px;width:90%}h1{color:#667eea;font-size:2.5rem;margin-bottom:.5rem}p{color:#666;margin-bottom:2rem;font-size:1.1rem}button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;border-radius:.5rem;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:600}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}button:disabled{opacity:.6;cursor:not-allowed}.form{width:100%;margin-bottom:1rem}input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}input:focus{outline:none;border-color:#667eea}input:disabled{background:#f5f5f5;cursor:not-allowed}.response{margin-top:2rem;text-align:left;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response.success{border-left:4px solid #4caf50;padding-left:1rem}.response.error{border-left:4px solid #f44336;padding-left:1rem}.response h3{color:#333;margin-bottom:1rem;font-size:1.2rem}.response pre{background:#f5f5f5;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.9rem;color:#333;border:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.info{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0;font-size:.85rem;color:#666}.info p{margin:.5rem 0}.info strong{color:#667eea}