@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0a0e1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(140px);border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#6366f126,#0000 70%);width:900px;height:900px;top:-400px;left:-250px}body:after{background:radial-gradient(circle,#06b6d41f,#0000 70%);width:700px;height:700px;bottom:-300px;right:-150px}.page-wrapper{z-index:1;justify-content:center;min-height:100vh;padding:80px 24px;display:flex;position:relative}.main-content{width:100%;max-width:1100px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in-up}.section-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:24px;display:flex}.title-group{flex-direction:column;gap:8px;display:flex}.main-title{letter-spacing:-1px;background:linear-gradient(135deg,#818cf8,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1}.section-header h3{color:#94a3b8;font-size:1.25rem;font-weight:500}.count-badge{color:#a5b4fc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0003}.count-badge svg{width:16px;height:16px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{color:inherit;-webkit-backdrop-filter:blur(20px);opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fade-in-up;animation-delay:var(--delay,0s);background:#0f1428a6;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;padding:28px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 24px #00000059}.project-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#06b6d4);height:4px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-header h4{color:#f8fafc;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .3s}.icon-wrapper{color:#818cf8;background:#6366f126;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.icon-wrapper svg{width:20px;height:20px}.card-desc{color:#94a3b8;flex:1;margin-bottom:28px;font-size:.95rem;line-height:1.6;transition:color .3s}.card-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;padding-top:16px;transition:border-color .3s;display:flex}.arrow-icon{color:#64748b;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.arrow-icon svg{width:16px;height:16px}.project-card:hover{background:#14192dbf;border-color:#ffffff24;transform:translateY(-8px);box-shadow:0 16px 48px #0006,0 0 60px #818cf814}.project-card:hover:before{opacity:1}.project-card:hover .card-header h4{color:#a5b4fc}.project-card:hover .icon-wrapper{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);box-shadow:0 4px 12px #6366f140}.project-card:hover .arrow-icon{color:#fff;background:#6366f1;transform:translate(4px);box-shadow:0 4px 12px #6366f14d}.project-card:hover .card-footer{border-color:#ffffff1a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.page-wrapper{padding:40px 16px}.section-header{flex-direction:column;align-items:flex-start;gap:20px}.cards-grid{grid-template-columns:1fr}}