.projects{border-bottom:1px solid rgba(255,255,255,.08)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{overflow:hidden;background:#121a28;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:transform var(--transition-normal),border-color var(--transition-normal)}.project-card:hover{transform:translateY(-6px);border-color:rgba(var(--color-primary-rgb),.55)}.project-art{height:205px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#242526,#0b0c0d)}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 55%)}.project-art-one{background:radial-gradient(ellipse at 55% 50%,#5c5a57,#1a1a1a 65%)}.mock-browser{width:78%;height:76%;background:#f4f4f4;border:7px solid #252525;border-radius:8px;display:flex;overflow:hidden;transform:perspective(800px) rotateY(-8deg)}.mock-sidebar{width:19%;background:#1c2530;border-right:1px solid #ddd}.mock-content{padding:12px;flex:1}.mock-top{height:10px;width:45%;background:#b9c0c5;border-radius:4px;margin-bottom:14px}.mock-kpis{display:flex;gap:7px}.mock-kpis i{height:35px;flex:1;background:#fff;border:1px solid #e1e4e6;border-radius:4px}.mock-table{display:grid;gap:7px;margin-top:12px}.mock-table i{height:8px;background:#d8dde0;border-radius:3px}.project-art-two{background:radial-gradient(ellipse at 50% 40%,#e1e3e2,#555 80%)}.phone-mock{width:108px;height:190px;border:7px solid #17191c;border-radius:23px;background:#f8f8f8;transform:rotate(-12deg);padding:18px 10px;position:relative}.phone-notch{position:absolute;top:5px;left:35px;width:30px;height:6px;border-radius:5px;background:#222}.phone-head{height:17px;width:75%;background:#d5d9dc;border-radius:4px;margin:9px 0}.phone-line{height:5px;background:#cbd1d5;border-radius:5px;margin:7px 0}.phone-line.short{width:55%}.phone-task{height:24px;border-radius:5px;background:#e7eaec;margin-top:9px;border-left:3px solid var(--color-primary)}.project-art-three{background:radial-gradient(ellipse at 50% 50%,#343a3d,#101214 75%)}.analytics-mock{width:80%;height:76%;padding:14px;background:#10151b;border:1px solid #41484e;border-radius:8px;transform:perspective(800px) rotateY(7deg)}.analytics-head{height:9px;width:45%;background:#d2d7da;border-radius:4px}.analytics-tiles{display:flex;gap:7px;margin-top:12px}.analytics-tiles i{height:31px;flex:1;background:#202a32;border:1px solid #303b43;border-radius:4px}.chart-area{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.chart-bars{height:72px;display:flex;align-items:end;gap:6px}.chart-bars i{width:10px;background:var(--color-primary);border-radius:2px 2px 0 0}.chart-bars i:nth-child(1){height:32%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:45%}.chart-bars i:nth-child(4){height:80%}.chart-bars i:nth-child(5){height:62%}.chart-bars i:nth-child(6){height:100%}.chart-bars i:nth-child(7){height:88%}.donut{width:65px;height:65px;border:9px solid var(--color-primary);border-right-color:#46515b;border-radius:50%}.project-info{padding:17px 18px 15px}.project-info h3{font-size:.92rem;margin-bottom:6px}.project-info p{font-size:.72rem;line-height:1.5;min-height:42px}.project-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.project-bottom div{display:flex;gap:6px;flex-wrap:wrap}.project-bottom span{font-size:.6rem;color:#ccc;background:#292929;border:1px solid #383838;border-radius:4px;padding:4px 7px}.project-bottom>a{color:var(--color-primary);font-size:1.2rem}