html,body{
    min-height:100%;
    margin:0;
    background:#020711!important;
    color:#dffbff!important;
    font-family:Arial,Helvetica,sans-serif
}

.sc-active-marker{
    position:fixed!important;
    top:8px!important;
    right:8px!important;
    z-index:99999!important;
    background:#00e5ff!important;
    color:#00131a!important;
    font-weight:bold!important;
    padding:7px 10px!important;
    border-radius:4px!important;
    box-shadow:0 0 16px #00e5ff!important;
    font-size:12px!important
}

#sc-babylon-wrap,
#sc-babylon-bg{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    z-index:0!important;
    pointer-events:none!important
}

#sc-babylon-bg{
    opacity:.88
}

.sc-login-shell{
    position:relative!important;
    z-index:50!important;
    min-height:100vh!important;
    display:grid!important;
    grid-template-columns:minmax(440px,1.25fr) minmax(360px,440px)!important;
    gap:34px!important;
    align-items:center!important;
    padding:56px clamp(30px,6vw,90px)!important;
    box-sizing:border-box!important;

    /* NEW BACKGROUND IMAGE */
    background-image:
        linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.35)),
        url('../images/controlroom.jpg')!important;

    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-attachment:fixed!important;
    opacity: 0.5;
}


.sc-hero,
.sc-panel{
    position:relative!important;
    z-index:60!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    border:1px solid rgba(77,225,255,.38)!important;
    background:linear-gradient(180deg,rgba(6,28,48,.82),rgba(0,8,20,.92))!important;
    box-shadow:
        0 0 22px rgba(0,220,255,.26),
        0 0 70px rgba(0,110,255,.18),
        inset 0 0 48px rgba(0,210,255,.06)!important;
    backdrop-filter:blur(12px);
    overflow:hidden!important
}

.sc-hero{
    padding:clamp(32px,5vw,64px)!important;
    clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,4% 100%,0 93%)
}

.sc-panel{
    padding:30px!important;
    clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)
}

/* NEW IMAGE ORB */
.sc-orb{
    width:150px;
    height:150px;
    border-radius:50%;
    margin-bottom:24px;

    background-image:url('../images/controlroom.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    border:2px solid rgba(120,240,255,.35);

    box-shadow:
        0 0 32px rgba(77,225,255,.85),
        0 0 105px rgba(50,120,255,.42);

    overflow:hidden;
}

.sc-kicker{
    color:#4de1ff;
    letter-spacing:3px;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:12px;
    text-shadow:0 0 10px rgba(77,225,255,.75)
}

.sc-hero h1{
    margin:0!important;
    color:#fff!important;
    font-size:clamp(42px,6vw,82px)!important;
    letter-spacing:3px!important;
    line-height:.95!important;
    text-transform:uppercase!important;
    text-shadow:
        0 0 10px rgba(77,225,255,.95),
        0 0 34px rgba(0,110,255,.58)!important
}

.sc-hero h2{
    margin:12px 0 20px!important;
    color:#7df6ff!important;
    font-weight:normal!important;
    font-size:clamp(17px,2vw,26px)!important;
    letter-spacing:1px!important
}

.sc-hero p{
    color:#b6cde2!important;
    line-height:1.65!important;
    max-width:720px!important;
    font-size:16px!important
}

.sc-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(110px,1fr))!important;
    gap:10px!important;
    margin-top:30px!important
}

.sc-grid div{
    padding:13px!important;
    border:1px solid rgba(77,225,255,.25)!important;
    background:rgba(0,0,0,.32)!important;
    box-shadow:inset 0 0 18px rgba(77,225,255,.06)!important
}

.sc-grid strong{
    display:block!important;
    color:#fff!important;
    text-transform:uppercase!important;
    font-size:13px!important
}

.sc-grid span{
    display:block!important;
    color:#8fa9c5!important;
    font-size:12px!important;
    margin-top:4px!important
}

.sc-panel-title{
    color:#fff!important;
    font-size:18px!important;
    text-transform:uppercase!important;
    letter-spacing:1.6px!important;
    padding-bottom:14px!important;
    margin-bottom:20px!important;
    border-bottom:1px solid rgba(77,225,255,.28)!important;
    text-shadow:0 0 12px rgba(77,225,255,.75)!important
}

.sc-panel form,
.sc-login-form{
    display:block!important;
    position:relative!important;
    z-index:80!important;
    visibility:visible!important;
    opacity:1!important
}

.sc-panel label{
    display:block!important;
    color:#7df6ff!important;
    font-size:12px!important;
    text-transform:uppercase!important;
    letter-spacing:1px!important;
    margin:12px 0 6px!important
}

.sc-panel input[type=text],
.sc-panel input[type=password],
.sc-panel input[type=email],
.sc-panel input[name=username],
.sc-panel input[name=password]{
    display:block!important;
    width:100%!important;
    height:44px!important;
    box-sizing:border-box!important;
    color:#fff!important;
    background:rgba(0,0,0,.58)!important;
    border:1px solid rgba(77,225,255,.38)!important;
    padding:0 14px!important;
    margin-bottom:11px!important;
    outline:none!important;
    border-radius:0!important;
    box-shadow:inset 0 0 18px rgba(77,225,255,.07)!important
}

.sc-panel input[type=submit],
.sc-panel button{
    display:block!important;
    width:100%!important;
    height:48px!important;
    margin-top:20px!important;
    color:#fff!important;
    background:linear-gradient(90deg,rgba(0,150,255,.95),rgba(80,105,255,.92))!important;
    border:1px solid rgba(170,235,255,.72)!important;
    text-transform:uppercase!important;
    letter-spacing:1.2px!important;
    cursor:pointer!important;
    box-shadow:
        0 0 22px rgba(0,150,255,.46),
        inset 0 0 16px rgba(255,255,255,.14)!important
}

.sc-links{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:16px!important;
    position:relative!important;
    z-index:80!important
}

.sc-links a{
    color:#9deeff!important;
    text-decoration:none!important;
    font-size:12px!important
}

@media(max-width:940px){

    .sc-login-shell{
        grid-template-columns:1fr!important;
        padding:24px!important
    }

    .sc-grid{
        grid-template-columns:repeat(2,1fr)!important
    }
}