/* MaviGeceFM – AY ISIGI LOUNGE V2.0; independent from HakanFM layout. */
#login_wrap.mg2-root{--night:#080b22;--lavender:#c2b7fd;--pink:#f8d3e6;--paper:#f6f1f2;--ink:#25213d;--deep:#14132c;isolation:isolate;position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:100vh!important;overflow:hidden!important;background:linear-gradient(117deg,#080b23 8%,#101037 53%,#1b1644 100%)!important;color:#f8f6ff!important;font:normal 16px/1.5 'Segoe UI',Arial,sans-serif!important;text-align:left!important;margin:0!important;padding:0!important}
#login_wrap.mg2-root,#login_wrap.mg2-root *{box-sizing:border-box!important}
#login_wrap.mg2-root button,#login_wrap.mg2-root input{font-family:inherit!important}
#login_wrap.mg2-root button{cursor:pointer!important;touch-action:manipulation!important}
#login_wrap.mg2-root a{text-decoration:none!important}
#login_wrap.mg2-root .mg2-sky{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 24% 24%,rgba(106,89,203,.23),transparent 47%),radial-gradient(ellipse at 52% 75%,rgba(164,107,204,.12),transparent 54%),radial-gradient(ellipse at 94% 10%,rgba(160,121,206,.1),transparent 40%)}
#login_wrap.mg2-root .mg2-grain{pointer-events:none;position:absolute;inset:0;z-index:1;opacity:.2;background-image:radial-gradient(#ffffff50 .65px,transparent .65px);background-size:31px 31px}
#login_wrap.mg2-root .mg2-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(385px,.85fr);min-height:100vh;margin:0 auto;max-width:1920px}
#login_wrap.mg2-root .mg2-scene{min-width:0;position:relative;display:flex;flex-direction:column;min-height:850px;padding:34px clamp(30px,5vw,80px) 23px;overflow:hidden}
#login_wrap.mg2-root .mg2-head{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px}
#login_wrap.mg2-root .mg2-brand{display:inline-flex;align-items:center;gap:14px;color:#fff!important;min-width:0}
#login_wrap.mg2-root .mg2-brand-symbol{display:grid;place-items:center;width:52px;height:52px;color:#d7c5ff;filter:drop-shadow(0 0 20px #b4a0f488)}
#login_wrap.mg2-root .mg2-brand-symbol svg{width:48px;height:48px}
#login_wrap.mg2-root .mg2-brand-copy{display:flex;flex-direction:column;gap:1px}
#login_wrap.mg2-root .mg2-brand-copy strong{font:700 clamp(18px,2.0vw,27px)/1.12 'Segoe UI',Arial,sans-serif!important;letter-spacing:.07em;color:#fff;white-space:nowrap}
#login_wrap.mg2-root .mg2-brand-copy strong span{color:#d7baff}
#login_wrap.mg2-root .mg2-brand-copy small{font:400 11px/1.6 'Segoe UI',Arial,sans-serif!important;letter-spacing:.15em;color:#b7b2d4}
#login_wrap.mg2-root .mg2-head-live{font:700 10px/1 'Segoe UI',Arial,sans-serif!important;letter-spacing:.17em;color:#e8dffb;white-space:nowrap;display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid #ffffff21;padding:11px 15px;border-radius:999px}
#login_wrap.mg2-root .mg2-live-pulse,#login_wrap.mg2-root .mg2-card-status i{background:#e5a7b9;display:inline-block;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 4px #e5a7b923;animation:mg2Pulse 2.6s ease-in-out infinite}
#login_wrap.mg2-root .mg2-art{position:relative;z-index:1;height:455px;min-height:390px;flex:1 0 auto;max-height:530px;margin:4px -60px -22px;pointer-events:none}
#login_wrap.mg2-root .mg2-halo{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);width:min(620px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f1e4f521 0%,#ccb1ff23 33%,#bd8bfb12 48%,transparent 69%);filter:blur(20px)}
#login_wrap.mg2-root .mg2-moon{position:absolute;width:clamp(255px,31vw,405px);height:clamp(255px,31vw,405px);border-radius:50%;left:50%;top:40%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #ded2e908,0 0 40px 8px #dec6ed52,0 0 125px #a18dcd35,inset -44px -28px 90px #9e94c389,inset 15px 15px 50px #fffaf2a1;background:radial-gradient(circle at 38% 29%,#fef5ed 0%,#e8dbe7 42%,#b2acc8 75%,#a89db6 100%);animation:mg2Float 9s ease-in-out infinite;overflow:hidden}
#login_wrap.mg2-root .mg2-crater{position:absolute;border-radius:50%;border:2px solid #b2a7bc3f;background:#9c93ad23;box-shadow:inset 3px 2px 10px #9689a950}
#login_wrap.mg2-root .mg2-crater-one{width:58px;height:58px;left:19%;top:26%}#login_wrap.mg2-root .mg2-crater-two{width:96px;height:96px;left:56%;top:56%}#login_wrap.mg2-root .mg2-crater-three{width:35px;height:35px;left:62%;top:23%}
#login_wrap.mg2-root .mg2-orbit{position:absolute;border:1px solid #d9c9ff35;border-radius:50%;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-12deg);width:min(590px,87%);height:205px}#login_wrap.mg2-root .mg2-orbit-two{transform:translate(-50%,-50%) rotate(34deg);border-color:#e5cfff25;height:245px;width:min(630px,93%)}
#login_wrap.mg2-root .mg2-hill{position:absolute;left:-16%;right:-16%;border-radius:50% 50% 0 0;transform:rotate(-4deg)}#login_wrap.mg2-root .mg2-hill-one{height:175px;bottom:-92px;background:#342c60;z-index:4}#login_wrap.mg2-root .mg2-hill-two{height:170px;bottom:-117px;left:20%;right:-30%;background:#251f4b;z-index:5;transform:rotate(5deg)}#login_wrap.mg2-root .mg2-hill-three{height:130px;bottom:-91px;left:-35%;right:30%;background:#1b1a3d;z-index:6;transform:rotate(-9deg)}
#login_wrap.mg2-root .mg2-star{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px 1px #e6c4fdba;animation:mg2Twinkle 4s infinite alternate}#login_wrap.mg2-root .mg2-s1{top:15%;left:14%}#login_wrap.mg2-root .mg2-s2{top:10%;left:71%;width:3px;height:3px;animation-delay:1s}#login_wrap.mg2-root .mg2-s3{top:30%;left:84%;animation-delay:2s}#login_wrap.mg2-root .mg2-s4{top:46%;left:9%;width:2px;height:2px}#login_wrap.mg2-root .mg2-s5{top:54%;left:87%;width:3px;height:3px;animation-delay:1.2s}#login_wrap.mg2-root .mg2-s6{top:14%;left:38%;width:2px;height:2px;animation-delay:1.7s}#login_wrap.mg2-root .mg2-s7{top:20%;left:92%}#login_wrap.mg2-root .mg2-s8{top:65%;left:15%;width:2px;height:2px}#login_wrap.mg2-root .mg2-s9{top:5%;left:52%;width:2px;height:2px}#login_wrap.mg2-root .mg2-s10{top:69%;left:79%}#login_wrap.mg2-root .mg2-s11{top:29%;left:22%}#login_wrap.mg2-root .mg2-s12{top:38%;left:95%;width:2px;height:2px}
#login_wrap.mg2-root .mg2-shooting{position:absolute;top:23%;right:12%;width:95px;height:1px;background:linear-gradient(90deg,#e8ccef 0%,transparent 100%);transform:rotate(-28deg);opacity:.7;animation:mg2Shoot 9s ease-in-out infinite}
#login_wrap.mg2-root .mg2-art-label{position:absolute;z-index:8;bottom:23px;right:11%;color:#d3c1ed;letter-spacing:.28em;font-size:10px}
#login_wrap.mg2-root .mg2-hero-text{position:relative;z-index:7;margin-top:-10px}
#login_wrap.mg2-root .mg2-kicker{font:700 11px/1.5 'Segoe UI',Arial,sans-serif!important;letter-spacing:.27em;color:#bdaddf}
#login_wrap.mg2-root .mg2-hero-text h1{font:400 clamp(38px,4.5vw,69px)/1.14 Georgia,'Times New Roman',serif!important;letter-spacing:-.035em!important;color:#f6edf8!important;margin:12px 0 15px!important;max-width:720px}
#login_wrap.mg2-root .mg2-hero-text h1 em{font-weight:400;font-style:italic;color:#d4b9f4}#login_wrap.mg2-root .mg2-hero-text h1 span{color:#baa5dd}
#login_wrap.mg2-root .mg2-hero-text p{font:400 15px/1.8 'Segoe UI',Arial,sans-serif!important;color:#b9b7d4;margin:0!important}
#login_wrap.mg2-root .mg2-radio{position:relative;z-index:7;display:flex;align-items:center;gap:14px;margin-top:31px;width:100%;max-width:640px;border:1px solid #ffffff2b;background:#ffffff0d;backdrop-filter:blur(17px);border-radius:20px;padding:14px 17px}
#login_wrap.mg2-root .mg2-radio-mark{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:linear-gradient(135deg,#9281c0,#6b5baf);border-radius:15px;color:#fff;font:400 28px Georgia,serif!important}
#login_wrap.mg2-root .mg2-radio-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}#login_wrap.mg2-root .mg2-radio-info>span{display:flex;gap:7px;align-items:center;font:700 9px/1.5 'Segoe UI',Arial,sans-serif!important;color:#d4c5ef;letter-spacing:.13em}#login_wrap.mg2-root .mg2-radio-info strong{font:700 16px/1.35 'Segoe UI',Arial,sans-serif!important;color:#fdf9ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login_wrap.mg2-root .mg2-radio-info small{font:400 11px/1.5 'Segoe UI',Arial,sans-serif!important;color:#aba4c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#login_wrap.mg2-root .mg2-radio-dots{display:inline-flex;align-items:center;gap:2px;height:13px}#login_wrap.mg2-root .mg2-radio-dots b{width:2px;height:6px;background:#dfb9ec;border-radius:5px;animation:mg2Eq 1s ease-in-out infinite alternate}#login_wrap.mg2-root .mg2-radio-dots b:nth-child(2){height:12px;animation-delay:.2s}#login_wrap.mg2-root .mg2-radio-dots b:nth-child(3){height:8px;animation-delay:.5s}#login_wrap.mg2-root .mg2-radio-dots b:nth-child(4){height:11px;animation-delay:.1s}
#login_wrap.mg2-root .mg2-play{width:48px!important;height:48px!important;flex:0 0 48px;display:grid!important;place-items:center!important;background:#f5e8f4!important;border:0!important;border-radius:50%!important;box-shadow:0 4px 19px #09091d30!important;color:#34275a!important;font-size:19px!important;padding:0!important}
#login_wrap.mg2-root .mg2-play:hover{background:#fff!important;transform:scale(1.05)}#login_wrap.mg2-root .mg2-play.mg2-playing{background:#d5b7fb!important}
#login_wrap.mg2-root .mg2-volume{display:flex;align-items:center;gap:7px;color:#e2d3f4;font-size:12px!important}#login_wrap.mg2-root .mg2-volume input{width:75px!important;height:5px!important;accent-color:#e1c8f0;cursor:pointer}
#login_wrap.mg2-root .mg2-scene-bottom{position:relative;z-index:7;display:flex;align-items:center;gap:17px;color:#9590b7;font:600 9px/1.4 'Segoe UI',Arial,sans-serif!important;letter-spacing:.2em;margin-top:auto;padding-top:25px}#login_wrap.mg2-root .mg2-split{background:#4b456e;width:3px;height:3px;border-radius:50%}
#login_wrap.mg2-root .mg2-access{position:relative;z-index:8;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px clamp(20px,3.7vw,62px) 19px;background:linear-gradient(135deg,#ffffff06,#ffffff13 55%,#fff2);border-left:1px solid #ffffff17}
#login_wrap.mg2-root .mg2-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:650px;width:100%;max-width:505px;margin:0 auto;background:var(--paper);color:var(--ink);border-radius:27px;padding:23px clamp(25px,3vw,45px) 20px;box-shadow:0 35px 95px #0005,0 0 0 1px #ffffff39}
#login_wrap.mg2-root .mg2-card-deco{position:absolute;top:-110px;right:-98px;width:240px;height:240px;display:grid;place-items:end start;padding:105px 0 0 50px;border-radius:50%;background:#e7dcea;transform:rotate(30deg);font:400 100px/1 Georgia,serif!important;color:#ded0e5;pointer-events:none}
#login_wrap.mg2-root .mg2-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:8px}#login_wrap.mg2-root .mg2-card-mark{display:none!important}#login_wrap.mg2-root .mg2-card-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:700 9px/1 'Segoe UI',Arial,sans-serif!important;letter-spacing:.13em;color:#675c78;padding-top:9px}#login_wrap.mg2-root .mg2-card-status i{background:#a89bcb;box-shadow:0 0 0 3px #a89bcb44}
#login_wrap.mg2-root .mg2-card-intro{position:relative;z-index:1;margin:18px 0 22px}#login_wrap.mg2-root .mg2-tiny-moon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e5dbea;color:#7b6298;font:400 32px/1 Georgia,serif!important;margin-bottom:13px}#login_wrap.mg2-root .mg2-card-kicker{font:700 10px/1.4 'Segoe UI',Arial,sans-serif!important;letter-spacing:.16em;color:#796c88}
#login_wrap.mg2-root .mg2-card-intro h2{margin:7px 0 10px!important;color:#26203e!important;font:400 clamp(29px,2.4vw,38px)/1.1 Georgia,'Times New Roman',serif!important;letter-spacing:-.028em!important}#login_wrap.mg2-root .mg2-card-intro h2 em{font-weight:400;color:#8b73a7}
#login_wrap.mg2-root .mg2-card-intro p{font:400 12px/1.6 'Segoe UI',Arial,sans-serif!important;color:#817989;margin:0!important}
#login_wrap.mg2-root #login_form_box.mg2-form{position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;float:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important;text-align:left!important}
#login_wrap.mg2-root .mg2-field{display:flex!important;flex-direction:column!important;gap:7px!important;float:none!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important}
#login_wrap.mg2-root .mg2-field>label{font:700 12px/1.5 'Segoe UI',Arial,sans-serif!important;color:#453e58!important;display:block!important;float:none!important;width:auto!important;margin:0!important}
#login_wrap.mg2-root .mg2-input-shell{height:51px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:11px!important;background:#eae6ed!important;border:1px solid #dbd3df!important;border-radius:12px!important;padding:0 13px!important;box-shadow:none!important;overflow:hidden!important}
#login_wrap.mg2-root .mg2-input-shell:focus-within{border-color:#9f87bb!important;box-shadow:0 0 0 3px #9f87bb24!important;background:#f0ebf2!important}
#login_wrap.mg2-root .mg2-input-shell>span{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:22px!important;position:static!important;float:none!important;background:none!important;color:#857797!important;font:600 21px/1 'Segoe UI',Arial,sans-serif!important}
#login_wrap.mg2-root .mg2-input-shell input{display:block!important;position:static!important;flex:1 1 0!important;width:1%!important;min-width:0!important;max-width:none!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;color:#24203a!important;-webkit-text-fill-color:#24203a!important;font:400 14px/1.5 'Segoe UI',Arial,sans-serif!important;text-align:left!important;float:none!important;opacity:1!important;visibility:visible!important}
#login_wrap.mg2-root .mg2-input-shell input::placeholder{color:#a19ba9!important;-webkit-text-fill-color:#a19ba9!important;opacity:1!important}
#login_wrap.mg2-root .mg2-eye{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;padding:5px 3px!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#746a83!important;font:700 11px/1.3 'Segoe UI',Arial,sans-serif!important;white-space:nowrap!important}
#login_wrap.mg2-root .mg2-form-mini{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:0!important;width:100%!important;flex-wrap:wrap!important}
#login_wrap.mg2-root .mg2-remember{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font:400 12px/1.4 'Segoe UI',Arial,sans-serif!important;color:#645d72!important;margin:0!important}
#login_wrap.mg2-root #mg2Remember{display:inline-block!important;position:static!important;flex:none!important;float:none!important;min-width:15px!important;width:15px!important;height:15px!important;margin:0!important;accent-color:#8c77aa}
#login_wrap.mg2-root .mg2-text-link{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;color:#6c5e86!important;font:600 12px/1.4 'Segoe UI',Arial,sans-serif!important;width:auto!important;height:auto!important;margin:0!important;white-space:nowrap!important}
#login_wrap.mg2-root .mg2-submit{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:relative!important;width:100%!important;min-width:0!important;height:58px!important;min-height:58px!important;margin:7px 0 0!important;padding:0 19px!important;border:0!important;border-radius:13px!important;background:#302349!important;color:#fff!important;box-shadow:0 12px 22px #2e234829!important;font:700 14px/1.4 'Segoe UI',Arial,sans-serif!important;text-align:left!important;letter-spacing:.01em!important}
#login_wrap.mg2-root .mg2-submit:hover{background:#43335e!important}#login_wrap.mg2-root .mg2-submit>b{font:400 27px/1 Georgia,serif!important}
#login_wrap.mg2-root .mg2-guest{display:flex!important;width:100%!important;min-height:45px!important;align-items:center!important;justify-content:space-between!important;padding:0 3px!important;margin:11px 0 0!important;border:0!important;border-bottom:1px solid #d9d1dc!important;background:transparent!important;color:#706380!important;font:600 12px/1.5 'Segoe UI',Arial,sans-serif!important;box-shadow:none!important}#login_wrap.mg2-root .mg2-guest b{font:400 20px/1 Georgia,serif!important}
#login_wrap.mg2-root .mg2-register{text-align:center!important;color:#817a88;font:400 12px/1.5 'Segoe UI',Arial,sans-serif!important;margin-top:22px!important}#login_wrap.mg2-root .mg2-register button{background:transparent!important;border:0!important;padding:0!important;color:#735c91!important;font-weight:700!important;font-size:12px!important;margin:0!important;box-shadow:none!important}#login_wrap.mg2-root .mg2-register-top{text-align:right!important;margin:0!important;flex:1 1 auto!important;color:#7d7488!important;font-size:11px!important;line-height:1.35!important}#login_wrap.mg2-root .mg2-register-top button{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 11px!important;border-radius:999px!important;background:#efe7f3!important;border:1px solid #ddd0e3!important;color:#4c3a69!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important}#login_wrap.mg2-root .mg2-register-top button:hover{background:#e8deee!important}
#login_wrap.mg2-root .mg2-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #e2dae3;padding-top:17px;margin-top:auto;color:#9d95a6;font:600 9px/1.5 'Segoe UI',Arial,sans-serif!important;letter-spacing:.09em}
#login_wrap.mg2-root .mg2-footer{max-width:505px;width:100%;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c5bbd7;font:400 10px/1.4 'Segoe UI',Arial,sans-serif!important;letter-spacing:.02em}#login_wrap.mg2-root .mg2-footer a{color:#e9d4ed!important;font-size:10px!important;white-space:nowrap}
#login_wrap.mg2-root .mg2-footer strong{color:#fff;font-weight:800}
@keyframes mg2Float{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}
@keyframes mg2Pulse{50%{opacity:.5;box-shadow:0 0 0 7px #e5a7b913}}
@keyframes mg2Twinkle{from{opacity:.2;transform:scale(.7)}to{opacity:1;transform:scale(1.3)}}
@keyframes mg2Shoot{0%,76%,100%{opacity:0;transform:translate(60px,-36px) rotate(-28deg)}82%{opacity:1}94%{opacity:0;transform:translate(-60px,33px) rotate(-28deg)}}
@keyframes mg2Eq{to{height:3px}}
@media(max-width:1170px){#login_wrap.mg2-root .mg2-layout{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr)}#login_wrap.mg2-root .mg2-scene{padding-left:38px;padding-right:38px}#login_wrap.mg2-root .mg2-art{margin-left:-50px;margin-right:-50px}#login_wrap.mg2-root .mg2-radio{padding:11px 12px}#login_wrap.mg2-root .mg2-volume input{width:50px!important}}
@media(max-width:900px){#login_wrap.mg2-root .mg2-layout{display:flex;flex-direction:column}#login_wrap.mg2-root .mg2-scene{min-height:690px;padding:22px 24px 28px;align-items:stretch}#login_wrap.mg2-root .mg2-head{min-height:55px}#login_wrap.mg2-root .mg2-art{height:325px;min-height:325px;max-height:325px;flex:0 0 325px;margin:0 -18px -5px}#login_wrap.mg2-root .mg2-moon{width:275px;height:275px}#login_wrap.mg2-root .mg2-hill-one{bottom:-110px}#login_wrap.mg2-root .mg2-hill-two{bottom:-125px}#login_wrap.mg2-root .mg2-hill-three{bottom:-102px}#login_wrap.mg2-root .mg2-hero-text{margin-top:2px}#login_wrap.mg2-root .mg2-hero-text h1{font-size:43px}#login_wrap.mg2-root .mg2-radio{max-width:none;margin-top:20px}#login_wrap.mg2-root .mg2-scene-bottom{padding-top:15px}#login_wrap.mg2-root .mg2-access{padding:10px 16px 22px;border-left:0;border-top:1px solid #ffffff17}#login_wrap.mg2-root .mg2-card{max-width:610px;min-height:560px}#login_wrap.mg2-root .mg2-footer{max-width:610px}}
@media(max-width:510px){#login_wrap.mg2-root .mg2-scene{min-height:606px;padding:17px 17px 22px}#login_wrap.mg2-root .mg2-brand{gap:7px}#login_wrap.mg2-root .mg2-brand-symbol{width:39px;height:39px}#login_wrap.mg2-root .mg2-brand-symbol svg{width:37px;height:37px}#login_wrap.mg2-root .mg2-brand-copy strong{font-size:17px!important;letter-spacing:.035em}#login_wrap.mg2-root .mg2-brand-copy small{font-size:8px!important;letter-spacing:.06em}#login_wrap.mg2-root .mg2-head-live{font-size:7px!important;padding:9px 10px;letter-spacing:.05em}#login_wrap.mg2-root .mg2-art{height:272px;min-height:272px;max-height:272px;flex:0 0 272px;margin:0 -18px -1px}#login_wrap.mg2-root .mg2-moon{width:220px;height:220px}#login_wrap.mg2-root .mg2-orbit{height:140px;width:93%}#login_wrap.mg2-root .mg2-orbit-two{height:168px}#login_wrap.mg2-root .mg2-art-label{font-size:7px!important;bottom:25px}#login_wrap.mg2-root .mg2-hill-one{height:125px;bottom:-73px}#login_wrap.mg2-root .mg2-hill-two{height:127px;bottom:-90px}#login_wrap.mg2-root .mg2-hill-three{height:125px;bottom:-79px}#login_wrap.mg2-root .mg2-hero-text h1{font-size:36px!important;margin:9px 0!important}#login_wrap.mg2-root .mg2-hero-text p{font-size:12px!important;line-height:1.6!important}#login_wrap.mg2-root .mg2-hero-text p br{display:none}#login_wrap.mg2-root .mg2-kicker{font-size:9px!important}#login_wrap.mg2-root .mg2-radio{margin-top:17px;border-radius:15px;padding:11px;gap:10px}#login_wrap.mg2-root .mg2-radio-mark{width:42px;height:42px;flex-basis:42px}#login_wrap.mg2-root .mg2-play{width:42px!important;height:42px!important;flex-basis:42px}#login_wrap.mg2-root .mg2-volume{display:none}#login_wrap.mg2-root .mg2-scene-bottom{font-size:8px!important;gap:8px}#login_wrap.mg2-root .mg2-access{padding:8px 12px 20px}#login_wrap.mg2-root .mg2-card{padding:19px 19px 18px;border-radius:22px;min-height:530px}#login_wrap.mg2-root .mg2-card-top{margin-bottom:6px!important}#login_wrap.mg2-root .mg2-register-top{text-align:left!important;width:100%!important}#login_wrap.mg2-root .mg2-register-top button{padding:7px 10px!important;font-size:10px!important}#login_wrap.mg2-root .mg2-card-intro{margin:15px 0 18px}#login_wrap.mg2-root .mg2-card-intro h2{font-size:31px!important}#login_wrap.mg2-root .mg2-footer{font-size:9px!important;padding:0 5px}}
@media(prefers-reduced-motion:reduce){#login_wrap.mg2-root .mg2-live-pulse,#login_wrap.mg2-root .mg2-card-status i,#login_wrap.mg2-root .mg2-moon,#login_wrap.mg2-root .mg2-star,#login_wrap.mg2-root .mg2-shooting,#login_wrap.mg2-root .mg2-radio-dots b{animation:none!important}}

#login_wrap.mg2-root .mg2-register-top{font-weight:600!important;}

/* V5: Only the moon to the left of MAVİGECEFM cycles through lunar phases.
   Existing typography, login and radio markup remain unchanged. */
#login_wrap.mg2-root .mg5-moon-phase{position:relative;filter:drop-shadow(0 0 8px rgba(204,179,255,.36));}
#login_wrap.mg2-root .mg5-moon-phase svg{overflow:visible;filter:drop-shadow(0 0 4px rgba(223,196,255,.3));}
#login_wrap.mg2-root .mg5-moon-phase .mg5-phase{opacity:0;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}
#login_wrap.mg2-root .mg5-moon-phase .mg5-phase-crescent{opacity:1;animation-name:mg5Crescent;}
#login_wrap.mg2-root .mg5-moon-phase .mg5-phase-quarter{animation-name:mg5Quarter;}
#login_wrap.mg2-root .mg5-moon-phase .mg5-phase-gibbous{animation-name:mg5Gibbous;}
#login_wrap.mg2-root .mg5-moon-phase .mg5-phase-full{animation-name:mg5Full;}
@keyframes mg5Crescent{0%,16%,100%{opacity:1}23%,93%{opacity:0}}
@keyframes mg5Quarter{0%,17%,35%,100%{opacity:0}24%,30%{opacity:1}}
@keyframes mg5Gibbous{0%,36%,100%{opacity:0}44%,52%{opacity:1}61%{opacity:0}}
@keyframes mg5Full{0%,56%,94%,100%{opacity:0}65%,85%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  #login_wrap.mg2-root .mg5-moon-phase .mg5-phase{animation:none!important;opacity:0!important;}
  #login_wrap.mg2-root .mg5-moon-phase .mg5-phase-crescent{opacity:1!important;}
}

/* V6: mobile-first login: membership always above the decorative radio scene. */
@media (max-width:900px) {
  #login_wrap.mg2-root .mg2-layout {display:flex!important;flex-direction:column!important;}
  #login_wrap.mg2-root .mg2-access {order:-1!important;justify-content:flex-start!important;padding-top:12px!important;padding-bottom:16px!important;border-top:0!important;border-bottom:1px solid #ffffff20!important;}
  #login_wrap.mg2-root .mg2-scene {order:1!important;}
  #login_wrap.mg2-root .mg2-card {margin:0 auto!important;}
  #login_wrap.mg2-root .mg2-footer {margin:12px auto 0!important;}
}
@media (max-width:510px) {
  #login_wrap.mg2-root .mg2-access {padding:8px 12px 14px!important;}
  #login_wrap.mg2-root .mg2-card {margin:0 auto!important;}
}

/* V7: user-provided MaviGeceFM image replaces text wordmark; animated moon unchanged. */
#login_wrap.mg2-root .mg2-brand .mg7-brand-image { display:block!important; flex:0 1 auto!important; width:clamp(155px,17.5vw,238px)!important; min-width:0!important; line-height:0!important; }
#login_wrap.mg2-root .mg2-brand .mg7-brand-image img { display:block!important; width:100%!important; height:auto!important; max-width:100%!important; object-fit:contain!important; filter:drop-shadow(0 5px 14px rgba(62,43,216,.3)); }
#login_wrap.mg2-root .mg2-brand { max-width:min(100%,420px)!important; }
@media (max-width:510px) {
 #login_wrap.mg2-root .mg2-brand .mg7-brand-image {width:clamp(140px,48vw,205px)!important;}
 #login_wrap.mg2-root .mg2-head {gap:7px!important;}
 #login_wrap.mg2-root .mg2-head-live {flex:0 0 auto!important;}
}

/* V8: Daha net, opak ve yuksek kontrastli uyelik karti; yerlesim degismez. */
#login_wrap.mg2-root .mg2-card{background:#fffdfd!important;color:#20172e!important;border:2px solid #d5c0ec!important;box-shadow:0 26px 85px #05051a99,0 0 0 5px #b89bda30!important}
#login_wrap.mg2-root .mg2-card-deco{background:#f3eafa!important;color:#e6d6f4!important}
#login_wrap.mg2-root .mg2-card-status,#login_wrap.mg2-root .mg2-card-kicker{color:#4c365f!important}
#login_wrap.mg2-root .mg2-card-intro h2{color:#22142e!important}
#login_wrap.mg2-root .mg2-card-intro h2 em{color:#6b3b94!important}
#login_wrap.mg2-root .mg2-card-intro p{color:#50445b!important}
#login_wrap.mg2-root .mg2-field>label{color:#292039!important;font-weight:800!important}
#login_wrap.mg2-root .mg2-input-shell{background:#f4eff9!important;border:2px solid #cab8dd!important;box-shadow:0 2px 0 #4b236011!important}
#login_wrap.mg2-root .mg2-input-shell:focus-within{background:#ffffff!important;border-color:#7950ac!important;box-shadow:0 0 0 4px #7950ac24!important}
#login_wrap.mg2-root .mg2-input-shell input{color:#1e1729!important;-webkit-text-fill-color:#1e1729!important}
#login_wrap.mg2-root .mg2-input-shell input::placeholder{color:#766b80!important;-webkit-text-fill-color:#766b80!important}
#login_wrap.mg2-root .mg2-input-shell>span,#login_wrap.mg2-root .mg2-eye{color:#553b71!important}
#login_wrap.mg2-root .mg2-submit{background:#382050!important;color:#ffffff!important;box-shadow:0 11px 24px #26133655!important}
#login_wrap.mg2-root .mg2-submit:hover{background:#542e77!important}
#login_wrap.mg2-root .mg2-remember,#login_wrap.mg2-root .mg2-guest{color:#43334f!important}
#login_wrap.mg2-root .mg2-text-link{color:#603b87!important;font-weight:800!important}
#login_wrap.mg2-root .mg2-register-top{color:#483854!important}
#login_wrap.mg2-root .mg2-register-top button{background:#5c337f!important;color:#fff!important;border:1px solid #5c337f!important;font-size:12px!important;font-weight:900!important;box-shadow:0 5px 12px #5c337f33!important}
#login_wrap.mg2-root .mg2-register-top button:hover{background:#74449c!important}
#login_wrap.mg2-root .mg2-card-bottom{color:#65566c!important;border-top-color:#d5c8df!important}

/* V9: Only mobile has a compact logo directly above the existing V8 card. */
#login_wrap.mg2-root .mg9-mobile-header{display:none!important}
@media (max-width:900px){
  #login_wrap.mg2-root .mg9-mobile-header{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:610px!important;margin:1px auto 9px!important;min-height:55px!important;position:relative!important;z-index:3!important}
  #login_wrap.mg2-root .mg9-mobile-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;max-width:100%!important;min-width:0!important;padding:0 8px!important}
  #login_wrap.mg2-root .mg9-mobile-brand .mg2-brand-symbol{flex:0 0 42px!important;width:42px!important;height:42px!important}
  #login_wrap.mg2-root .mg9-mobile-brand .mg2-brand-symbol svg{width:42px!important;height:42px!important}
  #login_wrap.mg2-root .mg9-mobile-brand .mg7-brand-image{width:clamp(140px,40vw,205px)!important;min-width:0!important;flex:0 1 auto!important}
  #login_wrap.mg2-root .mg2-scene > .mg2-head{display:none!important}
}
@media (max-width:510px){
 #login_wrap.mg2-root .mg9-mobile-header{min-height:50px!important;margin:0 auto 8px!important}
 #login_wrap.mg2-root .mg9-mobile-brand .mg2-brand-symbol{flex-basis:38px!important;width:38px!important;height:38px!important}
 #login_wrap.mg2-root .mg9-mobile-brand .mg2-brand-symbol svg{width:38px!important;height:38px!important}
 #login_wrap.mg2-root .mg9-mobile-brand .mg7-brand-image{width:clamp(135px,46vw,192px)!important}
}

/* V10 — First approved blue moonlit MaviGeceFM concept. Only real form HTML is interactive. */
#login_wrap.mg2-root{background:#020b22!important;color:#fff!important}
#login_wrap.mg2-root .mg2-layout{grid-template-columns:minmax(0,1.34fr) minmax(385px,.86fr)!important;max-width:1920px!important}
#login_wrap.mg2-root .mg2-scene{position:relative!important;min-height:850px!important;isolation:isolate!important;padding:24px clamp(22px,3.5vw,62px) 25px!important;background:#051332!important;justify-content:space-between!important}
#login_wrap.mg2-root .mg10-backdrop{position:absolute!important;inset:0!important;z-index:-2!important;background-image:linear-gradient(180deg,#00071955 0%,#00153500 46%,#010e23ad 100%),url('gece-sahnesi.webp')!important;background-size:cover!important;background-position:center top!important}
#login_wrap.mg2-root .mg2-grain{display:none!important}
#login_wrap.mg2-root .mg2-head{z-index:3!important;min-height:85px!important;align-items:flex-start!important}
#login_wrap.mg2-root .mg10-logo{display:inline-flex!important;width:clamp(220px,24vw,360px)!important;max-width:70%!important;line-height:0!important;align-items:center!important}
#login_wrap.mg2-root .mg10-logo img{width:100%!important;height:auto!important;display:block!important;mix-blend-mode:screen!important;filter:drop-shadow(0 7px 14px #001b56a8)}
#login_wrap.mg2-root .mg2-head-live{background:#06336baa!important;border:1px solid #2bbbf3aa!important;color:#e3faff!important}
#login_wrap.mg2-root .mg10-hero-panel{position:absolute!important;left:clamp(32px,8vw,105px)!important;top:205px!important;width:min(650px,calc(100% - 120px))!important;height:290px!important;border-radius:30px!important;background:linear-gradient(180deg,rgba(3,18,55,.84) 0%,rgba(4,33,79,.60) 62%,rgba(4,33,79,.28) 100%)!important;border:1px solid rgba(111,191,255,.18)!important;box-shadow:0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(4px)!important;z-index:1!important}
#login_wrap.mg2-root .mg10-welcome{position:absolute!important;left:clamp(52px,9vw,126px)!important;top:246px!important;z-index:2!important;max-width:min(560px,calc(100% - 150px))!important;margin:0!important;text-shadow:0 3px 14px #000c!important}
#login_wrap.mg2-root .mg10-welcome>span{font-size:11px!important;font-weight:800!important;letter-spacing:.2em!important;color:#85daff!important}
#login_wrap.mg2-root .mg10-welcome h1{font:600 clamp(35px,3.2vw,58px)/1.15 Georgia,serif!important;margin:15px 0!important;color:#fff!important}
#login_wrap.mg2-root .mg10-welcome h1 em{color:#64d5ff!important;font-weight:400!important}
#login_wrap.mg2-root .mg10-welcome p{max-width:430px!important;font-size:15px!important;color:#e5f2ff!important;line-height:1.55!important;margin:0!important}
#login_wrap.mg2-root .mg2-radio{position:relative!important;z-index:3!important;background:linear-gradient(120deg,#031638e8,#063a6dce)!important;border:1px solid #3bb4fa87!important;box-shadow:0 10px 30px #001230a8!important;margin-top:auto!important}
#login_wrap.mg2-root .mg2-scene-bottom{position:relative!important;z-index:2!important;color:#9ae0ff!important}
#login_wrap.mg2-root .mg2-access{justify-content:flex-start!important;padding-top:17px!important;background:linear-gradient(150deg,#071738,#06224a 70%,#04132f)!important;border-left:1px solid #34aaff40!important}
#login_wrap.mg2-root .mg2-card{background:linear-gradient(155deg,#f5faff,#e2edff)!important;border:2px solid #61b5ff!important;box-shadow:0 0 0 5px #008cfb19,0 22px 72px #000c!important;color:#071942!important;min-height:0!important;padding:26px clamp(22px,2.3vw,38px) 23px!important;border-radius:26px!important}
#login_wrap.mg2-root .mg2-card-deco{background:#d7eaff!important;color:#a9d5ff!important}
#login_wrap.mg2-root .mg2-card-top{align-items:center!important}
#login_wrap.mg2-root .mg2-card-status,#login_wrap.mg2-root .mg2-card-kicker{color:#08479b!important;font-weight:900!important}
#login_wrap.mg2-root .mg2-card-intro{margin:18px 0 22px!important}
#login_wrap.mg2-root .mg2-tiny-moon{background:#d5eaff!important;color:#0671d2!important}
#login_wrap.mg2-root .mg2-card-intro h2{color:#08245b!important;font-family:'Segoe UI',Arial,sans-serif!important;font-weight:800!important;font-style:normal!important;font-size:clamp(28px,2.6vw,38px)!important;line-height:1.16!important}
#login_wrap.mg2-root .mg2-card-intro h2 em{color:#0874d7!important;font-weight:800!important;font-style:normal!important}
#login_wrap.mg2-root .mg2-card-intro p{color:#496286!important}
#login_wrap.mg2-root .mg2-field>label{color:#133369!important;font-weight:800!important}
#login_wrap.mg2-root .mg2-input-shell{background:#fff!important;border:1.5px solid #87addc!important;box-shadow:0 2px 9px #0657a413!important}
#login_wrap.mg2-root .mg2-input-shell:focus-within{border-color:#057cde!important;box-shadow:0 0 0 3px #139fff2e!important}
#login_wrap.mg2-root .mg2-input-shell input{color:#112651!important;-webkit-text-fill-color:#112651!important}
#login_wrap.mg2-root .mg2-input-shell input::placeholder{color:#7c90ae!important;-webkit-text-fill-color:#7c90ae!important}
#login_wrap.mg2-root .mg2-input-shell>span,#login_wrap.mg2-root .mg2-eye{color:#225da5!important}
#login_wrap.mg2-root .mg2-remember,#login_wrap.mg2-root .mg2-guest{color:#233d68!important}
#login_wrap.mg2-root .mg2-text-link{color:#0659cd!important;font-weight:800!important}
#login_wrap.mg2-root .mg2-submit{background:linear-gradient(90deg,#0065d9,#0344ad)!important;border:1px solid #45c9fa!important;box-shadow:0 10px 23px #034ec855!important;color:#fff!important;font-weight:900!important}
#login_wrap.mg2-root .mg2-submit:hover{background:#0354c8!important}
#login_wrap.mg2-root .mg2-register-top button{background:#075bc4!important;border:1px solid #075bc4!important;color:white!important;font-size:12px!important;font-weight:900!important}
#login_wrap.mg2-root .mg2-register-top button:hover{background:#074999!important}
#login_wrap.mg2-root .mg2-card-bottom{color:#637b9d!important;border-top-color:#bed6ef!important}
#login_wrap.mg2-root .mg10-mobile-header{display:none!important}
@media(max-width:900px){
  #login_wrap.mg2-root .mg2-layout{display:flex!important;flex-direction:column!important}
  #login_wrap.mg2-root .mg2-access{order:0!important;padding:9px 14px 25px!important;border:0!important}
  #login_wrap.mg2-root .mg2-scene{order:1!important;min-height:650px!important}
  #login_wrap.mg2-root .mg10-mobile-header{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:610px!important;margin:0 auto 10px!important;min-height:70px!important}
  #login_wrap.mg2-root .mg10-mobile-header a{display:block!important;line-height:0!important;width:min(280px,76vw)!important}
  #login_wrap.mg2-root .mg10-mobile-header img{display:block!important;width:100%!important;height:auto!important;mix-blend-mode:screen!important}
  #login_wrap.mg2-root .mg10-head{display:none!important}
  #login_wrap.mg2-root .mg10-hero-panel{display:none!important}
  #login_wrap.mg2-root .mg10-welcome{position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:520px!important;margin:22px auto 24px!important;padding:0 2px!important}
  #login_wrap.mg2-root .mg2-card{min-height:0!important;max-width:610px!important}
}
@media(max-width:510px){
  #login_wrap.mg2-root .mg2-card{padding:21px 20px 19px!important}
  #login_wrap.mg2-root .mg2-card-intro{margin:12px 0 17px!important}
  #login_wrap.mg2-root .mg2-card-intro h2{font-size:30px!important}
  #login_wrap.mg2-root .mg10-mobile-header{min-height:55px!important;margin-bottom:7px!important}
  #login_wrap.mg2-root .mg2-scene{min-height:570px!important;padding:24px 16px 19px!important}
  #login_wrap.mg2-root .mg10-welcome h1{font-size:35px!important}
  #login_wrap.mg2-root .mg10-welcome p{font-size:13px!important}
  #login_wrap.mg2-root .mg2-card-top{gap:9px!important}
}

/* V12 — Clean center and center the player, without touching the form logic. */
#login_wrap.mg2-root .mg10-hero-panel{display:none!important}
#login_wrap.mg2-root .mg10-welcome{left:50%!important;top:265px!important;transform:translateX(-50%)!important;width:calc(100% - 100px)!important;max-width:750px!important;text-align:center!important;padding:0!important}
#login_wrap.mg2-root .mg10-welcome h1{font-size:clamp(34px,3vw,53px)!important;line-height:1.14!important;white-space:normal!important;margin:12px 0!important}
#login_wrap.mg2-root .mg10-welcome p{max-width:590px!important;margin:0 auto!important}
#login_wrap.mg2-root .mg2-radio{width:min(700px,calc(100% - 30px))!important;max-width:700px!important;align-self:center!important;margin:0 auto 40px!important;flex-shrink:0!important}
@media(max-width:900px){
 #login_wrap.mg2-root .mg10-welcome{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:570px!important;margin:35px auto 22px!important;text-align:center!important}
 #login_wrap.mg2-root .mg2-radio{width:100%!important;max-width:610px!important;margin:12px auto 20px!important}
}
@media(max-width:510px){
 #login_wrap.mg2-root .mg10-welcome{margin:25px auto 18px!important}
 #login_wrap.mg2-root .mg10-welcome h1{font-size:clamp(28px,8vw,37px)!important}
 #login_wrap.mg2-root .mg2-radio{margin:12px auto 18px!important}
}

/* V13: Player completely removed; one welcome heading only.
   Opaque central cover hides text burned into legacy background art. */
#login_wrap.mg2-root .mg2-radio,#login_wrap.mg2-root .mg2-scene-bottom{display:none!important}
#login_wrap.mg2-root .mg10-hero-panel{display:block!important;position:absolute!important;z-index:0!important;top:28%!important;left:0!important;width:100%!important;height:38%!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:none!important;background:linear-gradient(180deg,#031633 0%,#031a3b 15%,#031a3b 85%,#031633 100%)!important}
#login_wrap.mg2-root .mg10-welcome{z-index:3!important;top:39%!important;left:50%!important;transform:translateX(-50%)!important;width:calc(100% - 70px)!important;max-width:930px!important;text-align:center!important}
#login_wrap.mg2-root .mg10-welcome h1{font-size:clamp(32px,3.1vw,55px)!important;line-height:1.2!important;margin:0!important}
@media(max-width:900px){
 #login_wrap.mg2-root .mg10-hero-panel{display:block!important;top:27%!important;height:44%!important}
 #login_wrap.mg2-root .mg10-welcome{position:absolute!important;top:43%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:calc(100% - 30px)!important}
 #login_wrap.mg2-root .mg2-scene{min-height:480px!important}
}
@media(max-width:510px){#login_wrap.mg2-root .mg2-scene{min-height:420px!important}#login_wrap.mg2-root .mg10-welcome h1{font-size:clamp(25px,7vw,36px)!important}}


/* V14 — Approved cohesive blue night concept, image left side only.
   Critical: artwork ALREADY contains the logo and welcome heading.
   Hide duplicate desktop DOM text and DO NOT mask artwork with rectangles. */
#login_wrap.mg2-root .mg2-layout{
  grid-template-columns:minmax(0,1.36fr) minmax(380px,.86fr)!important;
}
#login_wrap.mg2-root .mg2-scene{
  display:block!important;position:relative!important;
  min-height:max(790px,100vh)!important;padding:0!important;
  background:#02132d url('gece-v14-sahne.webp?v=14.0.0') center center / 100% 100% no-repeat!important;
  overflow:hidden!important;
}
#login_wrap.mg2-root .mg10-backdrop,
#login_wrap.mg2-root .mg10-hero-panel,
#login_wrap.mg2-root .mg10-head,
#login_wrap.mg2-root .mg10-welcome,
#login_wrap.mg2-root .mg2-radio,
#login_wrap.mg2-root .mg2-scene-bottom{display:none!important}
#login_wrap.mg2-root .mg2-access{justify-content:flex-start!important;padding-top:18px!important}
#login_wrap.mg2-root .mg10-mobile-header{display:none!important}
/* No duplicate heading: provide semantic accessible label in HTML section aria-label. */
@media(max-width:900px){
 #login_wrap.mg2-root .mg2-layout{display:flex!important;flex-direction:column!important}
 #login_wrap.mg2-root .mg2-access{order:0!important;padding:10px 13px 22px!important;border-left:0!important}
 #login_wrap.mg2-root .mg10-mobile-header{display:flex!important;align-items:center!important;justify-content:center!important;max-width:610px!important;margin:0 auto 12px!important;min-height:50px!important}
 #login_wrap.mg2-root .mg10-mobile-header a{display:block!important;width:min(255px,72vw)!important}
 #login_wrap.mg2-root .mg10-mobile-header img{display:block!important;width:100%!important;height:auto!important;mix-blend-mode:screen!important}
 #login_wrap.mg2-root .mg2-card{max-width:610px!important}
 #login_wrap.mg2-root .mg2-scene{order:1!important;min-height:350px!important;height:350px!important;background-image:url('gece-v14-mobil.webp?v=14.0.0')!important;background-size:cover!important;background-position:center center!important}
}
@media(max-width:510px){
 #login_wrap.mg2-root .mg2-access{padding:8px 10px 15px!important}
 #login_wrap.mg2-root .mg2-scene{min-height:240px!important;height:240px!important}
 #login_wrap.mg2-root .mg10-mobile-header{margin-bottom:8px!important}
}


/* V15 - Only mobile layout: cohesive logo-to-card continuous rim. */
@media (max-width:900px) {
 #login_wrap.mg2-root .mg2-access{padding:10px 12px 20px!important;background:linear-gradient(180deg,#031635,#071b41 56%,#071a3c)!important}
 #login_wrap.mg2-root .mg10-mobile-header{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;max-width:610px!important;height:auto!important;min-height:158px!important;margin:0 auto -17px!important;padding:19px 15px 30px!important;border:2px solid #19b7ff!important;border-bottom:0!important;border-radius:30px 30px 0 0!important;background:radial-gradient(ellipse at 48% 5%,#124989a3,transparent 75%),linear-gradient(180deg,#020b28 0%,#062b66 100%)!important;box-shadow:0 0 0 4px #075bc43d,0 -4px 25px #139df943!important;z-index:4!important}
 #login_wrap.mg2-root .mg10-mobile-header::before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background-image:radial-gradient(#fff9 1px,transparent 1.5px)!important;background-size:35px 29px!important;opacity:.38!important}
 #login_wrap.mg2-root .mg10-mobile-header::after{content:""!important;position:absolute!important;left:-2%!important;right:-2%!important;bottom:2px!important;height:20px!important;background:linear-gradient(90deg,transparent,#13e3ff 35%,#b2ebff 50%,#13a7f5 70%,transparent)!important;clip-path:polygon(0 75%,15% 42%,34% 65%,52% 90%,68% 58%,85% 37%,100% 65%,100% 90%,0 90%)!important;filter:drop-shadow(0 0 7px #3acaff)!important;pointer-events:none!important}
 #login_wrap.mg2-root .mg10-mobile-header a{position:relative!important;z-index:2!important;display:block!important;width:min(380px,90%)!important;max-width:100%!important;line-height:0!important;filter:drop-shadow(0 7px 13px #049ce477)!important}
 #login_wrap.mg2-root .mg10-mobile-header img{width:100%!important;height:auto!important;max-height:162px!important;object-fit:contain!important;mix-blend-mode:screen!important}
 #login_wrap.mg2-root .mg2-card{position:relative!important;z-index:5!important;width:100%!important;max-width:610px!important;margin:0 auto!important;border:2px solid #22b7ff!important;border-radius:31px!important;background:linear-gradient(155deg,#f5faff,#e2edff)!important;box-shadow:0 0 0 4px #075bc43d,0 15px 38px #00183499!important}
 #login_wrap.mg2-root .mg2-scene{order:1!important}
}
@media (max-width:510px){
 #login_wrap.mg2-root .mg2-access{padding:8px 9px 16px!important}
 #login_wrap.mg2-root .mg10-mobile-header{min-height:135px!important;padding:14px 11px 27px!important;border-radius:26px 26px 0 0!important;margin-bottom:-16px!important}
 #login_wrap.mg2-root .mg10-mobile-header a{width:min(340px,95%)!important}
 #login_wrap.mg2-root .mg10-mobile-header img{max-height:147px!important}
 #login_wrap.mg2-root .mg2-card{border-radius:27px!important}
}


/* V17 — ONLY MOBILE: Logo and night-sky background are a single artwork.
   Desktop styling, desktop scene, form and chat behavior remain V15 unchanged. */
@media (max-width:900px){
 #login_wrap.mg2-root .mg2-access{padding:8px 12px 20px!important;background:linear-gradient(180deg,#031635,#071b41 56%,#071a3c)!important}
 #login_wrap.mg2-root .mg10-mobile-header{
   display:block!important;position:relative!important;isolation:isolate!important;
   width:100%!important;max-width:610px!important;min-height:0!important;
   height:auto!important;aspect-ratio:910 / 366!important;
   margin:0 auto -5px!important;padding:0!important;
   border:0!important;border-radius:0!important;
   background:#031533 url('mobil-butun-logo-v17.webp?v=17.0.0') center center / 100% 100% no-repeat!important;
   box-shadow:none!important;overflow:hidden!important;filter:none!important;
 }
 #login_wrap.mg2-root .mg10-mobile-header::before,
 #login_wrap.mg2-root .mg10-mobile-header::after{display:none!important;content:none!important}
 #login_wrap.mg2-root .mg10-mobile-header a{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;max-width:100%!important;height:100%!important;padding:0!important;margin:0!important;filter:none!important}
 #login_wrap.mg2-root .mg10-mobile-header img{visibility:hidden!important;opacity:0!important}
 #login_wrap.mg2-root .mg2-card{z-index:5!important;border-radius:29px!important}
}
@media (max-width:510px){
 #login_wrap.mg2-root .mg2-access{padding:7px 8px 16px!important}
 #login_wrap.mg2-root .mg10-mobile-header{min-height:0!important;height:auto!important;aspect-ratio:910 / 366!important;margin:0 auto -4px!important;padding:0!important}
 #login_wrap.mg2-root .mg2-card{border-radius:25px!important}
}