.projects-page{max-width:1600px;margin:0 auto;padding:20px 40px 40px}.projects-title{text-align:center;font-size:4rem;font-weight:700}.projects-title span{background:linear-gradient(90deg,#3b82f6,#22d3ee);color:#0000;-webkit-background-clip:text}.projects-subtitle{text-align:center;opacity:.75;margin:10px 0 50px}.projects-grid{grid-template-columns:repeat(3,390px);justify-content:center;gap:42px;display:grid}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,360px)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border-radius:18px;flex-direction:column;min-height:540px;padding:22px;transition:transform .35s,box-shadow .35s;display:flex;position:relative}.project-card:hover{transform:translateY(-8px)}.project-card.cyan:hover{box-shadow:0 0 14px #22d3ee8c}.project-card.purple:hover{box-shadow:0 0 14px #a855f78c}.project-card.orange:hover{box-shadow:0 0 14px #fb923c8c}.project-preview{background:linear-gradient(120deg,#0f172a,#020617);border-radius:14px;height:200px;margin-bottom:22px;padding:24px;overflow:hidden}.code-line{background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:6px;height:8px;margin-bottom:12px;animation:2s infinite alternate scan}.code-line.short{width:60%}.code-line.tiny{width:35%}@keyframes scan{0%{opacity:.3}to{opacity:1}}.project-card h3{margin-bottom:10px;font-size:1.35rem}.project-card p{opacity:.8;margin-bottom:18px;font-size:.95rem;line-height:1.5}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.project-tags span{background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:.75rem}.project-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;margin-top:auto;padding:16px;transition:all .3s;display:flex}.project-btn:hover{background:#ffffff1a;box-shadow:0 0 18px #3b82f68c}.project-pagination{justify-content:center;align-items:center;gap:16px;margin:60px 0 20px;display:flex}.project-pagination button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:8px 14px}.project-filters{flex-wrap:wrap;justify-content:center;gap:16px;margin:28px 0 52px;display:flex}.filter-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.filter-btn.active{background:#ffffff1a;border-color:#3b82f6;box-shadow:0 0 18px #3b82f699}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}.project-card,.project-preview,.project-btn{box-shadow:none!important}.project-card,.project-card:hover,.project-card:focus,.project-card:active{background:#ffffff0d!important}.project-card:nth-child(8n+1){--accent:#22c55e}.project-card:nth-child(8n+2){--accent:#3b82f6}.project-card:nth-child(8n+3){--accent:#a855f7}.project-card:nth-child(8n+4){--accent:#f97316}.project-card:nth-child(8n+5){--accent:#ec4899}.project-card:nth-child(8n+6){--accent:#14b8a6}.project-card:nth-child(8n+7){--accent:#facc15}.project-card:nth-child(8n+8){--accent:#22d3ee}.project-card{border:1px solid #ffffff1f}.project-card:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 14px color-mix(in srgb,var(--accent),transparent 70%)}.project-card:hover .project-btn{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent),transparent 75%);background:0 0!important}.project-card:hover .project-btn svg{color:var(--accent)}.project-card,.project-card:hover{background:#ffffff0d!important}.project-card.color-1{border-color:#22d3ee73}.project-card.color-1:hover{box-shadow:0 0 14px #22d3ee73}.project-card.color-2{border-color:#a855f773}.project-card.color-2:hover{box-shadow:0 0 14px #a855f773}.project-card.color-3{border-color:#fb923c73}.project-card.color-3:hover{box-shadow:0 0 14px #fb923c73}.project-card.color-4{border-color:#22c55e73}.project-card.color-4:hover{box-shadow:0 0 14px #22c55e73}.project-card.color-5{border-color:#3b82f673}.project-card.color-5:hover{box-shadow:0 0 14px #3b82f673}.project-card.color-6{border-color:#ec489973}.project-card.color-6:hover{box-shadow:0 0 14px #ec489973}.project-card.color-7{border-color:#facc1573}.project-card.color-7:hover{box-shadow:0 0 14px #facc1573}.project-card.color-8{border-color:#94a3b873}.project-card.color-8:hover{box-shadow:0 0 14px #94a3b873}.project-btn{color:#fff;transition:transform .25s,box-shadow .25s,background .25s;box-shadow:none!important;background:#0284c7!important;border:none!important}.project-card:hover .project-btn{opacity:1!important;filter:none!important;box-shadow:none!important;background:#0284c7!important;border:none!important}.project-btn{transition:transform .25s,box-shadow .25s;color:#fff!important;opacity:1!important;filter:none!important;background:#0284c7!important;border:none!important}.project-btn svg{stroke:#fff!important;color:#fff!important}.project-btn:hover{transform:translateY(-7px);box-shadow:0 10px 24px #0284c78c;background:#0284c7!important}.project-btn:hover svg{stroke:#fff!important}.project-btn{border-radius:10px!important;min-height:40px!important;padding:12px 14px!important;font-size:.9rem!important}.project-btn svg{width:16px;height:16px}.project-card,.project-card:hover{background:#ffffff0d!important}.project-card:before,.project-card:after{content:none!important}.project-card{box-shadow:none!important;border:1px solid #ffffff1f!important}.project-card:hover{box-shadow:0 0 0 1px var(--accent),0 0 14px color-mix(in srgb,var(--accent),transparent 70%)!important}.project-btn{color:#fff!important;opacity:1!important;filter:none!important;min-height:40px!important;box-shadow:none!important;background:#0284c7!important;border:none!important;border-radius:10px!important;padding:12px 14px!important;font-size:.9rem!important;transition:transform .25s,box-shadow .25s!important}.project-card:hover .project-btn{opacity:1!important;filter:none!important;box-shadow:none!important;background:#0284c7!important}.project-btn:hover{transform:translateY(-6px);background:#0284c7!important;box-shadow:0 10px 22px #0284c780!important}.project-btn svg{color:#fff!important;stroke:#fff!important}.project-card h3,.project-card p,.project-tags,.project-card .tech-stack-title{text-align:left}.project-card h3{margin-bottom:8px;font-size:1.45rem;font-weight:700}.project-card p{opacity:.82;max-width:100%;margin-bottom:22px;line-height:1.65}.tech-stack-title{opacity:.65;letter-spacing:.02em;margin-bottom:10px;font-size:.85rem;font-weight:600}.project-tags span{background:#ffffff14;border:1px solid #ffffff1f;padding:5px 12px;font-size:.75rem}.project-preview{margin-bottom:26px}.project-card p{margin-bottom:26px!important}.tech-stack-title{margin-top:6px;margin-bottom:12px}.tech-stack-title,.project-card strong{display:block;margin-bottom:10px!important}.project-tags{margin-top:6px!important}.project-card strong,.project-card .tech-stack-title{opacity:.9;font-weight:600;display:block;margin-top:18px!important;margin-bottom:14px!important}.project-tags{gap:10px;margin-top:10px!important;margin-bottom:28px!important}.project-tags span{padding:6px 14px}.project-card h3,.project-card p,.project-card strong{text-align:left!important}.project-card p{max-width:95%;margin-bottom:20px!important}.project-btn{margin-top:auto;margin-bottom:6px}.project-card h3{color:#fff;transition:color .25s}.project-card:hover h3{color:var(--accent)}.project-card h3{font-size:1.25rem;line-height:1.3}.project-card p{font-size:.9rem;line-height:1.55}.tech-title{opacity:.8;letter-spacing:.3px;margin-bottom:8px;font-size:.85rem}.project-tags{gap:6px;margin-bottom:18px}.project-tags span{border-radius:999px;padding:3px 9px;font-size:.7rem}.tech-title{opacity:.85;margin-bottom:4px!important;font-size:.85rem!important}.project-pagination button:hover{box-shadow:0 0 12px #22d3ee8c}.project-pagination button{color:#fff;box-shadow:none;background:0 0;border:1px solid #ffffff40;transition:border-color .25s,box-shadow .25s,transform .25s}.project-pagination button:hover{border-color:#22d3ee;transform:translateY(-2px);box-shadow:0 0 12px #22d3ee8c}.filter-btn{background:0 0;border:1px solid #ffffff2e;padding:10px 18px;transition:border-color .25s,box-shadow .25s,transform .25s;border-radius:12px!important}.filter-btn{background:#ffffff0a;border:1px solid #ffffff2e;gap:10px;padding:12px 18px;transition:transform .25s,border-color .25s,box-shadow .25s,color .25s;border-radius:12px!important}.filter-btn,.filter-btn:hover,.filter-btn.active{box-shadow:none}.filter-btn svg{color:#fff;transition:color .25s}.filter-btn[data-skill=SQL]{--accent:#3b82f6}.filter-btn[data-skill=Python]{--accent:#facc15}.filter-btn[data-skill=Excel]{--accent:#22c55e}.filter-btn[data-skill=Power\ BI]{--accent:#eb811f}.filter-btn[data-skill=Tableau]{--accent:#bb3bf6}.filter-btn[data-skill=Others]{--accent:#aebb81}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px color-mix(in srgb,var(--accent),transparent 70%)}.filter-btn:hover svg,.filter-btn.active svg{color:var(--accent)}.filter-btn:hover,.filter-btn.active{color:#fff}.filter-btn:hover{transform:translateY(-2px)}.filter-btn{transition:transform .25s,box-shadow .25s,border-color .25s}.filter-btn:hover,.filter-btn.active{transform:translateY(-4px)scale(1.02)}.filter-btn svg{transition:transform .25s,color .25s}.filter-btn:hover svg,.filter-btn.active svg{transform:translateY(-2px)scale(1.15)}.filter-btn:active{transform:translateY(-3px)scale(1.01)}.project-card h3,.project-card p{flex-shrink:0}.tech-title{opacity:.9;margin-top:auto;margin-bottom:6px;font-size:.85rem}.project-tags{margin-bottom:14px}.project-btn{margin-top:0}.projects-page,.project-pagination{margin-bottom:0!important;padding-bottom:0!important}body{margin-bottom:0!important}