@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";
.showcase-wrapper{color:#fff;background-color:#0b0f18;min-height:100vh;font-family:Syne,sans-serif;position:relative;overflow:hidden}.content-container{z-index:10;position:relative}.section-bounds{max-width:80rem;margin-left:auto;margin-right:auto}.cosmic-grid{pointer-events:none;background-image:linear-gradient(#006bdd0a 1px,#0000 1px),linear-gradient(90deg,#006bdd0a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s ease-in-out infinite gridFloat;position:absolute;top:0;left:0}@keyframes gridFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.orb{filter:blur(90px);opacity:.12;pointer-events:none;border-radius:50%;animation:22s ease-in-out infinite float;position:absolute}.orb-1{background:#006bdd;width:500px;height:500px;animation-delay:0s;top:-250px;right:-250px}.orb-2{background:#00d9ff;width:400px;height:400px;animation-delay:5s;bottom:-200px;left:-200px}.orb-3{background:#8b5cf6;width:350px;height:350px;animation-delay:10s;top:45%;left:45%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(70px,-60px)scale(1.08)}66%{transform:translate(-60px,70px)scale(.95)}}.showcase-header{padding:5rem 1.5rem 3rem}.glitch-container{display:inline-block;position:relative}.glitch-text{letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(56px,9vw,108px);font-weight:800;line-height:.92;animation:.7s .1s both svc-fadeup}@keyframes glitch-1{0%,to{opacity:.8;transform:translate(0)}33%{opacity:.6;transform:translate(-1px,1px)}66%{opacity:.7;transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{opacity:.6;transform:translate(0)}33%{opacity:.4;transform:translate(1px,-1px)}66%{opacity:.5;transform:translate(-1px,1px)}}.header-subtitle{color:#9ca3af;letter-spacing:.025em;max-width:42rem;font-size:1.25rem;font-weight:300;line-height:1.75rem}.stats-group{flex-wrap:wrap;gap:1.5rem;margin-top:3rem;display:flex}.stat-card{-webkit-backdrop-filter:blur(10px);background:#006bdd0a;border:1px solid #006bdd14;border-radius:16px;min-width:160px;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{background:#006bdd12;border-color:#006bdd40;transform:translateY(-2px);box-shadow:0 10px 30px #006bdd26}.stat-value{font-size:2.25rem;font-weight:900;line-height:1}.stat-value.text-blue{color:#006bdd}.stat-value.text-live{color:#10b981}.stat-value.text-dev{color:#f59e0b}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-size:.75rem;font-weight:600}.filter-section{margin-bottom:3rem;padding-left:1.5rem;padding-right:1.5rem}.filter-wrapper{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn{color:#e5e7eb;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .25s;display:flex}.filter-btn:hover{background:#006bdd1a;border-color:#006bdd4d;transform:translateY(-1px)}.filter-btn.active{color:#fff;background:#006bdd;border-color:#006bdd;box-shadow:0 0 25px #006bdd59}.filter-icon{opacity:.85;font-size:1.1rem}.filter-count{background:#fff3;border-radius:20px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.grid-section{padding-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.project-card{-webkit-backdrop-filter:blur(15px);background:#ffffff04;border:1px solid #ffffff12;border-radius:24px;transition:all .4s cubic-bezier(.25,1,.5,1);animation:.5s ease-out backwards fadeInUp;position:relative;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{border-color:#006bdd59;transform:translateY(-6px);box-shadow:0 15px 45px #006bdd2e}.badge-placement{z-index:20;position:absolute;top:1rem;right:1rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070a1299;border-radius:50px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.7rem;font-weight:700;display:flex}.status-badge.live{color:#10b981;border:1px solid #10b98140}.status-badge.development{color:#f59e0b;border:1px solid #f59e0b40}.status-dot{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.status-badge.live .status-dot{background:#10b981;box-shadow:0 0 8px #10b981}.status-badge.development .status-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.project-icon-wrapper{justify-content:center;padding:2.25rem 2rem 1rem;display:flex}.project-icon{border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 15px 35px #0000004d}.project-card:hover .project-icon{transform:scale(1.08)rotate(4deg)}.emoji-display{-webkit-user-select:none;user-select:none;font-size:2.75rem}.card-body{z-index:10;padding:1.5rem;position:relative}.card-title{letter-spacing:-.01em;color:#fff;margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.card-description{color:#9ca3af;min-height:44px;margin-bottom:1.25rem;font-size:.925rem;line-height:1.5}.tech-tag-group{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{color:#00d9ff;text-transform:uppercase;letter-spacing:.05em;background:#006bdd14;border:1px solid #006bdd2e;border-radius:6px;padding:.25rem .65rem;font-size:.725rem;font-weight:600}.cta-btn{color:#fff;cursor:pointer;background:#006bdd14;border:1px solid #006bdd40;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.85rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.cta-btn:not(.disabled):hover{background:#006bdd2e;border-color:#006bdd;transform:translate(2px)}.cta-btn.disabled{color:#4b5563;cursor:not-allowed;background:#ffffff08;border-color:#ffffff0d}.arrow{transition:transform .25s}.cta-btn:hover .arrow{transform:translate(3px)}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.cta-btn:hover .btn-shine{left:100%}.project-overlay{opacity:0;pointer-events:none;background:linear-gradient(135deg,#006bdd0a,#00d9ff0a);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-overlay.active{opacity:1}.footer-section{padding-bottom:6rem;padding-left:1.5rem;padding-right:1.5rem}.footer-bounds{max-width:56rem;margin-left:auto;margin-right:auto}.footer-cta{-webkit-backdrop-filter:blur(20px);background:#ffffff03;border:1px solid #ffffff0f;border-radius:32px;padding:4rem 2rem;position:relative;overflow:hidden}.footer-inner-content{text-align:center;z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.footer-headline{letter-spacing:-.025em;color:#fff;text-align:center;margin-bottom:1rem;font-size:2.25rem;font-weight:900}.footer-subheadline{color:#9ca3af;text-align:center;max-width:42rem;margin-bottom:2rem;font-size:1.25rem;font-weight:300}.main-cta-btn{color:#fff;cursor:pointer;background:#006bdd;border:none;border-radius:50px;padding:1.15rem 2.75rem;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 10px 35px #006bdd59}.main-cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 45px #006bdd80}.main-cta-btn span{z-index:10;position:relative}.btn-bg{opacity:0;background:linear-gradient(135deg,#00d9ff,#006bdd);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.main-cta-btn:hover .btn-bg{opacity:1}.footer-glow{pointer-events:none;background:radial-gradient(circle,#006bdd24 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.glitch-text{font-size:clamp(24px,10vw,48px)}.header-subtitle{font-size:1.1rem}.stats-group{grid-template-columns:1fr;width:100%}.stat-card{width:100%;padding:1rem 1.5rem}.projects-grid{grid-template-columns:1fr}.project-card{border-radius:20px}.footer-cta{padding:3rem 1.25rem}.footer-headline{font-size:1.75rem}}