:root{--color-bg-card:#1e1e1e;--color-border:#333;--color-text-light:#aaa;--color-tag-bg:#333;--color-featured-bg:#667eea;--color-sale-bg:#ef7d31;--color-white:#ffffff;--radius-card:12px;--radius-tag:20px;--radius-type:10px;--radius-skeleton:4px;--gap-card:25px;--gap-tech:8px;--gap-date:5px;--gap-type:6px;--gap-skeleton-tech:10px;--padding-card:25px;--padding-type-y:5px;--padding-type-x:15px;--fs-date:0.9rem;--fs-type:0.9rem;--fs-featured-icon:17px;--height-img:180px;--skel-title-w:70%;--skel-desc-w:85%;--skel-date-w:100px;--skel-type-w:120px;--transition-card:transform 0.3s,box-shadow 0.3s;--transition-img:transform 0.5s;--animation-skeleton:loading 1.5s infinite}.projects-section{margin-top:30px}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-card)}.project-card{background-color:var(--color-bg-card);border-radius:var(--radius-card);overflow:hidden;transition:var(--transition-card);border:1px solid var(--color-border)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.project-img-container{height:var(--height-img);width:100%;overflow:hidden}.project-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-img)}.project-card:hover .project-img{transform:scale(1.05)}.project-content{padding:var(--padding-card)}.project-title{font-size:clamp(1.2rem, 2.5vw, 1.65rem);margin-bottom:.5rem;font-weight:600}.project-desc{color:var(--color-text-light);margin-bottom:1.1rem;font-size:clamp(.9rem, 1.8vw, 1.2rem)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--gap-tech);margin-bottom:1.2rem}.tech-tag{background-color:var(--color-tag-bg);color:#e0e0e0;padding:clamp(4px,.8vw,5px) clamp(10px,2vw,14px);border-radius:var(--radius-tag);font-size:clamp(.8rem, 1.8vw, 1.2rem)}.project-footer,.skeleton-footer{display:flex;justify-content:space-between;align-items:center}.project-date{color:var(--color-text-light);font-size:var(--fs-date);display:flex;align-items:center;gap:var(--gap-date)}.featured,.for-sale{color:var(--color-white)}.project-type{padding:var(--padding-type-y) var(--padding-type-x);border-radius:var(--radius-type);font-size:var(--fs-type);font-weight:500;display:inline-flex;align-items:center;gap:var(--gap-type)}.featured{background:var(--color-featured-bg)}.for-sale{background:var(--color-sale-bg)}.featured i,.for-sale i{font-size:var(--fs-featured-icon)}.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333 50%,#2a2a2a 75%);background-size:200% 100%;animation:var(--animation-skeleton);border-radius:var(--radius-skeleton)}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-img{height:var(--height-img);width:100%}.skeleton-title{height:32px;width:var(--skel-title-w);margin-bottom:10px}.skeleton-desc{height:22px;width:var(--skel-desc-w);margin-bottom:10px}.skeleton-tech{display:flex;gap:var(--gap-skeleton-tech);margin-bottom:15px}.skeleton-tech-tag{height:28px;width:80px;border-radius:var(--radius-tag)}.skeleton-date{height:20px;width:var(--skel-date-w)}.skeleton-type{height:28px;width:var(--skel-type-w);border-radius:var(--radius-tag)}@media (max-width:768px){.project-img-container{height:var(--height-img)}}@media (min-width:769px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid>.project-card:last-child:nth-child(odd){grid-column:span 2}}