* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #000000;
    color: #ff8a09;
    font-family: 'Courier New', monospace;
    line-height: 1.4;
    overflow-x: hidden;
}

.terminal {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    min-height: 100vh;
}

.header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #ff8a09;
    padding-bottom: 20px;
}

.logo {
    width: 200px;
    height: 73px;
}

.output {
    margin-bottom: 20px;
}

.line {
    margin-bottom: 6px;
    opacity: 0;
    animation: typeLine 0.4s forwards;
    line-height: 1.3;
    font-size: 14px;
}

.line:nth-child(1) { animation-delay: 0.1s; }
.line:nth-child(2) { animation-delay: 0.2s; }
.line:nth-child(3) { animation-delay: 0.3s; }
.line:nth-child(4) { animation-delay: 0.4s; }
.line:nth-child(5) { animation-delay: 0.5s; }
.line:nth-child(6) { animation-delay: 0.6s; }
.line:nth-child(7) { animation-delay: 0.7s; }
.line:nth-child(8) { animation-delay: 0.8s; }
.line:nth-child(9) { animation-delay: 0.9s; }
.line:nth-child(10) { animation-delay: 1.0s; }
.line:nth-child(11) { animation-delay: 1.1s; }
.line:nth-child(12) { animation-delay: 1.2s; }
.line:nth-child(13) { animation-delay: 1.3s; }
.line:nth-child(14) { animation-delay: 1.4s; }
.line:nth-child(15) { animation-delay: 1.5s; }
.line:nth-child(16) { animation-delay: 1.6s; }
.line:nth-child(17) { animation-delay: 1.7s; }
.line:nth-child(18) { animation-delay: 1.8s; }
.line:nth-child(19) { animation-delay: 1.9s; }
.line:nth-child(20) { animation-delay: 2.0s; }
.line:nth-child(21) { animation-delay: 2.1s; }
.line:nth-child(22) { animation-delay: 2.2s; }
.line:nth-child(23) { animation-delay: 2.3s; }
.line:nth-child(24) { animation-delay: 2.4s; }
.line:nth-child(25) { animation-delay: 2.5s; }
.line:nth-child(26) { animation-delay: 2.6s; }
.line:nth-child(27) { animation-delay: 2.7s; }
.line:nth-child(28) { animation-delay: 2.8s; }
.line:nth-child(29) { animation-delay: 2.9s; }
.line:nth-child(30) { animation-delay: 3.0s; }
.line:nth-child(31) { animation-delay: 3.1s; }
.line:nth-child(32) { animation-delay: 3.2s; }
.line:nth-child(33) { animation-delay: 3.3s; }
.line:nth-child(34) { animation-delay: 3.4s; }
.line:nth-child(35) { animation-delay: 3.5s; }
.line:nth-child(36) { animation-delay: 3.6s; }
.line:nth-child(37) { animation-delay: 3.7s; }
.line:nth-child(38) { animation-delay: 3.8s; }
.line:nth-child(39) { animation-delay: 3.9s; }
.line:nth-child(40) { animation-delay: 4.0s; }
.line:nth-child(41) { animation-delay: 4.1s; }
.line:nth-child(42) { animation-delay: 4.2s; }
.line:nth-child(43) { animation-delay: 4.3s; }
.line:nth-child(44) { animation-delay: 4.4s; }
.line:nth-child(45) { animation-delay: 4.5s; }
.line:nth-child(46) { animation-delay: 4.6s; }
.line:nth-child(47) { animation-delay: 4.7s; }
.line:nth-child(48) { animation-delay: 4.8s; }
.line:nth-child(49) { animation-delay: 4.9s; }
.line:nth-child(50) { animation-delay: 5.0s; }
.line:nth-child(51) { animation-delay: 5.1s; }
.line:nth-child(52) { animation-delay: 5.2s; }
.line:nth-child(53) { animation-delay: 5.3s; }
.line:nth-child(54) { animation-delay: 5.4s; }
.line:nth-child(55) { animation-delay: 5.5s; }
.line:nth-child(56) { animation-delay: 5.6s; }
.line:nth-child(57) { animation-delay: 5.7s; }
.line:nth-child(58) { animation-delay: 5.8s; }
.line:nth-child(59) { animation-delay: 5.9s; }
.line:nth-child(60) { animation-delay: 6.0s; }
.line:nth-child(61) { animation-delay: 6.1s; }
.line:nth-child(62) { animation-delay: 6.2s; }
.line:nth-child(63) { animation-delay: 6.3s; }
.line:nth-child(64) { animation-delay: 6.4s; }
.line:nth-child(65) { animation-delay: 6.5s; }
.line:nth-child(66) { animation-delay: 6.6s; }
.line:nth-child(67) { animation-delay: 6.7s; }
.line:nth-child(68) { animation-delay: 6.8s; }
.line:nth-child(69) { animation-delay: 6.9s; }
.line:nth-child(70) { animation-delay: 7.0s; }
.line:nth-child(71) { animation-delay: 7.1s; }
.line:nth-child(72) { animation-delay: 7.2s; }
.line:nth-child(73) { animation-delay: 7.3s; }
.line:nth-child(74) { animation-delay: 7.4s; }
.line:nth-child(75) { animation-delay: 7.5s; }
.line:nth-child(76) { animation-delay: 7.6s; }
.line:nth-child(77) { animation-delay: 7.7s; }
.line:nth-child(78) { animation-delay: 7.8s; }
.line:nth-child(79) { animation-delay: 7.9s; }
.line:nth-child(80) { animation-delay: 8.0s; }

.link-line {
    margin-bottom: 8px;
    opacity: 0;
    animation: typeLine 0.6s forwards;
    animation-delay: 1.3s;
}

.link-line:nth-child(2) { animation-delay: 1.5s; }
.link-line:nth-child(3) { animation-delay: 1.7s; }

.prompt {
    color: #ff8a09;
    margin-right: 10px;
}

.status-online {
    color: #00ff00;
    font-weight: bold;
}

.link {
    color: #ff8a09;
    text-decoration: none;
    word-break: break-all;
    border-bottom: 1px dotted #ff8a09;
    transition: all 0.3s ease;
    padding: 2px 4px;
}

.link:hover {
    color: #000000;
    background-color: #ff8a09;
    border-bottom-color: transparent;
}

.input-line {
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ff8a09;
    animation: fadeIn 1s forwards;
    animation-delay: 8.5s;
    opacity: 0;
}

.command-input {
    background: transparent;
    border: none;
    color: #ff8a09;
    font-family: 'Courier New', monospace;
    font-size: 16px;
    outline: none;
    flex: 1;
    padding: 5px;
}

.command-input::placeholder {
    color: #ff8a09;
    opacity: 0.6;
}

@keyframes typeLine {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.command-input:focus::after {
    content: '|';
    animation: blink 1s infinite;
}

@media (max-width: 768px) {
    .terminal {
        padding: 10px;
    }
    
    .line, .link-line {
        font-size: 12px;
    }
    
    .command-input {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .line, .link-line {
        font-size: 11px;
    }
    
    .terminal {
        padding: 5px;
    }
}