.crystal-brand,.crystal-copy,.crystal-signature,.crystal-emblem{display:none}
#loginOverlay.login-crystal{--text-primary:#f3efe8;--text-secondary:#b9c1c9;--accent-blue:#eadcc6;--border-color:#a8b4c442;color-scheme:dark;justify-content:flex-end;align-items:center;padding:48px clamp(25px,5.2vw,110px);overflow:auto;background-color:#17232c;background-position:center;background-size:cover;isolation:isolate}
.login-crystal .crystal-brand{display:flex;align-items:center;gap:12px;position:absolute;left:3%;top:4%;color:#f1eee7;font-family:Georgia,'Batang',serif;font-size:clamp(18px,1.4vw,25px)}.crystal-brand svg{width:32px;height:38px;flex-shrink:0}.login-crystal #loginLogoImg{display:none!important}.login-crystal .crystal-copy{display:block;position:absolute;left:5.1%;bottom:11%;color:#f8f4ec;text-shadow:0 2px 15px #07131e99;pointer-events:none}.crystal-copy h1{font-family:Georgia,'Batang',serif;font-size:clamp(35px,3.4vw,63px);line-height:1.3;font-weight:400;letter-spacing:-1px;margin:0 0 18px}.crystal-copy p{font-family:Georgia,'Batang',serif;font-size:clamp(13px,1.25vw,22px);line-height:1.7;letter-spacing:1px;color:#c8d1d9;margin:0}.login-crystal .crystal-signature{display:block;position:absolute;bottom:3%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:9px;letter-spacing:4px;color:#a9b6bf;pointer-events:none}
#loginOverlay.login-crystal .login-container{position:relative;width:clamp(390px,30.5vw,510px);max-width:100%;padding:clamp(30px,2.5vw,45px) clamp(28px,2.5vw,45px);margin:0;text-align:center;background:linear-gradient(130deg,#c8c0b91c,#16222d9c 32%,#18232dba 75%,#ac9b7c14);border:1px solid #c2cdd6b3;border-radius:20px;box-shadow:inset 0 1px 2px #fff9,inset 1px 0 2px #fff3,0 20px 55px #08121c44;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:#f3efe8;z-index:1;overflow:visible}
.login-crystal .login-container:before,.login-crystal .login-container:after{content:'';position:absolute;width:110px;height:65px;pointer-events:none;border-radius:20px;z-index:-1}.login-crystal .login-container:before{top:-1px;left:-1px;border-top:2px solid #f6ebd3;border-left:2px solid #f6ebd3;mask-image:linear-gradient(135deg,#000,transparent 70%);filter:drop-shadow(0 0 5px #f8e8c2)}.login-crystal .login-container:after{bottom:-1px;right:-1px;border-bottom:2px solid #fff1d6;border-right:2px solid #fff1d6;mask-image:linear-gradient(315deg,#000,transparent 70%);filter:drop-shadow(0 0 5px #f8e8c2)}
.login-crystal .login-logo-circle{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;border:1px solid #d0c7bfa1;background:linear-gradient(140deg,#e2d7c92b,#c1d3e411);box-shadow:inset 0 1px #fff3;color:#f2e9db}.login-crystal .login-logo-circle>i{display:none}.login-crystal .crystal-emblem{display:block;width:40px;height:44px}.login-crystal .login-header h2{font-family:Georgia,'Batang',serif;color:#f5f0e8;font-size:clamp(23px,1.8vw,31px);line-height:1.4;font-weight:500;margin:0 0 5px;letter-spacing:-.7px}.login-crystal .login-header p{font-family:Georgia,serif;font-size:clamp(12px,1.05vw,17px);color:#b9c3ca;line-height:1.6;margin:0 0 30px}
.login-crystal .login-container .form-group{margin-bottom:19px;text-align:left}.login-crystal .login-container .form-group label{display:block;color:#e4e7e6;font-size:14px;font-weight:500;margin:0 0 8px;line-height:1.5}.login-crystal .login-container .form-group input{width:100%;height:51px;border:1px solid #a6b4c17d;border-radius:10px;background:linear-gradient(115deg,#d6d6cc0e,#1a26303d);color:#f4f1e9;padding:13px 15px;font-family:inherit;font-size:14px;box-shadow:inset 0 1px 3px #0001;outline:none}.login-crystal .login-container .form-group input::placeholder{color:#929fa9;opacity:1}.login-crystal .login-container .form-group input:focus{border-color:#edddbf;box-shadow:0 0 0 3px #e8d7b515}.login-crystal .login-container input:-webkit-autofill{-webkit-text-fill-color:#f4f1e9;box-shadow:0 0 0 1000px #26323c inset;caret-color:#f4f1e9}.login-crystal #togglePassword{color:#b8c8d5;right:16px;font-size:16px}.login-crystal .remember-id-row{margin:2px 0 23px}.login-crystal .remember-id-label{color:#d8dfe1;font-size:13px;gap:9px}.login-crystal .remember-id-label input[type=checkbox]{width:19px;height:19px;accent-color:#e4d5be}
.login-crystal .login-container .btn-premium{min-height:52px;border:1px solid #f2e7d8;border-radius:11px;background:linear-gradient(125deg,#fbf4e8,#ddcdbd);color:#1e2d38;font-size:15px;font-weight:700;box-shadow:inset 0 1px #fff,0 4px 18px #e3cfb415;justify-content:center;text-shadow:none;gap:10px;transition:filter .15s,box-shadow .15s}.login-crystal .login-container .btn-premium:hover{filter:brightness(1.06);box-shadow:inset 0 1px #fff,0 5px 20px #e3cfb42b}.login-crystal #btnLogin:after{content:'→';font-size:22px;line-height:1;margin-left:7px;font-weight:400}.login-crystal .login-options{margin-top:24px!important;display:flex;align-items:center;gap:12px}.login-crystal .login-options:before,.login-crystal .login-options:after{content:'';height:1px;flex:1;background:#8a9baa2b}.login-crystal .login-options a{color:#e5e6e3!important;font-size:11px!important;white-space:nowrap}.login-crystal .login-footer{margin-top:29px;font-size:11px;line-height:1.7;color:#a8b3bc;opacity:1}.login-crystal #forgotPanel,.login-crystal #resetPanel{text-align:left;margin-top:20px!important}.login-crystal #forgotPanel h3,.login-crystal #resetPanel h3{color:#f0e7d7!important;font-size:15px!important}.login-crystal #btnBackToLogin{color:#d2dce2!important;font-size:12px!important}.login-crystal :is(button,a,input):focus-visible{outline:2px solid #f2e2c4;outline-offset:3px}
@media(max-width:1100px){#loginOverlay.login-crystal{padding:35px 4%}.login-crystal .crystal-copy{left:4%;bottom:9%;max-width:48%}.crystal-copy h1{font-size:37px}.crystal-copy p{font-size:12px;letter-spacing:0}.login-crystal .crystal-signature{font-size:8px;letter-spacing:2.5px}}
@media(max-width:780px){#loginOverlay.login-crystal{display:flex;flex-direction:column;justify-content:flex-start;padding:165px 18px 45px;background-position:30% center;background-attachment:fixed}.login-crystal .crystal-brand{top:20px;left:22px;font-size:18px;gap:8px}.crystal-brand svg{width:25px;height:29px}.login-crystal .crystal-copy{position:relative;left:auto;bottom:auto;max-width:440px;width:100%;margin:0 auto 25px;text-align:left}.crystal-copy h1{font-size:32px;line-height:1.3;margin-bottom:9px}.crystal-copy p{font-size:11px}.login-crystal .crystal-signature{position:relative;bottom:auto;margin-top:28px;font-size:7px;letter-spacing:2px}#loginOverlay.login-crystal .login-container{width:440px;padding:28px;background:linear-gradient(130deg,#6e74793b,#182530ed 35%,#1b2832ed)}.login-crystal .login-logo-circle{width:60px;height:60px;margin-bottom:12px}.login-crystal .crystal-emblem{width:32px;height:36px}.login-crystal .login-header h2{font-size:24px}.login-crystal .login-header p{font-size:12px;margin-bottom:25px}.login-crystal .login-container .form-group input{height:48px;font-size:16px}.login-crystal .login-container .form-group label{font-size:12px}.login-crystal .login-container .btn-premium{min-height:49px;font-size:14px}.login-crystal .login-options{margin-top:20px!important}.login-crystal .login-footer{margin-top:24px;font-size:10px}}
@media(max-height:750px) and (min-width:781px){#loginOverlay.login-crystal{padding-top:22px;padding-bottom:22px}.login-crystal .login-logo-circle{width:55px;height:55px;margin-bottom:10px}.login-crystal .crystal-emblem{width:30px;height:34px}.login-crystal .login-header p{margin-bottom:18px}.login-crystal .login-container .form-group{margin-bottom:13px}.login-crystal .login-header h2{font-size:24px}.login-crystal .login-container .form-group input{height:44px}.login-crystal .remember-id-row{margin-bottom:16px}.login-crystal .login-container .btn-premium{min-height:46px}.login-crystal .login-footer{margin-top:20px}.login-crystal .login-options{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){.login-crystal *{transition:none!important;animation:none!important}}
@media(min-width:781px){#loginOverlay.login-crystal .login-container{min-height:min(77.6vh,760px)}}
.login-crystal .login-container:before{border-radius:20px 0 0 0}.login-crystal .login-container:after{border-radius:0 0 20px 0}
@media(max-width:780px){.login-crystal .crystal-copy{order:1}.login-crystal .login-container{order:2}.login-crystal .crystal-signature{order:3}.login-crystal .crystal-copy h1,.login-crystal .crystal-copy p{text-shadow:0 2px 8px #08121c,0 0 18px #08121caa}#loginOverlay.login-crystal:before{content:'';position:fixed;inset:0 0 auto;height:300px;background:linear-gradient(#12202d70,#12202d42,transparent);pointer-events:none;z-index:-1}}