:root{--primary-bg: #fff5e6;--secondary-bg: #fff9f0;--accent-color: #d4c5b3;--text-color: #8b7355;--border-color: #e6d5c3;--hover-color: #c4b5a3;--shadow-color: rgba(139, 115, 85, .1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--primary-bg);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-container{background-color:var(--secondary-bg);padding:2rem;border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);width:90%;max-width:400px;margin:20px auto;border:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--primary-bg);color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--shadow-color)}button{background-color:var(--accent-color);color:#fff5e6;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;width:100%;box-shadow:0 2px 4px var(--shadow-color)}button:hover{background-color:var(--hover-color);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-color)}button:active{transform:translateY(0);background-color:var(--hover-color);box-shadow:0 1px 2px var(--shadow-color)}.error-message{color:#d68b8b;font-size:.875rem;margin-top:.5rem;text-align:center}