body{background:linear-gradient(to bottom,#e0f7fa,#bbdefb);font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;max-width:400px}.title{color:#1565c0;font-size:1.5rem;margin-bottom:20px}.input-container,.output-container{margin-bottom:15px}.input-field{width:100%;padding:10px;border:2px solid #90caf9;border-radius:10px;outline:none;font-size:1rem;background-color:#e3f2fd;color:#1a237e;transition:border-color .3s ease}.input-field:focus{border-color:#42a5f5}button{margin:1rem;background-color:#1565c0;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:disabled{background-color:#90caf9;cursor:not-allowed}p#correct{color:#2e7d32}p#incorrect{color:#c62828}