*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:linear-gradient(#050816 0%,#071225 100%);font-family:Inter,Arial,sans-serif;overflow-x:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:auto;padding:0 8%}.hero{text-align:center;padding:120px 8% 80px}.badge{color:#2f80ff;background:#2f80ff1f;border:1px solid #2f80ff33;border-radius:999px;margin-bottom:20px;padding:10px 18px;display:inline-block}.hero h1{margin-bottom:20px;font-size:clamp(3rem,6vw,5rem)}.hero p{color:#b8c0d6;max-width:750px;margin:auto;line-height:1.8}.featured-case{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px 8%;display:grid}.featured-left span{color:#2f80ff;font-size:.95rem}.featured-left h2{margin:15px 0;font-size:3rem}.featured-left p{color:#b8c0d6;margin-bottom:25px;line-height:1.8}.featured-left ul{list-style:none}.featured-left li{color:#e5e7eb;margin-bottom:14px}.featured-left li:before{content:"✓ ";color:#2f80ff}.mock-card{background:linear-gradient(135deg,#0d1528,#102449);border:1px solid #ffffff14;border-radius:24px;padding:20px;box-shadow:0 20px 50px #0000004d}.preview-image{border-radius:18px;width:100%;display:block}.screenshots{text-align:center;background:#ffffff05;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:100px 8%}.screenshots h2{margin-bottom:40px;font-size:2.5rem}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.gallery-image{cursor:pointer;border:1px solid #ffffff14;border-radius:18px;width:100%;transition:all .3s}.gallery-image:hover{transform:translateY(-6px)}.features{padding:100px 8%}.features h2{text-align:center;margin-bottom:50px;font-size:2.5rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.project-card{background:#0d1528;border:1px solid #ffffff14;border-radius:20px;padding:30px;transition:all .3s}.project-card:hover{transform:translateY(-5px)}.project-card h3{color:#2f80ff;margin-bottom:15px}.project-card p{color:#b8c0d6;line-height:1.7}.stats{grid-template-columns:repeat(4,1fr);gap:20px;padding:100px 8%;display:grid}.stat{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border-radius:20px;padding:35px}.stat h3{color:#2f80ff;margin-bottom:10px;font-size:2rem}.lightbox{z-index:9999;background:#000000f2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.active{display:flex}#lightboxImg{border-radius:16px;max-width:90%;max-height:90%}#imageCounter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;padding:8px 14px;font-size:.9rem;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#prevBtn,#nextBtn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;position:absolute;top:50%;transform:translateY(-50%)}#prevBtn{left:30px}#nextBtn{right:30px}#closeBtn{cursor:pointer;color:#fff;font-size:40px;position:absolute;top:25px;right:35px}@media (width<=900px){.featured-case{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats{grid-template-columns:1fr}.hero{padding-top:90px}.featured-left h2{font-size:2.2rem}}.top-bar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050816d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 8%;display:flex;position:sticky;top:0}.back-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;transition:all .3s;display:inline-flex}.back-icon{font-size:18px}.back-text{font-size:14px;font-weight:600}@media (width<=768px){.back-text{display:none}.back-btn{border-radius:50%;justify-content:center;width:42px;height:42px;padding:0}}.back-btn:hover{border-color:#2f80ff59;transform:translateY(-2px);box-shadow:0 10px 25px #2f80ff26}.project-name{color:#2f80ff;font-weight:600}.cta{text-align:center;background:linear-gradient(135deg,#2f80ff14,#2f80ff05);border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;padding:120px 8%}.cta h2{color:#fff;margin-bottom:20px;font-size:clamp(2rem,5vw,3rem)}.cta p{color:#b8c0d6;max-width:700px;margin:0 auto 35px;line-height:1.8}.cta-btn{color:#fff;background:#2f80ff;border-radius:50px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 30px #2f80ff40}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #2f80ff59}@media (width<=768px){.cta{padding:90px 5%}.cta h2{font-size:2rem}}.footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:80px;padding:80px 8%}.footer h3{margin-bottom:15px}.footer p{color:#b8c0d6;margin-bottom:25px}