/* ==========================
   TTA MIS Portal
   Version 1.0
========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{

    --bg:#0f172a;
    --bg2:#1e293b;

    --glass:rgba(255,255,255,.08);

    --border:rgba(255,255,255,.15);

    --text:#ffffff;

    --text2:#cbd5e1;

    --blue:#3b82f6;

}

body{

    font-family:'Vazirmatn',sans-serif;

    background:linear-gradient(135deg,var(--bg),var(--bg2));

    color:white;

    min-height:100vh;

    overflow-x:hidden;

}

/* Background */

.background{

    position:fixed;

    inset:0;

    background:

        radial-gradient(circle at top right,#2563eb22 0%,transparent 40%),

        radial-gradient(circle at bottom left,#38bdf822 0%,transparent 40%);

    z-index:-1;

}

/* Header */

header{

    text-align:center;

    padding:70px 20px 40px;

}

.logo{

    width:120px;

    margin-bottom:25px;

}

header h1{

    font-size:40px;

    font-weight:800;

}

header p{

    margin-top:15px;

    color:var(--text2);

    font-size:18px;

}

/* Footer */

footer{

    text-align:center;

    color:#94a3b8;

    padding:50px 20px;

    font-size:14px;

}

.hero{

    display:flex;
    flex-direction:column;
    align-items:center;

    padding:80px 20px 60px;

}

.logo-box{

    width:160px;
    height:160px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

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

    backdrop-filter:blur(18px);

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:
    0 0 60px rgba(59,130,246,.25);

    margin-bottom:30px;

}

.logo{

    width:95px;
}

.hero h1{

    font-size:42px;

    margin-bottom:8px;

}

.hero h2{

    color:#60a5fa;

    font-weight:600;

    margin-bottom:20px;

}

.hero p{

    color:#cbd5e1;

    font-size:18px;

    max-width:700px;

    line-height:2;

}

/* فوتر */
.version{

    width:max-content;

    margin:40px auto;

    padding:10px 24px;

    border-radius:40px;

    background:rgba(255,255,255,.07);

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

    color:#cbd5e1;

}