.login-module__3lrIIq__page{background-image:url(/images/hau_campus.jpg);background-position:50%;background-size:cover;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-module__3lrIIq__page:before{content:"";z-index:0;background:linear-gradient(270deg,#0f172a73 0%,#0f172aa6 55%,#0f172ae0 100%);position:absolute;inset:0}.login-module__3lrIIq__formSide{z-index:1;flex:0 0 520px;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.login-module__3lrIIq__formSide:before{content:"";pointer-events:none;background:radial-gradient(circle,#534ab724 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-30%;left:-15%}.login-module__3lrIIq__card{-webkit-backdrop-filter:blur(24px);z-index:1;width:100%;max-width:420px;animation:login-module__3lrIIq__scaleIn .35s var(--t-slow) both;background:#0f172a94;border:1px solid #ffffff1a;border-radius:22px;padding:40px 44px;position:relative;box-shadow:0 30px 70px #00000059}@keyframes login-module__3lrIIq__scaleIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-module__3lrIIq__logoArea{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-module__3lrIIq__logoBox{background:linear-gradient(135deg,#534ab7,#7066d0);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 16px #534ab766}.login-module__3lrIIq__logoTitle{color:#f1f5f9;letter-spacing:-.3px;font-size:15px;font-weight:700}.login-module__3lrIIq__logoSub{color:#475569;margin-top:2px;font-size:11px}.login-module__3lrIIq__title{color:#f8fafc;letter-spacing:-.4px;margin-bottom:6px;font-size:24px;font-weight:700}.login-module__3lrIIq__subtitle{color:#64748b;margin-bottom:28px;font-size:13px}.login-module__3lrIIq__error{color:#fca5a5;border-radius:var(--radius-md);background:#a32d2d1f;border:1px solid #a32d2d40;margin-bottom:18px;padding:12px 16px;font-size:13px}.login-module__3lrIIq__field{margin-bottom:18px}.login-module__3lrIIq__label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.login-module__3lrIIq__input{border-radius:var(--radius-md);color:#f1f5f9;width:100%;height:44px;transition:all var(--t-base);background:#0f172aa6;border:1px solid #ffffff17;outline:none;padding:0 14px;font-size:14px}.login-module__3lrIIq__input::placeholder{color:#3b4a63}.login-module__3lrIIq__input:focus{border-color:var(--color-primary);background:#0f172abf;box-shadow:0 0 0 3px #534ab72e}.login-module__3lrIIq__btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;height:46px;transition:all var(--t-base);letter-spacing:.02em;background:linear-gradient(135deg,#534ab7,#6b5edb);border:none;margin-top:8px;font-size:14px;font-weight:600;box-shadow:0 6px 20px #534ab761}.login-module__3lrIIq__btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #534ab77a}.login-module__3lrIIq__btn:active{transform:translateY(0)scale(.98);box-shadow:0 4px 12px #534ab747}.login-module__3lrIIq__btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.login-module__3lrIIq__heroSide{z-index:1;background:0 0;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.login-module__3lrIIq__heroSide:before{display:none}.login-module__3lrIIq__heroContent{z-index:1;color:#fff;width:100%;max-width:640px;animation:login-module__3lrIIq__fadeInUp .5s .2s var(--t-slow) both;position:relative}@keyframes login-module__3lrIIq__fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-module__3lrIIq__heroTitle{letter-spacing:-.6px;margin-bottom:16px;font-size:40px;font-weight:700;line-height:1.2}.login-module__3lrIIq__heroSubtitle{color:#ffffffbf;max-width:520px;font-size:16px;line-height:1.75}.login-module__3lrIIq__heroBadge{color:#c7d2fe;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#534ab738;border:1px solid #534ab759;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}@media (max-width:900px){.login-module__3lrIIq__heroSide{display:none}.login-module__3lrIIq__formSide{flex:1}}