.our-work{padding:120px 0;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh;position:relative;overflow:hidden}.our-work:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,107,53,.05) 0,transparent 50%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;background:linear-gradient(135deg,#35fff5,#7BE7EA 50%,#48AAAD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;letter-spacing:-.02em;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#7BE7EA,#48AAAD);border-radius:2px}.section-description{font-size:1.125rem;line-height:1.8;color:rgba(255,255,255,.8);max-width:800px;margin:0 auto;font-weight:400}.filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:60px}.filter-tab{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #48aaad3c;color:rgba(255,255,255,.8);padding:14px 28px;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.filter-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(53,211,255,.1),transparent);transition:left .5s ease}.filter-tab:hover{transform:translateY(-2px);border-color:#48aaad94;box-shadow:0 10px 25px rgba(53,205,255,.2)}.filter-tab:hover:before{left:100%}.filter-tab.active{background:linear-gradient(135deg,#7BE7EA,#48AAAD);color:white;border-color:#48AAAD;box-shadow:0 8px 25px #7be6ea51;transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto}.portfolio-card{height:420px;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.portfolio-card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;overflow:hidden}.card-front{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.card-back{background:linear-gradient(135deg,#7BE7EA,#48AAAD);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:rotateY(180deg);padding:28px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.card-image{position:relative;width:100%;height:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:40px 32px 32px;color:white}.card-category{display:inline-block;background:#48AAAD;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;line-height:1.3}.card-subtitle{font-size:.95rem;opacity:.9;line-height:1.4}.card-header-back{text-align:left;margin-bottom:20px}.card-title-back{font-size:1.4rem;font-weight:700;color:white;margin-bottom:8px;line-height:1.3}.card-category-back{display:inline-block;background:rgba(255,255,255,.2);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;color:white;text-transform:uppercase;letter-spacing:.5px}.card-description{color:rgba(255,255,255,.95);font-size:.9rem;line-height:1.5;margin-bottom:20px;text-align:left;flex-grow:1}.card-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.stat-item{text-align:center;padding:12px;background:rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:white;margin-bottom:4px}.stat-label{font-size:.75rem;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.5px}.card-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tech-tag{background:rgba(255,255,255,.15);padding:6px 12px;border-radius:16px;font-size:.8rem;color:white;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.view-case-study-btn{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:white;padding:12px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-case-study-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,.2)}.btn-icon{width:18px;height:18px;stroke-width:2;transition:transform .3s ease}.view-case-study-btn:hover .btn-icon{transform:translateX(4px)}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-card{height:380px}.filter-tabs{gap:12px}.filter-tab{padding:12px 20px;font-size:.9rem}}@media (max-width:768px){.our-work{padding:80px 0}.section-header{margin-bottom:60px}.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-card{height:350px}.card-back{padding:24px}.card-stats{grid-template-columns:repeat(2,1fr);gap:12px}.filter-tabs{gap:8px}.filter-tab{padding:10px 16px;font-size:.85rem}}@media (max-width:480px){.container{padding:0 16px}.portfolio-card{height:280px}.card-back{padding:20px}.card-title-back{font-size:1.2rem}.card-description{font-size:.85rem}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.filter-tab{flex-shrink:0;padding:8px 14px;font-size:.8rem}}.portfolio-grid{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-card{transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-5px)}.portfolio-grid.loading{opacity:.5;pointer-events:none}.filter-tab:focus{outline:2px solid #7BE7EA;outline-offset:2px}.view-case-study-btn:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}