.projects-page{color:#fff;background-color:#050505;max-width:1400px;margin:auto;padding:100px 20px;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.page-heading{border-bottom:1px solid #ffffff1a;margin-bottom:60px;padding-bottom:20px}.page-heading h1{color:#fff;margin-bottom:8px;font-size:2.5rem;font-weight:600}.page-heading h1 span{color:#00e908}.page-heading p{color:#888;margin:0;font-size:1.1rem}.projects-hero{text-align:center;margin-bottom:120px;position:relative}.projects-hero h1{letter-spacing:-.02em;margin-bottom:24px;font-size:4.5rem;font-weight:800}.projects-hero span{color:#00e908;text-shadow:0 0 30px #00e9084d}.projects-hero p{color:#888;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.8}.projects-timeline{flex-direction:column;gap:120px;max-width:1100px;margin:0 auto;display:flex;position:relative}.projects-timeline:before{content:"";background:linear-gradient(#0000,#00e90833 10% 90%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-node{justify-content:space-between;align-items:center;gap:80px;display:flex;position:relative}.timeline-node:nth-child(2n){flex-direction:row-reverse}.timeline-node:nth-child(2n) .timeline-details{text-align:right;align-items:flex-end}.timeline-node:nth-child(odd) .timeline-details{text-align:left;align-items:flex-start}.timeline-marker{z-index:2;background-color:#000;border:2px solid #00e908;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #00e90880}.timeline-node:hover .timeline-marker{background-color:#00e908;box-shadow:0 0 25px #00e908cc}.timeline-image{flex:1;justify-content:center;display:flex;position:relative}.timeline-image:before{content:"";z-index:0;background:radial-gradient(circle,#00e9081a 0%,#0000 70%);width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-image img{object-fit:contain;z-index:1;width:100%;max-width:450px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.timeline-node:hover .timeline-image img{transform:scale(1.05)translateY(-10px)}.timeline-details{flex-direction:column;flex:1;display:flex}.version-wrapper{align-items:center;gap:20px;margin-bottom:24px;display:flex}.timeline-node:nth-child(2n) .version-wrapper{flex-direction:row-reverse}.project-version{color:#00e908;letter-spacing:2px;font-family:monospace;font-size:1rem}.status{color:#888;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:.85rem;display:flex}.pulse-dot{background-color:#00e908;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #00e90866}70%{box-shadow:0 0 0 10px #00e90800}to{box-shadow:0 0 #00e90800}}.timeline-details h2{margin-bottom:20px;font-size:3rem;font-weight:700;line-height:1.1}.timeline-details p{color:#a0a0a0;max-width:480px;margin-bottom:35px;font-size:1.1rem;line-height:1.8}.tech-list{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.timeline-node:nth-child(2n) .tech-list{justify-content:flex-end}.tech-item{color:#fff;border-bottom:1px solid #ffffff1a;padding:6px 0;font-size:.85rem}.view-link{color:#00e908;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-link svg{transition:transform .3s}.view-link:hover svg{transform:translate(6px)}@media (max-width:960px){.projects-timeline:before{left:20px}.timeline-node,.timeline-node:nth-child(2n){flex-direction:column;align-items:flex-start;gap:40px;padding-left:60px}.timeline-node:nth-child(2n) .timeline-details,.timeline-node:nth-child(odd) .timeline-details{text-align:left;align-items:flex-start}.timeline-node:nth-child(2n) .version-wrapper{flex-direction:row}.timeline-node:nth-child(2n) .tech-list{justify-content:flex-start}.timeline-marker{top:0;left:20px;transform:translate(-50%)}.projects-hero h1{font-size:3rem}.timeline-details h2{font-size:2.2rem}.timeline-image:before{display:none}}
