.mg-showcase-page{position:relative;background:var(--bg-main);color:var(--text-main);overflow:hidden}.mg-showcase-page *{box-sizing:border-box}.mg-showcase-hero{position:relative;padding:10.75rem 0 6rem;overflow:hidden}.mg-showcase-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.055) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.22),transparent);pointer-events:none}.mg-showcase-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(124,58,237,.12),transparent 58%);pointer-events:none}.mg-showcase-orb{position:absolute;border-radius:999px;filter:blur(105px);pointer-events:none}.mg-showcase-orb--blue{width:520px;height:520px;top:6rem;right:-8rem;background:rgba(37,99,235,.13)}.mg-showcase-orb--purple{width:620px;height:620px;bottom:-13rem;left:-9rem;background:rgba(124,58,237,.12)}.mg-showcase-floating{position:absolute;display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.25rem;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);backdrop-filter:blur(20px);animation:mgShowcaseFloat 7s ease-in-out infinite}.mg-showcase-floating i{font-size:1.8rem}.mg-showcase-floating--react{top:1rem;right:6rem;color:#3b82f6}.mg-showcase-floating--code{bottom:1rem;left:6rem;color:#d4af37;animation-direction:reverse;animation-duration:8.5s}@keyframes mgShowcaseFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(3deg)}}.mg-showcase-eyebrow{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.72rem 1.15rem;border-radius:999px;background:var(--bg-glass);border:1px solid rgba(124,58,237,.22);box-shadow:0 0 24px rgba(124,58,237,.12);backdrop-filter:blur(18px);color:#7c3aed;font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.dark .mg-showcase-eyebrow{color:#c4b5fd}.mg-showcase-eyebrow i{font-size:.55rem;animation:mgShowcasePulse 1.8s ease-in-out infinite}@keyframes mgShowcasePulse{0%,100%{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.mg-showcase-hero h1{max-width:980px;margin:0 auto 1.55rem;font-size:clamp(2.35rem,6vw,5.2rem);line-height:1.12;font-weight:1000;letter-spacing:-.045em}.mg-showcase-hero h1 span{display:block;margin-top:.55rem}.mg-showcase-lead{max-width:770px;margin:0 auto 3.4rem;color:var(--text-muted);font-size:clamp(1rem,2vw,1.2rem);line-height:2.05;font-weight:600}.mg-showcase-filter{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.55rem;padding:.65rem;border-radius:2rem;background:rgba(255,255,255,.78);border:1px solid var(--border-color);box-shadow:0 24px 70px rgba(15,23,42,.08);backdrop-filter:blur(24px)}.dark .mg-showcase-filter{background:rgba(11,12,21,.74);box-shadow:0 24px 80px rgba(0,0,0,.22)}.mg-showcase-filter-btn{appearance:none;border:0;display:inline-flex;align-items:center;gap:.55rem;padding:.92rem 1.4rem;border-radius:1.35rem;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:900;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.mg-showcase-filter-btn:hover{background:rgba(148,163,184,.12);color:var(--text-main);transform:translateY(-1px)}.mg-showcase-filter-btn.is-active{background:var(--text-main);color:var(--bg-main);box-shadow:0 14px 28px rgba(15,23,42,.15)}.dark .mg-showcase-filter-btn.is-active{box-shadow:0 14px 34px rgba(255,255,255,.08)}.mg-showcase-grid-section{position:relative;min-height:520px;padding:0 0 7.5rem}.mg-showcase-masonry{columns:1;column-gap:1.55rem}.mg-showcase-project{display:block;break-inside:avoid;margin:0 0 1.55rem;opacity:1;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .3s ease}.mg-showcase-project.is-hidden{display:none}.mg-showcase-project.is-transitioning{opacity:0;transform:translateY(14px) scale(.97)}.mg-showcase-project.is-blue{--showcase-accent:#2563eb;--showcase-accent-soft:rgba(37,99,235,.18);--showcase-accent-border:rgba(37,99,235,.34);--showcase-accent-shadow:rgba(37,99,235,.18)}.mg-showcase-project.is-purple{--showcase-accent:#7c3aed;--showcase-accent-soft:rgba(124,58,237,.18);--showcase-accent-border:rgba(124,58,237,.34);--showcase-accent-shadow:rgba(124,58,237,.18)}.mg-showcase-project.is-emerald{--showcase-accent:#10b981;--showcase-accent-soft:rgba(16,185,129,.18);--showcase-accent-border:rgba(16,185,129,.34);--showcase-accent-shadow:rgba(16,185,129,.18)}.mg-showcase-project.is-cyan{--showcase-accent:#06b6d4;--showcase-accent-soft:rgba(6,182,212,.18);--showcase-accent-border:rgba(6,182,212,.34);--showcase-accent-shadow:rgba(6,182,212,.18)}.mg-showcase-project.is-gold{--showcase-accent:#d4af37;--showcase-accent-soft:rgba(212,175,55,.2);--showcase-accent-border:rgba(212,175,55,.36);--showcase-accent-shadow:rgba(212,175,55,.18)}.mg-showcase-card{padding:.72rem;border-radius:2.35rem;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.32));border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);backdrop-filter:blur(22px);transition:transform .48s cubic-bezier(.175,.885,.32,1.275),border-color .35s ease,box-shadow .35s ease}.dark .mg-showcase-card{background:linear-gradient(145deg,rgba(15,23,42,.42),rgba(15,23,42,.12));border-color:rgba(255,255,255,.07)}.mg-showcase-card:hover{transform:translateY(-8px) scale(1.01);border-color:var(--showcase-accent-border);box-shadow:0 22px 60px var(--showcase-accent-shadow)}.mg-showcase-media{position:relative;overflow:hidden;border-radius:1.85rem;background:#0a0b14;isolation:isolate}.mg-showcase-project.size-tall .mg-showcase-media{aspect-ratio:4/5}.mg-showcase-project.size-phone .mg-showcase-media{aspect-ratio:3/4}.mg-showcase-project.size-normal .mg-showcase-media{aspect-ratio:4/3}.mg-showcase-main-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s ease,opacity .5s ease;opacity:.92}.mg-showcase-project.is-browser .mg-showcase-main-image,.mg-showcase-project.is-desktop .mg-showcase-main-image{padding-top:2rem}.mg-showcase-card:hover .mg-showcase-main-image{transform:scale(1.055);opacity:1}.mg-showcase-media-shade{position:absolute;inset:0;z-index:3;background:linear-gradient(to top,#0a0b14 0%,rgba(10,11,20,.78) 16%,rgba(10,11,20,.22) 56%,rgba(10,11,20,.05) 100%)}.mg-showcase-browser-bar{position:absolute;top:0;right:0;left:0;z-index:8;height:2rem;display:flex;align-items:center;gap:.38rem;padding:0 .78rem;background:rgba(15,23,42,.82);backdrop-filter:blur(10px)}.mg-showcase-browser-bar span{width:.62rem;height:.62rem;border-radius:999px}.mg-showcase-browser-bar .is-red{background:#ef4444}.mg-showcase-browser-bar .is-yellow{background:#f59e0b}.mg-showcase-browser-bar .is-green{background:#22c55e}.mg-showcase-browser-bar b{display:block;margin-inline-start:auto;margin-inline-end:auto;width:46%;height:.9rem;border-radius:.42rem;background:rgba(255,255,255,.12)}.mg-showcase-window-bar{position:absolute;top:0;right:0;left:0;z-index:8;height:2rem;display:flex;align-items:center;justify-content:flex-end;gap:.85rem;padding:0 1rem;background:rgba(26,28,46,.86);backdrop-filter:blur(10px)}.mg-showcase-window-bar span{width:.85rem;height:.12rem;background:rgba(255,255,255,.55)}.mg-showcase-window-bar b{width:.82rem;height:.82rem;border:1px solid rgba(255,255,255,.55)}.mg-showcase-window-bar i{color:rgba(255,255,255,.6);font-size:.78rem}.mg-showcase-mobile-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:9;width:7.5rem;height:1.55rem;border-radius:0 0 1rem 1rem;background:#000;box-shadow:0 5px 10px rgba(0,0,0,.35)}.mg-showcase-mobile-notch span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:.35rem;border-radius:999px;background:rgba(255,255,255,.13)}.mg-showcase-project.is-phone .mg-showcase-media:before,.mg-showcase-project.is-stacked-phone .mg-showcase-media:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at center,var(--showcase-accent-soft),transparent 70%)}.mg-showcase-phone-shot{position:absolute;object-fit:cover;border-radius:1.9rem;border:4px solid rgba(30,41,59,.85);box-shadow:0 30px 70px rgba(0,0,0,.4);transition:transform .7s ease,opacity .4s ease}.mg-showcase-phone-shot--back{z-index:2;width:50%;height:120%;right:16%;top:-10%;opacity:.6;transform:rotate(12deg) translate(18%,9%)}.mg-showcase-phone-shot--front{z-index:3;width:52%;height:122%;left:20%;top:-8%;transform:rotate(-6deg) translate(-2%,13%)}.mg-showcase-card:hover .mg-showcase-phone-shot--back{transform:rotate(15deg) translate(20%,8%)}.mg-showcase-card:hover .mg-showcase-phone-shot--front{transform:rotate(-4deg) translate(-2%,11%) scale(1.04)}.mg-showcase-badges{position:absolute;right:1.2rem;bottom:1.15rem;left:1.2rem;z-index:6;display:flex;flex-wrap:wrap;gap:.5rem}.mg-showcase-badges span{display:inline-flex;align-items:center;padding:.45rem .72rem;border-radius:999px;background:var(--showcase-accent-soft);border:1px solid var(--showcase-accent-border);color:var(--showcase-accent);font-size:.68rem;font-weight:950;backdrop-filter:blur(14px)}.dark .mg-showcase-badges span{color:#fff}.mg-showcase-badges span.is-muted{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.mg-showcase-card-number{position:absolute;top:.92rem;right:.95rem;z-index:7;display:grid;place-items:center;min-width:2.35rem;height:2.35rem;border-radius:.95rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:1000;font-size:.78rem;backdrop-filter:blur(10px)}.mg-showcase-project.is-browser .mg-showcase-card-number,.mg-showcase-project.is-desktop .mg-showcase-card-number{top:2.75rem}.mg-showcase-overlay-link{position:absolute;top:50%;left:50%;z-index:9;display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.25rem;border-radius:999px;background:var(--showcase-accent);color:#fff;font-size:.9rem;font-weight:950;box-shadow:0 0 32px var(--showcase-accent-shadow);opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s ease,transform .35s ease;white-space:nowrap}.mg-showcase-overlay-link:hover{color:#fff}.mg-showcase-card:hover .mg-showcase-overlay-link{opacity:1;transform:translate(-50%,-50%) scale(1)}.mg-showcase-card-body{padding:1.45rem 1.25rem 1.05rem}.mg-showcase-card-kicker{display:flex;align-items:center;gap:.55rem;margin-bottom:.75rem;color:var(--showcase-accent);font-size:.78rem;font-weight:950}.mg-showcase-card-body h2{margin:0 0 .82rem;color:var(--text-main);font-size:1.33rem;line-height:1.55;font-weight:1000;letter-spacing:-.02em;transition:color .25s ease}.mg-showcase-card:hover .mg-showcase-card-body h2{color:var(--showcase-accent)}.mg-showcase-card-body p{margin:0 0 1.25rem;color:var(--text-muted);font-size:.9rem;line-height:1.95;font-weight:600}.mg-showcase-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.18)}.mg-showcase-tags{display:flex;flex-wrap:wrap;gap:.38rem}.mg-showcase-tags span{display:inline-flex;padding:.36rem .52rem;border-radius:.55rem;background:rgba(148,163,184,.09);border:1px solid rgba(148,163,184,.16);color:var(--text-muted);font-size:.72rem;font-weight:900;direction:ltr}.mg-showcase-card-icon{display:grid;place-items:center;width:2.55rem;height:2.55rem;flex:0 0 auto;border-radius:999px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.16);color:var(--showcase-accent)}.mg-showcase-load-wrap{text-align:center;margin-top:3.5rem}.mg-showcase-load-more{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.85rem;border-radius:1.65rem;border:1px solid var(--glass-border);background:var(--bg-glass);box-shadow:var(--shadow-glass);color:var(--text-main);font-family:inherit;font-size:.95rem;font-weight:950;cursor:pointer;backdrop-filter:blur(18px);transition:transform .25s ease,border-color .25s ease,color .25s ease}.mg-showcase-load-more:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.28);color:#2563eb}.mg-showcase-load-more:hover i{transform:rotate(180deg)}.mg-showcase-load-more i{transition:transform .6s ease}.mg-showcase-load-more.is-hidden{display:none}.mg-showcase-empty{max-width:720px;margin:0 auto;padding:3rem 2rem;border-radius:2rem;text-align:center}.mg-showcase-empty i{font-size:3rem;color:#7c3aed;margin-bottom:1rem}.mg-showcase-empty h2{font-size:1.6rem;font-weight:1000;margin:0 0 .8rem}.mg-showcase-empty p{margin:0;color:var(--text-muted);line-height:2}.mg-showcase-cta{position:relative;padding:6.5rem 0;border-top:1px solid var(--border-color);overflow:hidden}.mg-showcase-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(124,58,237,.12),transparent 65%);pointer-events:none}.mg-showcase-cta-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:3.4rem;border-radius:3rem;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.38));border-color:rgba(37,99,235,.18)}.dark .mg-showcase-cta-card{background:linear-gradient(145deg,rgba(15,23,42,.45),rgba(15,23,42,.16))}.mg-showcase-cta-orb{position:absolute;border-radius:999px;filter:blur(75px);pointer-events:none}.mg-showcase-cta-orb--blue{width:260px;height:260px;top:-80px;right:-60px;background:rgba(37,99,235,.22)}.mg-showcase-cta-orb--purple{width:280px;height:280px;bottom:-90px;left:-60px;background:rgba(124,58,237,.22)}.mg-showcase-cta-copy{position:relative;z-index:2;max-width:760px}.mg-showcase-cta-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem .8rem;border-radius:999px;background:rgba(37,99,235,.09);border:1px solid rgba(37,99,235,.16);color:#2563eb;font-size:.78rem;font-weight:950}.dark .mg-showcase-cta-kicker{color:#bfdbfe}.mg-showcase-cta-copy h2{margin:0 0 1.05rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1.35;font-weight:1000;letter-spacing:-.035em}.mg-showcase-cta-copy p{margin:0;color:var(--text-muted);font-size:1.02rem;line-height:2;max-width:660px;font-weight:600}.mg-showcase-cta-action{position:relative;z-index:2;flex:0 0 auto}.mg-showcase-cta-action a{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.15rem 1.9rem;border-radius:1.7rem;background:linear-gradient(90deg,#2563eb,#7c3aed,#2563eb);background-size:200% auto;color:#fff;font-size:1rem;font-weight:1000;box-shadow:0 0 42px rgba(124,58,237,.28);transition:transform .35s ease,background-position .35s ease,box-shadow .35s ease}.mg-showcase-cta-action a:hover{color:#fff;transform:translateY(-6px);background-position:right center;box-shadow:0 16px 60px rgba(124,58,237,.38)}.mg-showcase-cta-action a:hover i{transform:translateX(-6px)}.mg-showcase-cta-action i{transition:transform .28s ease}@media (min-width:768px){.mg-showcase-masonry{columns:2}}@media (min-width:1120px){.mg-showcase-masonry{columns:3}}@media (max-width:1024px){.mg-showcase-floating{display:none}.mg-showcase-cta-card{align-items:flex-start;flex-direction:column}.mg-showcase-cta-action,.mg-showcase-cta-action a{width:100%}}@media (max-width:700px){.mg-showcase-hero{padding:8.75rem 0 4.5rem}.mg-showcase-filter{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:1.55rem}.mg-showcase-filter-btn{justify-content:center;padding:.88rem .8rem;border-radius:1.05rem;font-size:.82rem}.mg-showcase-card{border-radius:1.8rem;padding:.55rem}.mg-showcase-media{border-radius:1.4rem}.mg-showcase-card-body{padding:1.2rem 1rem .95rem}.mg-showcase-card-body h2{font-size:1.16rem}.mg-showcase-cta{padding:4.5rem 0}.mg-showcase-cta-card{padding:2rem 1.35rem;border-radius:2rem}.mg-showcase-overlay-link{opacity:1;transform:translate(-50%,-50%) scale(.96);font-size:.82rem;padding:.75rem 1.05rem}}@media (prefers-reduced-motion:reduce){.mg-showcase-page *,.mg-showcase-page *:before,.mg-showcase-page *:after{animation:none!important;transition:none!important}}

.mg-showcase-card-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.95rem 0 .35rem}.mg-showcase-card-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:.85rem;border:1px solid rgba(148,163,184,.18);background:#020617;box-shadow:0 10px 22px rgba(2,6,23,.12);transition:transform .22s ease,border-color .22s ease}.mg-showcase-card-gallery img:hover{transform:translateY(-2px);border-color:var(--showcase-accent-border)}@media(max-width:700px){.mg-showcase-card-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}