*{box-sizing:border-box;margin:0;padding:0}body{color:#eaeaf0;background:#0b0f1a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}section{padding:5rem 8%}h1,h2,h3{margin-bottom:1rem;font-weight:700}h2{text-align:center;font-size:2.2rem}p{opacity:.85}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6d5cff,#9b5cff);border:none;border-radius:999px;padding:.9rem 1.8rem;font-size:1rem}button:hover{transition:all .2s;transform:scale(1.05)}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:3rem;display:grid}.card{background:#12172a;border-radius:1.2rem;padding:2rem;transition:transform .3s;box-shadow:0 10px 40px #0000004d}.card:hover{transform:translateY(-10px)}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-video{object-fit:cover;filter:brightness(.4);width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero h1{font-size:4.5rem}.hero p{margin-top:1rem;font-size:1.4rem}.cta{text-align:center;background:linear-gradient(135deg,#6d5cff,#9b5cff);border-radius:2rem;margin:5rem 8%}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.portfolio-card{cursor:pointer;border-radius:1.5rem;position:relative;overflow:hidden}.portfolio-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.portfolio-overlay{color:#fff;opacity:0;background:linear-gradient(#0000001a,#000000d9);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover img{transform:scale(1.1)}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{margin-bottom:.5rem}.modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#111;border-radius:1.5rem;max-width:90%;max-height:90%;animation:.35s scaleIn;position:relative;overflow:hidden}.modal-content img{object-fit:contain;width:100%;max-height:70vh;display:block}.modal-text{color:#fff;padding:1.5rem}.modal-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;padding:.3rem .7rem;font-size:1.5rem;position:absolute;top:1rem;right:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}