/* LightoZtriker's Corner
   Retro Neon • Playful Typography • Featured artwork frame
*/

:root {
    color-scheme: dark;

    --page-black: #050609;
    --panel-black: #0b0b12;
    --panel-purple: #190b2b;
    --panel-purple-light: #35104c;
    --neon-green: #8cff32;
    --neon-green-soft: #b8ff76;
    --neon-pink: #ff3cda;
    --neon-blue: #35d8ff;
    --text: #e8f7e1;
    --muted: #b9c8b5;
    --line: #4c8b29;
    --font-body: "Segoe UI", Tahoma, Arial, sans-serif;
    --font-heading: "Segoe Print", "Comic Sans MS", cursive;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--page-black);
}

body {
    max-width: 980px;
    margin: 24px auto;
    padding: 18px;

    color: var(--text);
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.65;

    background:
        radial-gradient(ellipse at 50% 0%, rgba(49, 75, 42, 0.32), transparent 62%),
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.012) 0,
            rgba(255, 255, 255, 0.012) 1px,
            transparent 1px,
            transparent 3px
        ),
        #08090b;

    border: 2px solid var(--neon-green);
    border-radius: 16px;
    box-shadow:
        0 0 5px var(--neon-green),
        0 0 18px rgba(140, 255, 50, 0.42),
        inset 0 0 18px rgba(140, 255, 50, 0.05);
}

h1 {
    margin: -18px -18px 22px;
    padding: 24px 12px;

    color: var(--neon-pink);
    text-align: center;
    font-family: var(--font-heading);
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: 1px;

    background:
        radial-gradient(ellipse at 50% 0%, rgba(57, 38, 120, 0.42), transparent 70%),
        repeating-linear-gradient(
            90deg,
            rgba(60, 120, 255, 0.08) 0,
            rgba(60, 120, 255, 0.08) 2px,
            transparent 2px,
            transparent 5px
        ),
        #05050b;

    border-bottom: 2px solid var(--neon-green);
    text-shadow:
        0 0 3px #fff,
        0 0 9px var(--neon-pink),
        0 0 20px rgba(255, 60, 218, 0.7);
}

img[src="lighto2.png"] {
    display: block;
    width: 25%;
    max-width: 25%;
    height: auto;
    object-fit: contain;

    margin: 12px 0;
    padding: 0;

    border: 2px solid var(--neon-green);
    box-shadow:
        0 0 5px var(--neon-green),
        0 0 12px rgba(140, 255, 50, 0.45),
        inset 0 0 8px rgba(140, 255, 50, 0.15);
}

h2 {
    margin: 26px 0 12px;
    padding: 8px 10px;

    color: var(--neon-green-soft);
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--neon-green);
... (137 lines left)