*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}
        .dark body{background:#0b151e;}
        body{background:#0b151e;color:#fff;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;}
        .container{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%;max-width:1600px;min-height:600px;margin:0 auto;padding:2.5rem 100px;position:relative;}
        .auth-section{flex:0 0 500px;max-width:500px;min-width:500px;background:#040e16;border-radius:16px;padding:3rem 2.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
        .info-section{flex:0 0 320px;max-width:320px;min-width:320px;background:rgba(255,255,255,0.03);border-radius:12px;box-shadow:0 4px 32px 0 rgba(0,0,0,0.10);display:flex;align-items:flex-start;justify-content:flex-end;height:auto;margin-left:auto;margin-right:0;position:absolute;right:0;top:50px;z-index:2;}
        @media(min-width:1280px){.info-section{flex:0 0 480px;max-width:480px;min-width:480px;top:20%;}}
        .logo{margin-bottom:2rem;width:100%;display:flex;justify-content:center;}
        .logo img{height:95px;object-fit:contain;}
        .tabs{display:flex;margin-bottom:2rem;border:none;gap:1rem;width:100%;justify-content:center;}
        .tab{padding:0.5rem 1.5rem;color:#fff;text-decoration:none;font-size:1.3rem;opacity:0.6;border:none;background:none;cursor:pointer;transition:opacity 0.2s;}
        .tab.active{opacity:1;border-bottom:2px solid #ff4655;}
        .form-group{margin-bottom:1.5rem;position:relative;width:100%;}
        .form-control{height:56px;width:100%;padding:1rem;background:transparent;border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:#fff;font-size:1rem;transition:border 0.2s,background 0.2s;}
        input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #e3edff inset!important;box-shadow:inset 0 0 0 1000px #040e16!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s;}
        .form-control:focus{outline:none;border-color:#ff4655;background:transparent;color:#fff;box-shadow:0 0 10px 0 #ff5e02;}
        .form-control:disabled,.form-control[readonly]{background:rgba(255,255,255,0.01);color:#888;}
        .btn-primary{width:100%;padding:1rem;background:#ed5d15;color:#fff;border:none;border-radius:6px;font-size:1.3rem;cursor:pointer;transition:background 0.3s;margin-top:0.5rem;font-weight:500;box-shadow:0 2px 8px 0 rgba(255,70,85,0.08);}
        .btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#bd4a10!important;color:#fff!important;outline:none;box-shadow:0 2px 12px 0 rgba(255,70,85,0.15);}
        .btn-primary:disabled{background:#ffb3b3;color:#fff;cursor:not-allowed;}
        .attention-box{background:rgb(0 0 0 / 50%);border:0.3px solid #ffffff14;padding:1.5rem 2rem;border-radius:8px;width:100%;box-sizing:border-box;}
        .attention-box h3{color:#f00000;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;font-size:1.4rem;font-weight:bold;}
        .attention-box ul{list-style:none;padding-left:0;}
        .attention-box li{margin-bottom:1rem;padding-left:1.5rem;position:relative;font-size:1rem;}
        .attention-box li:before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;background:#ff4655;border-radius:50%;}
        .captcha-container{margin-bottom:1.5rem;}
        .captcha-container img{width:100%;border-radius:4px;margin-bottom:1rem;}
        .checkbox-container{display:flex;align-items:center;gap:0.5rem;margin-bottom:1.5rem;}
        .checkbox-container input[type="checkbox"]{width:18px;height:18px;}
        .input-icon{position:relative;}
        .input-icon>i.fas{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#b0b0b0;font-size:1.2rem;z-index:2;}
        .input-icon .form-control{padding-left:44px;padding-right:44px;}
        .toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;color:rgba(255,255,255,0.5);z-index:3;}
        @media(max-width:992px){.container{flex-direction:column;align-items:center;gap:2rem;min-height:unset;}.auth-section,.info-section{max-width:100%;min-width:unset;width:100%;padding:2rem 0.5rem;position:static!important;transform:none!important;}}
        @media(max-width:600px){.container{padding:1rem 0.2rem;}.auth-section,.info-section{padding:1.2rem 0.2rem;}.attention-box{padding:1rem 0.5rem;}}
        .wave-bottom-bg{position:fixed;left:0;bottom:0;width:100vw;height:268px;background:url('/client/resources/images/wave-bottom.png') no-repeat bottom center;background-size:cover;z-index:0;pointer-events:none;}
        .form-group {position:relative;}
        .form-group label {position:absolute;left:44px;top:50%;transform:translateY(-50%);color:rgba(255, 255, 255, 0.5);font-size:1.1rem;pointer-events:none;transition:all 0.1s ease;z-index:1;opacity:0;}
        #login-username:focus ~ label,
        #login-username:not(:placeholder-shown) ~ label,
        #login-password:focus ~ label,
        #login-password:not(:placeholder-shown) ~ label,
        #register-username:focus ~ label,
        #register-username:not(:placeholder-shown) ~ label,
        #register-password:focus ~ label,
        #register-password:not(:placeholder-shown) ~ label,
        #register-repassword:focus ~ label,
        #register-repassword:not(:placeholder-shown) ~ label {
            transform: translateY(-42px) scale(0.85);
            /* color: #ff4655; */
            background: #040e16;
            padding: 0 10px;
            left: 24px;
            opacity: 1;
        }
        
        #login-username:focus::placeholder,
        #login-password:focus::placeholder,
        #register-username:focus::placeholder,
        #register-password:focus::placeholder,
        #register-repassword:focus::placeholder {
            opacity: 0;
            transition: opacity 0.1s ease;
        }