/*==================================================
LIVE TERMINAL
==================================================*/

.devlog-section{

padding:120px 0;

background:#101624;

}

.terminal{

max-width:900px;

margin:60px auto 0;

background:#0d1117;

border-radius:18px;

overflow:hidden;

box-shadow:0 25px 70px rgba(0,0,0,.45);

border:1px solid rgba(255,255,255,.08);

}

.terminal-top{

display:flex;

align-items:center;

gap:10px;

padding:18px 25px;

background:#161b22;

border-bottom:1px solid rgba(255,255,255,.08);

}

.dot{

width:12px;

height:12px;

border-radius:50%;

}

.red{

background:#ff5f56;

}

.yellow{

background:#ffbd2e;

}

.green{

background:#27c93f;

}

.terminal-title{

margin-left:15px;

color:#b6c2d4;

font-weight:600;

font-size:14px;

}

.terminal-body{

padding:40px;

font-family:Consolas,monospace;

font-size:18px;

line-height:2;

}

.terminal-line{

color:#d7dee8;

margin-bottom:14px;

}

.success span{

color:#3ddc84;

margin-right:10px;

}

.working span{

color:#FFD700;

margin-right:10px;

animation:rotateGear 2s linear infinite;

display:inline-block;

}

.progress-terminal{

margin:35px 0;

height:14px;

background:#1d2535;

border-radius:999px;

overflow:hidden;

}

.progress-glow{

height:100%;

width:45%;

background:linear-gradient(90deg,#FFD700,#ff9800);

animation:loading 4.5s ease-in-out infinite;

border-radius:999px;

box-shadow:0 0 20px rgba(255,215,0,.8);

}

.cursor::after{

content:"|";

animation:blink .8s infinite;

margin-left:5px;

color:#FFD700;

}

@keyframes blink{

50%{

opacity:0;

}

}

@keyframes loading{

0%{

width:15%;

}

50%{

width:70%;

}

100%{

width:35%;

}

}

@keyframes rotateGear{

100%{

transform:rotate(360deg);

}

}