/* MGATAS INVEST · Premium Login + Boot Experience · v1.2.3 */
.login-page{--login-gold:#d9ad57;--login-gold-light:#f4d58f;--login-bg:#05070b;--login-surface:rgba(13,17,24,.78);background:#05070b;color:#f7f3e9;overflow-x:hidden}
.login-page .login-atmosphere{position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 18% 20%,rgba(217,173,87,.19),transparent 31%),radial-gradient(circle at 88% 84%,rgba(217,173,87,.09),transparent 27%),linear-gradient(135deg,#030406 0%,#080b11 48%,#10141c 100%)}
.login-grid{position:fixed;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(217,173,87,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(217,173,87,.12) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 76%,transparent)}
.login-wrap{position:relative;z-index:1;min-height:100vh;max-width:1320px;margin:0 auto;padding:56px;display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}
.login-message{padding:0}
.login-message{position:relative}.login-floating-mybal{position:absolute;width:118px;height:118px;object-fit:contain;right:2%;top:-96px;z-index:2;filter:drop-shadow(0 18px 30px rgba(217,173,87,.24));animation:loginMybalFloat 4.8s ease-in-out infinite,loginMybalTurn 18s linear infinite;pointer-events:none;user-select:none}
.login-trust div:nth-child(1) span{color:#4da3ff}.login-trust div:nth-child(1) strong{color:#57d68d}.login-trust div:nth-child(2) span{color:#ffffff}.login-trust div:nth-child(2) strong{color:#4da3ff}.login-trust div:nth-child(3) span{color:#ffffff}.login-trust div:nth-child(3) strong{color:#57d68d}
.login-message h1{font-family:Georgia,serif;font-size:clamp(48px,5.2vw,78px);line-height:.98;letter-spacing:-.035em;font-weight:500;margin:20px 0 24px}.login-message h1 em{font-style:normal;color:var(--login-gold-light);text-shadow:0 0 36px rgba(217,173,87,.14)}
.login-message>p{max-width:650px;color:#afb5c0;font-size:17px;line-height:1.75}.login-page .eyebrow{color:var(--login-gold);letter-spacing:.23em}
.login-highlights{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.login-highlights span{padding:10px 14px;border:1px solid rgba(217,173,87,.28);border-radius:999px;background:rgba(217,173,87,.045);color:#d9c8a7;font-size:11px}
.login-quote{margin-top:38px;display:flex;align-items:center;gap:15px;color:#9ba2ad;font-size:12px;letter-spacing:.04em}.login-quote-line{width:60px;height:1px;background:linear-gradient(90deg,var(--login-gold),transparent)}.login-quote strong{font-weight:500;transition:opacity .35s ease}
.login-card{position:relative;overflow:hidden;padding:38px;border-radius:28px;background:linear-gradient(145deg,rgba(20,25,34,.92),rgba(8,11,16,.88));border:1px solid rgba(217,173,87,.25);box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(22px)}
.login-card:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(217,173,87,.1);border-radius:50%;right:-105px;top:-120px}.login-card:after{content:"";position:absolute;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--login-gold),transparent)}
.login-card .login-brand{margin:0 0 30px!important}.login-brand-image img{max-width:390px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.3))}.login-card h2{font-family:Georgia,serif;font-size:34px;font-weight:500;margin:11px 0}.login-card>p{color:#939aa5;margin-bottom:22px}
.login-card form{gap:9px}.login-card label{color:#c8cbd2;font-size:11px;letter-spacing:.04em}.login-card input{background:rgba(3,5,9,.68)!important;color:#fff!important;border:1px solid #2b313d!important;border-radius:12px;padding:14px 15px;transition:border-color .2s,box-shadow .2s,background .2s}.login-card input:focus{border-color:var(--login-gold)!important;box-shadow:0 0 0 4px rgba(217,173,87,.09);background:rgba(6,8,13,.9)!important}.login-card input::placeholder{color:#626975}
.login-card .primary-button{position:relative;overflow:hidden;border-radius:12px;padding:15px;background:linear-gradient(135deg,#a8772e,#f0cc7d);box-shadow:0 12px 30px rgba(217,173,87,.18);transition:transform .2s,box-shadow .2s}.login-card .primary-button:hover{transform:translateY(-2px);box-shadow:0 17px 36px rgba(217,173,87,.25)}
.login-help{color:#737b87}.login-trust{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.login-trust div{min-width:0}.login-trust span,.login-trust strong{display:block}.login-trust span{color:#666e7b;font-size:8px;letter-spacing:.15em}.login-trust strong{color:#c6c9ce;font-size:10px;margin-top:5px;white-space:nowrap}
.boot-active #loginContent{opacity:0;pointer-events:none}.boot-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(217,173,87,.12),transparent 24%),linear-gradient(145deg,#020305,#080b10 56%,#030405);color:#f6f2e9;opacity:1;transition:opacity .8s ease,visibility .8s ease}.boot-screen.is-leaving{opacity:0;visibility:hidden}
.boot-particles{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,rgba(244,213,143,.52) 0 1px,transparent 1.5px);background-size:95px 95px;animation:bootDrift 18s linear infinite}.boot-particles:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49.8%,rgba(217,173,87,.06) 50%,transparent 50.2%);background-size:100% 75px}
.boot-content{position:relative;width:min(620px,calc(100vw - 40px));text-align:center}.boot-logo{width:min(390px,76vw);height:auto;opacity:0;transform:translateY(18px) scale(.96);filter:drop-shadow(0 0 28px rgba(217,173,87,.18));animation:bootLogoIn .85s .12s forwards,bootGlow 2.6s 1s ease-in-out infinite}
.boot-welcome{margin-top:22px;opacity:0;transform:translateY(14px);animation:bootRise .65s .75s forwards}.boot-welcome span,.boot-welcome strong{display:block}.boot-welcome span{font-size:12px;letter-spacing:.34em;color:#d5d7dc}.boot-welcome strong{margin-top:8px;color:var(--login-gold-light);font-family:Georgia,serif;font-size:clamp(27px,5vw,44px);font-weight:500;letter-spacing:.16em}
.boot-status{margin-top:25px;color:#a6adb8;font-size:12px;letter-spacing:.08em;min-height:18px;opacity:0;animation:bootRise .5s 1.12s forwards}.boot-modules{width:min(470px,100%);margin:21px auto 0;text-align:left;display:grid;gap:8px}.boot-modules>div{display:flex;align-items:center;gap:11px;padding:0 8px;opacity:0;transform:translateY(7px);color:#858d99;font-size:11px;transition:opacity .35s,transform .35s,color .35s}.boot-modules>div.done{opacity:1;transform:none;color:#d9dde3}.boot-modules i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,173,87,.45);color:var(--login-gold-light);font-size:10px;font-style:normal;background:rgba(217,173,87,.07)}
.boot-progress{width:min(470px,100%);height:4px;margin:24px auto 0;border-radius:99px;background:#1c222c;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.7)}.boot-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#80591f,#d9ad57,#f5d78f);box-shadow:0 0 18px rgba(217,173,87,.42);transition:width .42s cubic-bezier(.2,.75,.2,1)}.boot-progress-meta{width:min(470px,100%);margin:8px auto 0;display:flex;justify-content:space-between;color:#6d7580;font-size:9px;letter-spacing:.1em}.boot-progress-meta #bootProgressText{color:#c5a462}
.boot-mgi,.boot-final{position:absolute;inset:55% 0 auto;transform:translateY(-50%) scale(.96);opacity:0;pointer-events:none;transition:opacity .45s,transform .45s}.boot-mgi.show,.boot-final.show{opacity:1;transform:translateY(-50%) scale(1)}.boot-mgi span,.boot-mgi strong,.boot-mgi em,.boot-final span,.boot-final strong,.boot-final small{display:block}.boot-mgi span{font-size:11px;letter-spacing:.32em;color:#9299a4}.boot-mgi strong{font-family:Georgia,serif;font-size:72px;font-weight:500;color:#f3d487;margin:8px 0}.boot-mgi em{font-style:normal;color:#55d59d;font-size:13px;letter-spacing:.16em}.boot-final span{color:#a4aab4;font-size:13px}.boot-final strong{font-family:Georgia,serif;color:#f1d188;font-size:clamp(30px,5vw,48px);font-weight:500;margin:10px 0}.boot-final small{color:#7e8793;font-size:11px}.boot-content.stage-mgi>.boot-logo,.boot-content.stage-mgi>.boot-welcome,.boot-content.stage-mgi>.boot-status,.boot-content.stage-mgi>.boot-modules,.boot-content.stage-mgi>.boot-progress,.boot-content.stage-mgi>.boot-progress-meta,.boot-content.stage-final>.boot-logo,.boot-content.stage-final>.boot-welcome,.boot-content.stage-final>.boot-status,.boot-content.stage-final>.boot-modules,.boot-content.stage-final>.boot-progress,.boot-content.stage-final>.boot-progress-meta{opacity:0;transition:opacity .35s}
@keyframes loginMybalFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes loginMybalTurn{to{filter:drop-shadow(0 18px 30px rgba(217,173,87,.24)) hue-rotate(0deg)}}@keyframes bootLogoIn{to{opacity:1;transform:none}}@keyframes bootRise{to{opacity:1;transform:none}}@keyframes bootGlow{0%,100%{filter:drop-shadow(0 0 19px rgba(217,173,87,.12))}50%{filter:drop-shadow(0 0 35px rgba(217,173,87,.27))}}@keyframes bootDrift{to{transform:translate3d(45px,24px,0)}}
@media(max-width:900px){.login-floating-mybal{right:4%;top:-82px;width:96px;height:96px}.login-wrap{grid-template-columns:1fr;padding:34px;gap:35px}.login-message{padding-top:25px}.login-message h1{font-size:50px}.login-card{max-width:600px;width:100%;margin:0 auto}.login-page{overflow:auto}}
@media(max-width:560px){.login-floating-mybal{position:relative;display:block;right:auto;top:auto;width:86px;height:86px;margin:0 0 14px auto}.login-wrap{padding:22px}.login-message h1{font-size:39px}.login-message>p{font-size:14px}.login-card{padding:27px 22px;border-radius:21px}.login-trust{grid-template-columns:1fr 1fr}.login-trust div:last-child{display:none}.boot-content{width:calc(100vw - 28px)}.boot-modules{padding:0 10px}.boot-welcome strong{letter-spacing:.1em}.boot-mgi strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){.boot-particles,.boot-logo{animation:none}.boot-logo,.boot-welcome,.boot-status{opacity:1;transform:none}}