* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
}


body {
    background: #050505;
    color: white;
    min-height: 100vh;
}


body::before {
    content: "";
    position: fixed;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(255,102,0,0.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(255,102,0,0.05) 1px,
            transparent 1px
        );

    background-size: 40px 40px;
    pointer-events: none;
}


header {
    text-align: center;
    padding: 40px 20px;
}


h1 {
    color: #ff6600;

    font-size: 3rem;
    letter-spacing: 5px;
    text-transform: uppercase;

    text-shadow:
        0 0 10px #ff6600,
        0 0 30px #ff3300;
}


header p {
    margin-top: 15px;
    color: #ccc;
}


.container {
    width: 90%;
    max-width: 900px;
    margin: auto;
}


.card {

    background: rgba(15,15,15,.9);

    border: 2px solid #ff6600;
    border-radius: 15px;

    padding: 25px;
    margin: 25px 0;

    box-shadow:
        0 0 15px rgba(255,102,0,.6),
        inset 0 0 20px rgba(255,102,0,.1);
}


.card h2 {

    color: #ff6600;
    margin-bottom: 15px;

}


button {

    background: transparent;

    color: #ff6600;

    border: 2px solid #ff6600;

    padding: 12px 30px;

    border-radius: 8px;

    cursor: pointer;

    text-transform: uppercase;

    transition: .3s;

}


button:hover {

    background: #ff6600;

    color: black;

    box-shadow:
        0 0 20px #ff6600,
        0 0 40px #ff3300;

}


iframe {

    width: 100%;

    height: 2760px;

    border: none;

    border-radius: 10px;

}


footer {

    text-align: center;

    padding: 30px;

    color: #777;

}


.glow {

    color: #ff6600;

    text-shadow:
        0 0 15px #ff6600;

}