body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:700px;padding:40px;box-shadow:0 20px 60px #0000004d}.header{text-align:center;margin-bottom:30px}.icon-wrapper{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:inline-flex}.header h1{color:#1f2937;margin-bottom:8px;font-size:32px}.header p{color:#6b7280;font-size:16px}.input-group{gap:12px;margin-bottom:24px;display:flex}.input{border:2px solid #d1d5db;border-radius:8px;outline:none;flex:1;padding:14px 16px;font-size:18px;transition:all .2s}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.button{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.button:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.button:disabled{cursor:not-allowed;background:#d1d5db}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert.error svg{color:#dc2626;flex-shrink:0;margin-top:2px}.alert.error h3{margin-bottom:4px;font-size:16px;font-weight:600}.alert.error p{color:#b91c1c;font-size:14px}.alert.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;font-size:14px}.alert.info div{flex-shrink:0;line-height:1}.result{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7;border-radius:12px;margin-bottom:24px;padding:24px}.result-header{align-items:center;gap:8px;margin-bottom:20px;display:flex}.result-header svg{color:#059669}.result-header h3{color:#1f2937;font-size:20px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.result-item{background:#fff;border-radius:8px;padding:12px}.result-item label{text-transform:uppercase;color:#6b7280;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.result-item p{color:#1f2937;font-size:15px;font-weight:500}.footer{text-align:center;color:#fff;margin-top:24px;font-size:14px}.footer a{color:#fff;border-bottom:1px solid #ffffff80;font-weight:600;text-decoration:none;transition:all .2s}.footer a:hover{border-bottom-color:#fff}@media (max-width:600px){.card{padding:24px}.input-group{flex-direction:column}.button{justify-content:center}.result-grid{grid-template-columns:1fr}}