*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#9CAF88;min-height:100vh}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:400px;background:rgba(255,255,255,.95);padding:40px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.1)}h1{color:#9CAF88;font-size:2rem;font-weight:300;margin-bottom:2rem;text-align:center;letter-spacing:1px}.form-group{margin-bottom:20px}label{display:block;color:#666;font-size:14px;margin-bottom:8px}input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none;transition:border-color .2s}input:focus{border-color:#9CAF88}.submit-btn{width:100%;background:#9CAF88;color:white;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#8A9D78;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.submit-btn:active{transform:translateY(0)}.error{color:#d32f2f;font-size:14px;margin-top:10px}.error,.hint{text-align:center}.hint{color:#999;font-size:12px;margin-top:20px}