/*
==========================================================
UET PORTAL FRAMEWORK
Shared Framework
==========================================================
*/

html,
body{

    margin:0;
    padding:0;

    width:100%;
    min-height:100%;

    background:#070707;

    color:#FFFFFF;

    font-family:"Segoe UI",sans-serif;

    overflow-x:hidden;

}

/*
==========================================================
AUTHENTICATION PAGE
==========================================================
*/

.uet-page{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:60px 20px;

    overflow:hidden;

}

.uet-background{

    position:fixed;

    inset:0;

    z-index:1;

    background:

        radial-gradient(
            circle at 12% 15%,
            rgba(0,174,239,.18),
            transparent 35%
        ),

        radial-gradient(
            circle at 88% 82%,
            rgba(255,79,216,.18),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #050505,
            #0A0A0A,
            #111111
        );

}

.uet-overlay{

    position:fixed;

    inset:0;

    z-index:2;

    backdrop-filter:blur(8px);

}

.uet-auth-content{

    position:relative;

    z-index:10;

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

.uet-card{

    width:100%;

    max-width:560px;

    background:rgba(18,18,18,.88);

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    backdrop-filter:blur(20px);

    padding:55px;

    box-sizing:border-box;

    box-shadow:

        0 0 80px rgba(0,174,239,.08),

        0 0 120px rgba(255,79,216,.05),

        0 30px 90px rgba(0,0,0,.70);

}

.uet-login-logo{

    display:flex;

    justify-content:center;

    margin-bottom:30px;

}

.uet-login-logo img{

    width:170px;

    max-width:100%;

    height:auto;

    display:block;

}

.uet-title{

    margin:0;

    text-align:center;

    font-size:44px;

    line-height:1.1;

    font-weight:800;

}

.uet-subtitle{

    margin:18px 0 45px;

    text-align:center;

    color:#A6A6A6;

    font-size:17px;

    line-height:1.6;

}

.uet-link{

    color:var(--uet-blue);

    text-decoration:none;

    transition:.25s;

}

.uet-link:hover{

    color:var(--uet-pink);

}

/*
==========================================================
PORTAL APPLICATION
==========================================================
*/

.uet-app{

    display:flex;

    min-height:100vh;

    width:100%;

    background:#070707;

}

.uet-main{

    flex:1;

    display:flex;

    flex-direction:column;

    min-width:0;

    overflow:hidden;

}

.uet-portal-main{

    flex:1;

    padding:40px;

    box-sizing:border-box;

    overflow-y:auto;

}

/*
==========================================================
RESPONSIVE
==========================================================
*/

@media(max-width:768px){

    .uet-page{

        padding:30px 15px;

        align-items:flex-start;

    }

    .uet-card{

        padding:35px 28px;

    }

    .uet-login-logo img{

        width:120px;

    }

    .uet-title{

        font-size:34px;

    }

    .uet-subtitle{

        font-size:15px;

    }

    .uet-portal-main{

        padding:20px;

    }

}