main{ 
    flex:1; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    padding: 40px 24px; 
    position:relative; 
    z-index:1; 
}
.panel{ 
    max-width: 620px; 
    width: 100%; 
}
.terminal{
    margin-top: 75px;
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
    overflow: hidden; box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6);
}
.terminal-bar{ 
    display:flex; 
    align-items:center; 
    gap: 8px; 
    padding: 12px 16px; 
    background: var(--surface-2); 
    border-bottom: 1px solid var(--border); 
}
.terminal-bar .tdot{
    width:11px; 
    height:11px; 
    border-radius:50%; 
}
.terminal-bar .tdot:nth-child(1){ 
    background:#F17C9C; 
}
.terminal-bar .tdot:nth-child(2){ 
    background:#F0B429; 
}
.terminal-bar .tdot:nth-child(3){
    background:#5EEAD4; 
}
.terminal-bar .fname{ 
    margin-left: 10px; 
    font-family: var(--font-mono); 
    font-size: 12.5px; 
    color: var(--muted); }

.terminal-body{ 
    padding: 26px 26px 30px; 
    font-family: var(--font-mono); 
    font-size: 13.5px; 
    line-height: 1.85; 
}
.ln{ 
    color: #3E4759; 
    user-select:none; 
    display:inline-block; 
    width: 22px; 
}
.kw{ 
    color: #F17C9C; 
}
.str{ 
    color: var(--amber); 
}
.fn{ 
    color: var(--accent); 
}
.prop{ 
    color: #9CB4F0; 
}
.cmt{ 
    color: #4A5468; 
}
.err{ 
    color: var(--pink); 
}
.cursor{ 
    display:inline-block; 
    width:7px; 
    height:15px; 
    background: var(--accent); 
    vertical-align: middle; 
    animation: blink 1s step-end infinite; 
}
@keyframes blink{ 50%{ opacity:0; } }

  
.code-big{
    color:var(--text);
    font-family: var(--font-display); 
    font-weight: 700; 
    font-size: clamp(64px, 14vw, 108px);
    line-height: 1; 
    letter-spacing: -0.03em; 
    text-align:center; 
    margin: 34px 0 6px;
}
.code-big .accent{ 
    color: var(--accent); 
}
.not-found-line{ 
    text-align:center; 
    font-family: var(--font-mono); 
    font-size: 14px; 
    color: var(--muted);
    margin-bottom: 30px; 
}
.not-found-line .path{ 
    color: var(--pink); 
}
.actions{ 
    display:flex; 
    gap: 14px; 
    justify-content:center; 
    flex-wrap:wrap; 
    margin-top: 30px; 
}

@media (max-width: 480px){
    nav{ 
        padding: 16px 20px; 
    }
    .nav-links{ 
        display:none; 
    }
  }