.terminal-section{padding:100px 0;background-color:#ffffff}.terminal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px}.terminal-card{position:relative;height:400px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.terminal-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.terminal-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.terminal-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.terminal-card:hover .terminal-image-wrapper img{transform:scale(1.1)}.terminal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.8));z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:background .4s ease}.terminal-card:hover .terminal-overlay{background:linear-gradient(180deg,rgba(39,67,135,.2) 0,rgba(39,67,135,.9))}.terminal-badge{position:absolute;top:20px;right:20px;background:var(--primary-color-2);color:#000;padding:5px 15px;border-radius:50px;font-weight:700;font-size:14px;z-index:3;box-shadow:0 4px 10px rgba(0,0,0,.2)}.terminal-title{color:#ffffff;font-size:24px;font-weight:700;margin-bottom:10px;transform:translateY(0);transition:transform .4s ease}.terminal-details{color:rgba(255,255,255,.9);font-size:14px;line-height:1.5;max-height:0;overflow:hidden;transition:all .4s ease;opacity:0}.terminal-card:hover .terminal-details{max-height:100px;opacity:1;margin-top:10px}.terminal-card:hover .terminal-title{transform:translateY(-5px)}@media (max-width:768px){.terminal-section{padding:60px 0}.terminal-card{height:350px}}