/* FORM BOX (login / add post) */

body {
    margin: 0;
    padding: 0;
    background: radial-gradient(circle at center, #111 0%, #000 100%);
    background-size: cover;
    font-family: monospace;
    color: white;
}

.form-box {
    width: 90%;
    max-width: 400px;
    margin: 60px auto;
    padding: 20px;

    background: #0d0d0d;
    border: 1px solid #ff6600;

    box-shadow:
        0 0 5px #ff6600,
        0 0 15px #ff6600;

    color: white;
}

/* LABEL */
.form-box label {
    font-size: 14px;
    color: #aaa;
}

/* INPUT + TEXTAREA */
.form-box input,
.form-box textarea {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 15px;

    background: #111;
    border: 1px solid #333;
    color: white;

    outline: none;
}

/* FOCUS (neon efekt 🔥) */
.form-box input:focus,
.form-box textarea:focus {
    border: 1px solid #ff6600;
    box-shadow: 0 0 5px #ff6600;
}

/* BUTTON */
.form-box button {
    width: 100%;
    padding: 10px;

    background: black;
    color: #ff6600;
    border: 1px solid #ff6600;

    cursor: pointer;

    transition: 0.2s;
}

/* BUTTON HOVER */
.form-box button:hover {
    background: #ff6600;
    color: black;

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

/* LINK BACK */
.form-box a {
    display: block;
    margin-top: 10px;
    text-align: center;
}