.login-header{position:fixed;top:0;left:0;width:100%;z-index:30;background-color:#6b7280;box-shadow:0 2px 4px rgba(0,0,0,.1)}.login-header .login_top{background-color:#6b7280!important;color:#ffffff}.login-header .login_top .right_section .top_btn a,.login-header .login_top h1 .company_name{color:#ffffff!important}.login-header .login_top .right_section .top_btn a:hover{color:#f3f4f6!important}.login-video-background{object-fit:cover;z-index:0}.login-overlay,.login-video-background{position:absolute;top:0;left:0;width:100%;height:100%}.login-overlay{background:rgba(0,0,0,.3);z-index:10}.login-korean-text{position:absolute;left:60px;top:15%;transform:translateY(-50%);z-index:25;max-width:400px;text-align:center}.login-main-text{font-size:24px;font-weight:300;line-height:1.4;margin:0 0 12px}.login-main-text,.login-sub-text{color:white;text-shadow:0 2px 4px rgba(0,0,0,.5)}.login-sub-text{font-size:32px;font-weight:700;line-height:1.2;margin:0}.login-content{position:relative;z-index:20;padding-top:60px;min-height:100vh}.login-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.login-logo{max-width:120px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.login-tagline-container{display:flex;justify-content:center;align-items:center;margin-bottom:32px}.login-tagline{color:#6b7280;font-size:16px;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;padding:8px 16px;border:1px solid #6b7280;border-radius:36px;background:transparent}.login-tab-container{background:transparent;border:none;border-radius:8px;padding:4px}.login-tab-button{flex:1;padding:12px 24px;text-align:center;font-weight:600;font-size:18px;transition:all .3s ease;border-radius:16px;border:none;background:transparent;color:#6b7280}.login-tab-button.active{background:rgba(255,255,255,.2);border:none;color:white}.login-form-container,.login-tab-button:hover:not(.active){background:rgba(255,255,255,.1)}.login-form-container{backdrop-filter:blur(10px);border:none;border-radius:24px;padding:32px}.login-input{width:100%;padding:12px 16px;background:rgba(255,255,255,.2);border:1px solid white;border-radius:32px;color:white;font-size:16px}.login-input+label,.space-y-6 label,label[for=id],label[for=password]{margin-right:20px}.teacher-label{text-align:left;padding-left:16px}.login-input::placeholder{color:rgba(255,255,255,.7)}.login-input:focus{outline:none;ring:2px;ring-color:rgba(255,255,255,.5);border-color:transparent}.login-button{width:100%;padding:12px 24px;background:rgba(255,255,255,.2);border:1px solid white;color:white;font-weight:600;border-radius:32px;transition:all .3s ease;cursor:pointer}.login-button:hover{background:rgba(255,255,255,.3)}.login-button:focus{outline:none;ring:2px;ring-color:rgba(255,255,255,.5)}.social-login-button{width:100%;padding:12px 24px;background:rgba(255,255,255,.2);border:1px solid white;color:white;font-weight:600;border-radius:16px;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.social-login-button:hover{background:rgba(255,255,255,.3)}.social-login-button:focus{outline:none;ring:2px;ring-color:rgba(255,255,255,.5)}.login-footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:16px 0;z-index:20}.footer-text{color:#9ca3af;font-size:14px;margin:0;font-weight:400}@media (max-width:640px){.login-form-container{padding:24px;margin:16px}.login-tab-button{padding:10px 16px;font-size:14px}}