@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;margin:0}.App{align-items:center;background-color:#f4f7f5;display:flex;justify-content:center;min-height:100vh}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:50px 40px;text-align:center;width:100%}.login-form h2{color:#333;font-size:2rem;font-weight:700;margin-bottom:10px}.login-form .subtitle{color:#888;font-size:1rem;margin-bottom:30px}.input-group{margin-bottom:25px;position:relative}.input-icon{color:#aaa;font-size:1.2rem;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.input-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;padding:15px 15px 15px 50px;transition:all .3s ease;width:100%}.input-group input:focus{background-color:#fff;border-color:#ff7e5f;box-shadow:0 0 0 3px #ff7e5f33;outline:none}.input-group input:focus+.input-icon{color:#ff7e5f}.submit-btn{background:linear-gradient(45deg,#ff7e5f,#feb47b);border:none;border-radius:8px;box-shadow:0 5px 15px #ff7e5f4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 8px 20px #ff7e5f66;transform:translateY(-2px)}