*{margin:0;padding:0;box-sizing:border-box}.sp-page{background:#0b0f17;color:#fff;font-family:Inter,system-ui,sans-serif}.sp-hero{position:relative;height:100vh;background-size:cover;background-position:50%;display:flex;align-items:center;overflow:hidden}.sp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,23,.95) 0,rgba(11,15,23,.85) 35%,rgba(11,15,23,.4) 65%,rgba(11,15,23,0));z-index:1}.sp-hero-content{position:relative;z-index:2;padding:0 10%;max-width:700px}.sp-hero-overlay{background:linear-gradient(90deg,rgba(11,15,23,.95) 0,rgba(11,15,23,.85) 35%,rgba(11,15,23,.4) 65%,rgba(11,15,23,0));width:100%;height:100%;display:flex;align-items:center}.sp-hero h1{font-size:64px;font-weight:700}.sp-hero p{opacity:.85;margin-bottom:40px;line-height:1.6}.sp-primary{padding:14px 32px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:.3s ease}.sp-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(59,130,246,.4)}.sp-secondary{padding:14px 32px;background:transparent;border:1px solid hsla(0,0%,100%,.4);border-radius:10px;cursor:pointer;transition:.3s ease}.sp-secondary:hover{background:hsla(0,0%,100%,.1)}.sp-section{padding:120px 10%;text-align:center}.sp-section h2{font-size:42px;margin-bottom:20px}.sp-section p{font-size:18px;opacity:.7}.sp-feature{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.sp-feature.reverse{direction:rtl}.sp-feature.reverse .sp-feature-text{direction:ltr}.sp-feature-text{display:flex;flex-direction:column;justify-content:center;padding:80px}.sp-feature-text h3{font-size:36px}.sp-feature-text p{font-size:17px;opacity:.7;line-height:1.6}.sp-cta{padding:150px 10%;text-align:center;background:radial-gradient(circle at center,rgba(59,130,246,.15),transparent 60%)}.sp-cta h2{font-size:48px;margin-bottom:40px}.sp-primary.large{padding:18px 50px;font-size:18px}@media (max-width:900px){.sp-hero h1{font-size:40px}.sp-hero p{font-size:16px}.sp-feature{grid-template-columns:1fr}.sp-feature-text{padding:40px 20px}.sp-section{padding:80px 6%}.sp-cta{padding:100px 6%}}.sp-hero-buttons{display:flex;gap:20px;margin-top:30px}.sp-hero h1{font-size:72px;line-height:1.05;letter-spacing:-1px;margin-bottom:20px}.sp-hero p{font-size:20px;margin-top:10px;margin-bottom:35px}.sp-primary{padding:16px 38px;font-size:16px;font-weight:700;letter-spacing:.5px;box-shadow:0 20px 50px rgba(59,130,246,.45)}.sp-primary:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(59,130,246,.6)}.sp-feature-image{position:relative;background-size:cover;background-position:50%}.sp-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(11,15,23,.85) 0,rgba(11,15,23,.6) 30%,rgba(11,15,23,.3) 55%,rgba(11,15,23,0) 80%)}.sp-feature-text{background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 50%),#0b0f17}.sp-feature,.sp-feature-text{position:relative}.sp-feature:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.sp-feature-image{transition:transform .8s ease}.sp-feature:hover .sp-feature-image{transform:scale(1.05)}.sp-feature-text h3{font-size:42px;line-height:1.1;margin-bottom:20px}.sp-feature-text p{font-size:18px;max-width:500px;opacity:.75}.sp-feature-image{mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent)}.sp-feature-text h3:after{content:"";display:block;width:60px;height:3px;margin-top:18px;background:linear-gradient(90deg,#3b82f6,#06b6d4)}.sp-feature-text{background:radial-gradient(circle at top right,rgba(59,130,246,.07),transparent 60%),#0b0f17}.sp-feature{border-top:1px solid hsla(0,0%,100%,.05)}@media (max-width:900px){.page{padding:50px 5%;gap:60px}.hero-title{font-size:36px;letter-spacing:1px;line-height:1.15}.hero-subtitle{font-size:15px}.hero-description{font-size:14px;line-height:1.5}.projects-header h2{font-size:26px}.games{grid-template-columns:1fr;gap:35px}.game-card{border-radius:16px}.game-image{height:200px}.game-content{padding:22px}.game-content h2{font-size:19px;line-height:1.2}.game-content p{font-size:14px;line-height:1.5}.project-btn{padding:12px 20px;font-size:14px}body{background:radial-gradient(circle at 50% 0,rgba(59,130,246,.12),transparent 50%),#0b0f17}}@media (hover:none){.game-card:hover,.game-card:hover .game-image{transform:none}}@media (max-width:900px){.sp-feature{display:flex;flex-direction:column}.sp-feature-image{width:100%;height:240px;mask-image:none;-webkit-mask-image:none}.sp-feature-image:after{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(11,15,23,.85))}.sp-feature-text{padding:40px 0 20px}.sp-feature-text h3{font-size:26px}.sp-feature-text p{font-size:15px}.sp-feature{display:flex!important;flex-direction:column!important}.sp-feature-image{width:100%!important;height:260px!important}.sp-feature-text{width:100%!important;padding:30px 0!important}.sp-hero h1{font-size:45px;line-height:1.25;letter-spacing:-.5px}.sp-hero p{font-size:15px;line-height:1.6;opacity:.85;max-width:95%}.sp-primary{font-size:14px;padding:14px 20px}.sp-hero{height:auto;min-height:85vh;padding:100px 0 70px;align-items:flex-end;padding-bottom:15px}.sp-hero-content{margin-top:auto}.sp-hero{align-items:flex-end;padding-bottom:80px}.sp-hero-content{transform:translateY(30px)}.sp-feature-text{width:100%;padding:45px 24px 35px;margin:0 auto}}