.ask-shell {
    padding: 30px 60px 80px;
}

.ask-header {
    margin-bottom: 40px;
}

.ask-badge {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(180,220,255,0.05);
    border: 1px solid rgba(180,220,255,0.2);
    color: #d7efff;
    font-size: 0.7rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.ask-title {
    font-size: clamp(3rem, 6vw, 5.5rem);
    line-height: 0.95;
    font-weight: 300;
    color: #eef8ff;
    margin-bottom: 24px;
}

.ask-title span {
    color: #b8dfff;
}

.ask-copy {
    max-width: 760px;
    line-height: 1.8;
    color: rgba(255,255,255,0.68);
    font-size: 1rem;
}

.ask-terminal-wrap {
    position: relative;

    margin-top: 50px;

    border-radius: 34px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,0.08);

    background: rgba(255,255,255,0.03);

    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

.ask-terminal {
    width: 100%;
    display: block;
}

.ask-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(to bottom,
        rgba(255,255,255,0.03),
        rgba(0,0,0,0.12));

    pointer-events: none;
}

.system-status {
    margin-top: 22px;

    color: rgba(180,220,255,0.55);

    font-size: 0.72rem;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}

.back-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-top: 40px;

    color: rgba(255,220,230,0.68);

    text-decoration: none;

    font-size: 0.72rem;

    letter-spacing: 0.22em;

    text-transform: uppercase;

    transition:
        transform 0.25s ease,
        color 0.25s ease;
}

.back-link:hover {
    color: #fff2f7;
    transform: translateX(-3px);
}

@media (max-width: 768px) {

    .ask-shell {
        padding: 24px 24px 60px;
    }

    .ask-terminal-wrap {
        margin-top: 34px;
    }

}

.ask-ui {

    position: absolute;

    left: 14%;
    top: 16%;

    width: 72%;
    height: 68%;

    z-index: 5;

    display: flex;
    flex-direction: column;

    pointer-events: none;
}

.ask-question {

    color: #2f3940;

    font-family: "Courier New", monospace;

    font-size: clamp(1.2rem, 2vw, 2.2rem);

    font-weight: bold;

    letter-spacing: 0.08em;

    margin-bottom: 40px;

    text-align: center;

    text-shadow:
        0 0 2px rgba(0,0,0,0.15);

}

.ask-options {

    display: flex;

    flex-direction: column;

    gap: 22px;

    align-items: center;

}

.ask-option {

    color: #364248;

    font-family: "Courier New", monospace;

    font-size: clamp(1rem, 1.4vw, 1.6rem);

    letter-spacing: 0.08em;

    text-shadow:
        0 0 2px rgba(0,0,0,0.12);

    transition:
        transform 0.2s ease,
        color 0.2s ease;

    pointer-events: auto;

    cursor: pointer;

}

.ask-option:hover {

    color: #1e262b;

    transform: scale(1.04);

}

.ask-screen-video {

    position: absolute;

    left: 7.5%;
    top: 11.5%;

    width: 85%;
    height: 77%;

    object-fit: cover;

    opacity: 0;

    transition: opacity 0.4s ease;

    z-index: 4;

    pointer-events: none;

    border-radius: 18px;

    background: black;
}