.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:2rem;min-width:0;max-width:100%}.project-card,.projects-grid{min-width:0 !important;max-width:100% !important}.project-title,.project-desc,.card-tag{overflow-wrap:break-word !important;word-wrap:break-word !important;word-break:break-word !important;hyphens:auto;max-width:100% !important}.project-card{padding:2rem;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card-bg,rgba(255,255,255,3%)),transparent);min-width:0}.project-card::before{content:'';position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,6%),transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none}.project-card:hover::before{left:150%}.project-card:hover{transform:translateY(-8px)}body:not(.dark):not([data-theme=dark]) .project-card:hover{box-shadow:0 24px 56px rgba(99,102,241,.16),0 8px 20px rgba(99,102,241,.1),0 0 0 1px rgba(255,255,255,.8)inset !important;border-color:rgba(99,102,241,.45) !important}.project-title{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;margin-bottom:1rem;color:var(--primary);margin-top:0;transition:color .3s ease}.project-card:hover .project-title{color:var(--accent-blue)}.project-title svg{color:var(--accent-blue)}.project-desc{opacity:.8;line-height:1.6;margin-bottom:2rem;flex-grow:1}.project-bottom{display:flex;justify-content:space-between;align-items:center}.project-action{background:var(--accent-blue);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transform:translateX(-10px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-action{transform:translateX(0);opacity:1;box-shadow:0 0 15px var(--accent-blue)}.project-action svg{color:#fff;width:20px;height:20px}.roadmap-timeline{position:relative;max-width:800px;margin:4rem auto;padding-left:2rem}.roadmap-timeline::before{content:'';position:absolute;top:0;bottom:0;left:2rem;width:2px;background:linear-gradient(to bottom,var(--accent-blue),#a78bfa,var(--accent-gold,#cba865),transparent);transform:translateX(-50%);box-shadow:0 0 15px rgba(167,139,250,.4);border-radius:2px}.timeline-item{position:relative;margin-bottom:3.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:0;top:1.5rem;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent-blue);transform:translate(-50%,-50%);box-shadow:0 0 15px var(--accent-blue),0 0 30px var(--accent-blue);z-index:1;transition:all .3s ease}.timeline-item:hover .timeline-dot{background:var(--accent-blue);transform:translate(-50%,-50%)scale(1.3);box-shadow:0 0 20px var(--accent-blue),0 0 40px var(--accent-blue)}.timeline-content{margin-left:2.5rem}.timeline-card{display:block;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;color:var(--primary);text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}body:not(.dark):not([data-theme=dark]) .timeline-card{background:rgba(248,250,255,.95);border-color:rgba(99,102,241,.2);box-shadow:0 8px 32px rgba(99,102,241,.1),0 2px 8px rgba(99,102,241,6%),0 0 0 1px rgba(255,255,255,.8)inset}.timeline-card::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,5%),transparent);transform:skewX(-20deg);transition:all .5s ease}.timeline-card:hover{transform:translateX(8px);border-color:var(--glass-border-hover)}body:not(.dark):not([data-theme=dark]) .timeline-card:hover{box-shadow:0 20px 48px rgba(99,102,241,.16),0 0 0 1px rgba(255,255,255,.8)inset;border-color:rgba(99,102,241,.45)}body.dark .timeline-card:hover,[data-theme=dark] .timeline-card:hover{border-color:rgba(255,255,255,.3);box-shadow:0 20px 40px -10px rgba(0,0,0,.7),inset 0 0 25px rgba(255,255,255,5%)}.timeline-card:hover::after{left:150%}.timeline-card h3{margin-top:0;margin-bottom:.8rem;color:var(--primary);font-size:1.4rem;transition:color .3s ease}.timeline-card:hover h3{color:var(--accent-blue)}.timeline-card p{opacity:.8;line-height:1.6;margin-bottom:1.5rem}.view-btn{display:inline-block;font-size:.95rem;color:var(--accent-blue);font-weight:700;transition:transform .3s ease}.timeline-card:hover .view-btn{transform:translateX(5px)}@media(max-width:1100px){.section-content{max-height:none;overflow:visible;padding-right:0;padding-bottom:5.5rem}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:1.4rem 1.15rem}.project-title{font-size:1.2rem}.project-desc{margin-bottom:1.35rem}.project-bottom{gap:.75rem;align-items:flex-end}.card-tags{gap:.35rem}.card-tag{font-size:.75rem}}@media(max-width:640px){.project-bottom{align-items:flex-end}}