.projects-container{width:100%;max-width:980px;margin:0 auto;padding:20px;box-sizing:border-box}.projects-header{margin-bottom:30px;}.projects-header h1{font-size:40px;font-weight:700;color:var(--text-primary);margin:0 0 5px; text-decoration: underline;}#projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.project-card{background-color:var(--widget-bg-color);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}body.dark-mode .project-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.2)}.project-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-info{padding:20px;display:flex;flex-direction:column;gap:15px;flex-grow:1}.project-title{font-size:22px;font-weight:600;margin:0;color:var(--text-primary)}.project-description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin:0;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:var(--bg-color);color:var(--text-secondary);padding:5px 10px;border-radius:8px;font-size:16px;font-weight:500}.project-link-button{background-color:var(--link-color);color:#fff;padding:12px;text-align:center;text-decoration:none;font-weight:600;border-radius:10px;display:block;transition:opacity .2s;margin-top:auto}.project-link-button:hover{opacity:.9}.project-link-button i{margin-right:8px}.page-wrapper{width: 460px;margin: 0 auto;}