*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.login-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000080;padding:30px;width:100%;text-align:center}.logo-section{margin-bottom:20px}.logo{height:80px;margin-bottom:15px}.system-title{color:#dc3545;font-size:1.5rem;font-weight:700;margin:0;line-height:1.3}.login-form-section{text-align:left}.login-title{color:#dc3545;font-size:1.1rem;font-weight:600;margin-bottom:25px;text-align:left;border-bottom:2px solid #dc3545;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:600;font-size:.9rem}.form-group input{width:calc(100% - 20px);padding:12px 10px;border:1px solid #ced4da;border-radius:8px;font-size:1rem;color:#495057;transition:border-color .3s ease}.form-group input:focus{border-color:#dc3545;outline:none;box-shadow:0 0 0 .2rem #dc354540}.login-btn{width:100%;padding:12px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.login-btn:hover{background-color:#c82333;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.social-service-block{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.footer-social-logo{height:60px;margin-bottom:10px}.login-footer{margin-top:20px;color:#6c757d;font-size:.8rem}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:10px;margin-top:15px;font-size:.9rem;text-align:center}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}