@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600&display=swap");:root{--primary-color:#ffffff;--accent-color:#ddb76a;--dark-bg:#000;--light-gray:#ddd;--overlay-black:rgba(0,0,0,0.65)}body,html{margin:0;padding:0;scroll-behavior:smooth}.login-page{background-color:var(--dark-bg);min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;color:var(--primary-color)}.login-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(0,0,0,.85),rgba(0,0,0,.6));z-index:0}.login-container{position:relative;z-index:1;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:2.5rem 3rem;width:380px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:fadeInUp 1s ease}.login-header .icon{color:var(--accent-color);height:45px;width:45px;margin-bottom:10px}.login-header h1{font-size:1.8rem;color:var(--primary-color);margin-bottom:.3rem}.login-header p{font-size:.95rem;color:#ccc}.login-form{margin-top:1.8rem;display:flex;flex-direction:column;gap:1.2rem}.input-group{position:relative}.input-icon{left:12px}.input-icon,.toggle-password{position:absolute;top:50%;transform:translateY(-50%);color:var(--accent-color)}.toggle-password{right:12px;cursor:pointer}input{width:100%;padding:.8rem 2.5rem;border-radius:10px;border:none;background:rgba(255,255,255,.1);color:var(--primary-color);font-size:.95rem;outline:none;transition:background .3s ease}input:focus{background:rgba(255,255,255,.15)}button{background:linear-gradient(135deg,var(--accent-color),#b89750);color:#111;border:none;border-radius:12px;padding:.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(221,183,106,.3)}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#ff6b6b;font-size:.85rem}.login-message{display:block;margin-top:1rem;font-size:.95rem;color:var(--accent-color)}.spin{animation:spin 1.2s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:480px){.login-container{width:90%;padding:2rem}}