:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--text-color:#1f2937;--text-muted:#6b7280;--glass-bg:rgba(255,255,255,.12);--glass-border:rgba(255,255,255,.18);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.1);}*{margin:0;padding:0;box-sizing:border-box;}body{height:100vh;width:100vw;overflow:hidden;overflow-x:hidden;display:flex;justify-content:center;align-items:center;position:relative;color:var(--text-color);}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("2026-horse.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;}.login-container{width:100%;max-width:420px;padding:20px;}.login-card{background:var(--glass-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--glass-border);border-radius:20px;padding:40px 32px;box-shadow:var(--glass-shadow);transition:transform .3s ease;}.login-card:hover{transform:translateY(-5px);}.card-header{text-align:center;margin-bottom:30px;}.card-header h1{font-size:28px;font-weight:700;margin-bottom:8px;color:#111827;}.card-header p{font-size:14px;color:var(--text-muted);}.login-form{display:flex;flex-direction:column;gap:20px;}.input-group{display:flex;flex-direction:column;gap:8px;}.input-group label{font-size:14px;font-weight:500;color:#374151;}.input-group input{padding:12px 16px;border:1px solid rgba(209,213,219,.8);border-radius:10px;font-size:15px;outline:0;transition:all .2s ease;background:rgba(255,255,255,.65);}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(79,70,229,.1);}.form-actions{display:flex;justify-content:flex-end;}.forgot-password{font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s;}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline;}.login-btn{background-color:var(--primary-color);color:#fff;border:0;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;}.login-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.3);}.login-btn:active{transform:translateY(0);}.login-card{opacity:0;transform:translateX(120vw);}@keyframes horseGallopIn{0%{opacity:0;transform:translateX(120vw) translateY(0);}15%{opacity:1;transform:translateX(80vw) translateY(-30px);}25%{transform:translateX(65vw) translateY(0);}35%{transform:translateX(50vw) translateY(-25px);}45%{transform:translateX(35vw) translateY(0);}55%{transform:translateX(20vw) translateY(-20px);}65%{transform:translateX(8vw) translateY(0);}75%{transform:translateX(-3vw) translateY(-12px);}85%{transform:translateX(2vw) translateY(0);}92%{transform:translateX(-1vw) translateY(-5px);}100%{opacity:1;transform:translateX(0) translateY(0);}}.login-card.horse-entry{animation:horseGallopIn 1.4s cubic-bezier(.22,1,.36,1) forwards;}.login-card.horse-arrived{opacity:1;transform:translateX(0) translateY(0);}@media(max-width:480px){.login-card{padding:30px 24px;}.card-header h1{font-size:24px;}}@media(prefers-reduced-motion:reduce){.login-card{opacity:1;transform:none;}.login-card.horse-entry{animation:none;opacity:1;transform:none;}}footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#000;opacity:.7;font-size:.8em;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);}