/* ===========================================
   PANDORIUM - Main Stylesheet
=========================================== */

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

body{
    background:#050505;
    color:#d9d9d9;
    font-family:Consolas, "Courier New", monospace;
    line-height:1.6;
    overflow-x:hidden;
}

/* Scrollbar */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#0b0b0b;
}

::-webkit-scrollbar-thumb{
    background:#7b2cff;
}

::-webkit-scrollbar-thumb:hover{
    background:#9c4dff;
}

/* Header */

header{
    text-align:center;
    padding:50px;
    border-bottom:1px solid #7b2cff;
}

header h1{
    font-size:3.5rem;
    color:#9c4dff;
    letter-spacing:6px;
    text-shadow:0 0 12px #7b2cff;
}

header p{
    color:#888;
}

/* Main */

main{
    width:85%;
    margin:auto;
    padding:40px 0;
}

/* Cards */

.card{
    background:#111;
    border:1px solid #7b2cff;
    border-radius:8px;
    padding:20px;
    margin:20px 0;
    transition:.3s;
}

.card:hover{
    box-shadow:0 0 20px rgba(123,44,255,.5);
}

/* Terminal */

.terminal{
    background:#090909;
    border-left:4px solid #9c4dff;
    padding:20px;
    white-space:pre-wrap;
    overflow-x:auto;
}

/* Buttons */

button{
    background:#7b2cff;
    color:white;
    border:none;
    padding:12px 20px;
    cursor:pointer;
    transition:.3s;
    font-family:inherit;
}

button:hover{
    background:#9c4dff;
    box-shadow:0 0 15px #9c4dff;
}

/* Links */

a{
    color:#9c4dff;
    text-decoration:none;
    transition:.2s;
}

a:hover{
    color:white;
    text-shadow:0 0 10px #9c4dff;
}

/* Footer */

footer{
    text-align:center;
    color:#666;
    padding:30px;
    border-top:1px solid #333;
    margin-top:50px;
}

/* Scanline Overlay */

body::after{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    background:repeating-linear-gradient(
        transparent,
        transparent 3px,
        rgba(255,255,255,.02) 4px
    );
}

/* Glowing Text */

.glow{
    color:#9c4dff;
    text-shadow:
        0 0 5px #9c4dff,
        0 0 15px #7b2cff,
        0 0 30px #7b2cff;
}

/* Warning Text */

.warning{
    color:#ff4444;
    font-weight:bold;
}

/* Hidden Text */