*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f7fa;color:#1f2937}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;width:100%;max-width:360px}.title{margin:0 0 24px;font-size:1.5rem;font-weight:600;text-align:center}.label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#4b5563}.input{width:100%;padding:10px 12px;margin-bottom:16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.button{width:100%;padding:12px;margin-top:8px;border:none;border-radius:8px;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease-in-out}.button:hover{background-color:#2563eb}.button:active{background-color:#1d4ed8}.error{margin:16px 0 0;padding:10px 12px;border-radius:8px;background-color:#fee2e2;color:#b91c1c;font-size:.875rem}.result{margin:16px 0 0;text-align:center;font-size:1rem}.result-label{color:#4b5563}.result-value{font-size:1.25rem;font-weight:600;color:#1f2937}