.terminal-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 32px; align-items: start; }

/* Terminal */
.term {
    background: #000;
    box-shadow: -4px 0 0 0 var(--text), 4px 0 0 0 var(--text), 0 -4px 0 0 var(--text), 0 4px 0 0 var(--text);
}
.term__bar {
    display: flex; align-items: center; gap: 8px;
    background: var(--panel); padding: 10px 12px; border-bottom: 4px solid #333;
}
.term__dot { width: 10px; height: 10px; background: var(--pink); }
.term__dot:nth-child(2) { background: var(--yellow); }
.term__dot:nth-child(3) { background: var(--green); }
.term__title { margin-left: auto; font-family: var(--font-pixel); font-size: 8px; color: var(--text-2); }
.term__body {
    padding: 20px; display: grid; gap: 12px;
    font-family: 'Courier New', monospace; font-size: 14px; color: var(--green);
    overflow-wrap: anywhere;
}
.term__muted { color: var(--text-2); }
.term__key { color: var(--yellow); display: inline-block; min-width: 100px; }
.term__line a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.term__line a:hover { color: var(--green); }

/* Formulir */
.cform { display: grid; gap: 18px; }
.cform label { display: grid; gap: 8px; }
.cform label span { font-family: var(--font-pixel); font-size: 9px; color: var(--yellow); }
.cform input, .cform textarea {
    width: 100%; background: #000; color: var(--text);
    border: 3px solid #333; padding: 12px;
    font-family: var(--font-body); font-size: 15px; resize: vertical;
}
.cform input:focus, .cform textarea:focus { outline: none; border-color: var(--green); }
.cform .px-btn { justify-self: start; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.alert { padding: 12px 14px; font-size: 14px; border: 3px solid; }
.alert--ok { color: var(--green); border-color: var(--green); background: #000; }
.alert--error { color: var(--pink); border-color: var(--pink); background: #000; }
.alert ul { list-style: none; display: grid; gap: 4px; }

@media (max-width: 900px) {
    .terminal-grid { grid-template-columns: 1fr; }
}