.lg-page{min-height:100vh;display:flex;flex-direction:column;position:relative}.lg-bg-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-color:#f8fafc;background-image:radial-gradient(ellipse 700px 700px at 10% 20%,rgba(41,128,185,.06) 0%,transparent 70%),radial-gradient(ellipse 600px 600px at 90% 80%,rgba(41,128,185,.04) 0%,transparent 70%)}.lg-container{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px}.lg-card{background:#fff;border-radius:24px;border:1px solid #E2E8F0;box-shadow:0 8px 32px #0000001a;padding:48px;width:100%;max-width:440px}.lg-header{text-align:center;margin-bottom:36px}.lg-mark{display:flex;align-items:center;justify-content:center;height:60px;margin:0 auto 16px;color:#2980b9}.lg-mark-svg{width:56px;height:56px}.lg-header h1{font-size:28px;font-weight:800;margin-bottom:8px;color:#1e293b}.lg-header p{color:#64748b;font-size:15px}.lg-form-group{margin-bottom:20px}.lg-form-group label{display:block;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:8px}.lg-form-group input{width:100%;padding:14px 16px;border:1px solid #E2E8F0;border-radius:10px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#f8fafc}.lg-form-group input:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 3px #2980b91a}.lg-form-group input::-moz-placeholder{color:#64748b}.lg-form-group input::placeholder{color:#64748b}.lg-form-group.error input{border-color:#dc2626;background:#fef2f2}.lg-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.lg-remember{display:flex;align-items:center;gap:8px;cursor:pointer;color:#1e293b}.lg-remember input[type=checkbox]{width:16px;height:16px;accent-color:#2980B9}.lg-forgot{color:#2980b9;text-decoration:none;font-weight:500}.lg-forgot:hover{text-decoration:underline}.lg-btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#2980b9,#1a5276);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.lg-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2980b959}.lg-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.lg-spinner{display:inline-block;width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:lg-spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-message{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:20px}.lg-message.error{background:#fee2e2;color:#dc2626;border:1px solid #FECACA}.lg-message.success{background:#d1fae5;color:#059669;border:1px solid #A7F3D0}.lg-mode-toggle{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #E2E8F0;font-size:14px;color:#64748b}.lg-mode-toggle button{background:none;border:none;color:#2980b9;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;margin-left:4px}.lg-mode-toggle button:hover{text-decoration:underline}@media(max-width:768px){.lg-container{align-items:flex-start;padding:64px 12px 28px;min-height:100vh;min-height:100svh}.lg-card{margin-top:auto;margin-bottom:auto;padding:18px 16px;border-radius:16px}.lg-header{margin-bottom:14px}.lg-mark{height:42px;margin-bottom:9px}.lg-mark-svg{width:40px;height:40px}.lg-header h1{font-size:21px;margin-bottom:3px}.lg-header p{font-size:13.5px}.lg-form-group{margin-bottom:11px}.lg-form-group label{font-size:12.5px;margin-bottom:4px}.lg-form-group input{padding:11px 13px;font-size:16px}.lg-form-options{margin-bottom:13px}.lg-btn-submit{padding:13px;font-size:15px}.lg-message{padding:10px 13px;margin-bottom:12px}.lg-mode-toggle{margin-top:13px;padding-top:13px}}.lg-card form label a,.lg-card form p a{color:#2980b9;font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.lg-card form label a:hover,.lg-card form p a:hover{color:#1a5276}