/* ==========================================================================
   THE MAIN STUDIO THEME: CINEMATIC SUPERMAN MATRIX (SOLID & PROFESSIONAL)
   ========================================================================== */

body {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: #0b0f19;
    color: #f0f4f8;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    max-width: 850px;
    line-height: 1.7;
    position: relative;
}

/* Master Studio Header */
h1 {
    color: #ffd700; /* Royal Gold */
    font-size: 3.5rem;
    font-weight: 900;
    letter-spacing: 4px;
    text-transform: uppercase;
    border-bottom: 5px solid #cc1100; /* Bold Red Base Line */
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-family: 'Impact', 'Arial Black', sans-serif;
}

/* Section Headings */
h2 {
    color: #0066cc; /* Heroic Blue */
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 55px;
    margin-bottom: 25px;
    letter-spacing: 2px;
    border-left: 6px solid #cc1100; /* Red Left Anchor */
    padding-left: 15px;
    font-weight: 800;
}

/* System Tags */
.meta-tag {
    color: #cc1100;
    font-weight: bold;
    font-size: 0.9rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.divider {
    color: #0066cc;
    font-weight: bold;
    margin: 45px 0;
    letter-spacing: 4px;
    text-align: center;
    font-size: 1.3rem;
}

/* Atmospheric Blockquote */
.quote {
    font-style: italic;
    color: #e2e8f0;
    background: rgba(19, 26, 38, 0.8);
    border-left: 5px solid #ffd700;
    padding: 25px;
    margin: 35px 0;
    font-size: 1.2rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}

/* Main Studio Layout Blocks */
.crew-directory-box {
    margin-top: 30px; 
    background: rgba(19, 26, 38, 0.85); 
    padding: 30px; 
    border-radius: 16px; 
    border: 3px solid #0066cc;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

.crew-directory-box p {
    margin-bottom: 12px;
    font-size: 1.05rem;
}

.crew-directory-box p:last-child {
    margin-bottom: 0;
}


/* ==========================================================================
   PROJECT 1 WORKSPACE: 90S GRUNGE CORRUPTION (PITCH BLACK / RED BORDER)
   ========================================================================== */

.movie-corruption-zone {
    position: relative;
    background-color: #000000; 
    color: #ffffff;
    padding: 40px;
    border: 4px solid #cc1100; /* Solid Bold Red */
    border-radius: 20px; /* Smooth heavy rounded corners */
    margin: 45px 0;
    box-shadow: 0 0 35px rgba(204, 17, 0, 0.3);
    font-family: 'Courier New', Courier, monospace;
}

.movie-corruption-zone h3 {
    color: #ffd700; /* Glowing Yellow Title */
    font-size: 2.2rem;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.movie-corruption-zone p {
    margin-bottom: 15px;
    font-size: 1.05rem;
}

.movie-corruption-zone strong {
    color: #cc1100; /* Labels forced to Red */
}

.movie-corruption-zone ul {
    list-style-type: square;
    padding-left: 25px;
    margin-top: 15px;
}

.movie-corruption-zone li {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 1rem;
}


/* ==========================================================================
   PROJECT 2 WORKSPACE: SHATTERED FANTASY MIRROR (DEEP COSMIC / BLUE BORDER)
   ========================================================================== */

.mirror-shattered-zone {
    position: relative;
    background-color: #0b1326; /* Deep Solid Cosmic Navy */
    color: #e2e8f0;
    padding: 40px;
    border: 4px solid #0066cc; /* Solid Bold Blue */
    border-radius: 20px; /* Elegant heavy rounded corners */
    margin: 45px 0;
    box-shadow: 0 10px 30px rgba(0, 102, 204, 0.35);
    font-family: 'Georgia', Times, serif; /* High-end Hero Guild Typography */
}

.mirror-shattered-zone h3 {
    color: #ffffff; 
    font-size: 2.3rem;
    font-family: 'Georgia', Times, serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 3px 3px 0px #cc1100; /* Dramatic Red Shadow Line */
    margin-bottom: 20px;
}

.mirror-shattered-zone p {
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.mirror-shattered-zone strong {
    color: #ffd700; /* Heroic Gold Accents */
}

.mirror-shattered-zone ul {
    list-style-type: circle;
    padding-left: 25px;
    margin-top: 15px;
}

.mirror-shattered-zone li {
    margin-bottom: 15px;
    font-size: 1.05rem;
}


/* ==========================================================================
   CONSOLE MODULE & SYSTEM TEXTS
   ========================================================================== */

.console-log-wrapper {
    background-color: #05070c; 
    padding: 30px; 
    border: 3px solid #cc1100; /* Solid Red Box Frame */
    border-radius: 16px; 
    margin-top: 25px; 
    box-shadow: 0 6px 20px rgba(0,0,0,0.6);
    font-family: 'Courier New', Courier, monospace;
}

.console-log-wrapper p {
    font-size: 0.95rem;
    margin-bottom: 15px;
    line-height: 1.6;
}

.console-log-wrapper p:last-child {
    margin-bottom: 0;
}