*{margin:0;padding:0;box-sizing:border-box}body.login-body,html.login-html{background:#fff!important}.login-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100vw;display:flex;justify-content:center;align-items:flex-start;background:#fff!important;overflow-y:auto;overflow-x:hidden}.login-page,.mobile-container{min-height:100vh;position:relative}.mobile-container{width:100%;max-width:430px;overflow:hidden}.background-image{min-height:100vh;background:url(/images/background.jpg) 50%/cover no-repeat;z-index:1}.background-image,.background-image:before{position:absolute;top:0;left:0;width:100%;height:100%}.background-image:before{content:"";background:linear-gradient(180deg,rgba(24,13,119,0),hsla(0,0%,7%,.8));z-index:2}.language-wrapper{position:fixed;top:20px;right:20px;z-index:100}.language-btn{background:#414245;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:300;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2)}.language-flag{font-size:16px}.language-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#414245;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:100px}.language-option{width:100%;background:transparent;color:#fff;border:none;padding:10px 14px;font-size:12px;font-weight:300;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s}.language-option:hover{background:hsla(0,0%,100%,.1)}.language-option.active{background:hsla(0,0%,100%,.2)}.main-content{position:relative;z-index:5;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 24px 20px;text-align:center}.app-header{margin-bottom:8px;margin-top:15px}.login-page-only .app-header{margin-top:120px}.app-title{color:#fff;font-size:42px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:-1px}.app-subtitle{color:#fff;font-size:20px;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.3)}.login-section{width:100%;margin-top:auto}.login-instruction{color:#fff;font-size:13px;font-weight:300;margin-bottom:4px;text-align:start;text-shadow:0 1px 4px rgba(0,0,0,.3)}.input-group{position:relative;margin-bottom:6px}.form-control{width:100%;background:#fff;border:none;border-radius:10px!important;border-top-left-radius:10px!important;border-bottom-left-radius:10px!important;padding:12px 16px 12px 42px!important;font-size:14px;font-weight:500;color:#374151;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.form-control:focus{outline:none;box-shadow:0 4px 16px rgba(0,0,0,.15)}.form-control::-moz-placeholder{color:#9ca3af;font-weight:400}.form-control::placeholder{color:#9ca3af;font-weight:400}.input-group .input-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;color:#9ca3af!important;font-size:14px!important;z-index:10!important;pointer-events:none!important;width:16px!important;text-align:center!important;opacity:1!important;visibility:visible!important}.error-message{color:#ef4444;font-size:14px;font-weight:600;text-align:left;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.experience-btn{width:100%;background:linear-gradient(90deg,#88f10f,#0f4b18);color:#fff;border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;margin-top:8px;transition:all .3s ease;box-shadow:0 4px 16px rgba(132,204,22,.3)}.experience-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(132,204,22,.4)}.experience-btn:active{transform:translateY(0)}.experience-btn.register-btn{background:linear-gradient(90deg,#88f10f,#0f4b18);margin-top:6px;margin-bottom:5px}.experience-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.bottom-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:134px;height:5px;background:#fff;border-radius:3px;z-index:10}@media (max-width:430px){.mobile-container{max-width:100%}.main-content{padding:30px 20px 0}.app-title{font-size:36px}.app-subtitle{font-size:18px}.language-btn{right:16px;top:20px}}.app-subtitle,.app-title{animation:fadeInUp 1s ease-out}.login-section{animation:fadeInUp 1s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}