.projects-container{min-height:100vh;padding:3rem 2rem;background:transparent;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto}.project-card{background:linear-gradient(145deg,#1a1f2e,#141824);border:2px solid rgba(0,255,136,.15);border-radius:1.5rem;padding:0;position:relative;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease forwards;opacity:0;box-shadow:0 8px 32px rgba(0,0,0,.4);min-height:380px}.project-card:before{content:"";position:absolute;inset:0;border-radius:1.5rem;padding:2px;background:linear-gradient(145deg,rgba(0,255,136,.4),rgba(0,204,255,.4) 50%,rgba(167,139,250,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.project-card:hover:before{opacity:1}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.card-border{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f8,#0cf,#a78bfa);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:1.5rem 1.5rem 0 0;z-index:2}.project-card:hover .card-border{transform:scaleX(1)}.project-card:hover{transform:translateY(-12px) scale(1.02);border-color:rgba(0,255,136,.5);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 50px rgba(0,255,136,.2),inset 0 1px 0 hsla(0,0%,100%,.1)}.card-decoration{position:absolute;top:0;left:0;right:0;height:160px;background:radial-gradient(circle at 20% 30%,rgba(0,255,136,.15) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,204,255,.12) 0,transparent 40%),radial-gradient(circle at 50% 60%,rgba(167,139,250,.1) 0,transparent 40%),linear-gradient(145deg,rgba(0,255,136,.03),transparent);pointer-events:none;transition:all .4s ease;opacity:.8}.project-card:hover .card-decoration{opacity:1;height:180px}.card-decoration:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 0);background-size:20px 20px;opacity:.3;transition:opacity .4s ease}.project-card:hover .card-decoration:before{opacity:.5}.card-decoration:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.2),transparent 70%);top:-20px;right:-20px;filter:blur(30px);opacity:0;transition:all .6s ease}.project-card:hover .card-decoration:after{opacity:1;transform:translate(-10px,10px)}.project-content{padding:2.5rem 2rem 2rem;position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem;min-height:380px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.project-title{font-size:1.75rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.01em;line-height:1.3;flex:1 1}.github-icon{flex-shrink:0;opacity:.6;transition:all .4s cubic-bezier(.4,0,.2,1);color:#94a3b8;filter:drop-shadow(0 0 0 rgba(0,255,136,0))}.project-card:hover .github-icon{opacity:1;transform:scale(1.2) rotate(12deg);color:#0f8;filter:drop-shadow(0 0 15px rgba(0,255,136,.6))}.project-description{color:#cbd5e1;font-size:1rem;line-height:1.8;margin:0;flex-grow:1;letter-spacing:.01em}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem}.tag{padding:.5rem 1rem;background:linear-gradient(135deg,rgba(0,255,136,.12),rgba(0,204,255,.12));border:1px solid rgba(0,255,136,.3);border-radius:.7rem;font-size:.85rem;font-weight:600;color:#0f8;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.02em;position:relative;overflow:hidden}.tag:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,136,.2),rgba(0,204,255,.2));opacity:0;transition:opacity .3s ease}.project-card:hover .tag{border-color:#0f8;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,255,136,.25)}.project-card:hover .tag:before{opacity:1}.link-indicator{display:flex;align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;color:#94a3b8;opacity:0;transform:translateX(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:.75rem;letter-spacing:.02em}.project-card:hover .link-indicator{opacity:1;transform:translateX(0);color:#0f8}.arrow{font-size:1.4rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}.project-card:hover .arrow{transform:translateX(8px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.project-card:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.projects-container{padding:2rem 1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-content{padding:2rem 1.5rem;min-height:340px}.project-title{font-size:1.5rem}.project-description{font-size:.95rem;line-height:1.6}.tag{font-size:.8rem;padding:.4rem .8rem}.card-decoration{height:140px}}.project-card:focus-visible{outline:3px solid #0f8;outline-offset:4px}@media (prefers-reduced-motion:reduce){.arrow,.card-border,.card-decoration,.github-icon,.link-indicator,.project-card,.tag{transition:none;animation:none}}.project-card:active{transform:translateY(-8px) scale(1.01)}