*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;color:#e5e7eb;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08),transparent 40%),#0b0f17}.page{min-height:100vh;padding:100px 10%;display:flex;flex-direction:column;gap:70px}.hero{max-width:800px}.hero-title{font-size:64px;font-weight:700;letter-spacing:4px;background:linear-gradient(90deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{margin-top:20px;font-size:20px;opacity:.85}.hero-subtitle span{color:#3b82f6;font-weight:600}.hero-description{margin-top:20px;font-size:18px;opacity:.7;line-height:1.6;max-width:600px}.projects-section{display:flex;flex-direction:column;gap:50px}.projects-header{max-width:600px}.projects-header h2{font-size:42px;font-weight:600;position:relative;display:inline-block;margin-bottom:20px}.projects-header h2:after{content:"";position:absolute;left:0;bottom:-8px;width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4)}.projects-header p{font-size:16px;opacity:.7;line-height:1.6}.games{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px;max-width:1100px}.game-card{background:hsla(0,0%,100%,.03);border-radius:20px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);transition:all .4s ease}.game-card:hover{transform:translateY(-8px);border-color:rgba(59,130,246,.6)}.game-image{height:320px;background-size:cover;background-position:50%;position:relative}.game-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(11,15,23,.65))}.game-content{padding:32px}.game-content h2{font-size:24px;margin-bottom:15px}.game-content p{font-size:15px;opacity:.7;line-height:1.6;margin-bottom:22px}.game-content button{padding:10px 22px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:.3s ease}.game-content button:hover{opacity:.85}@media (max-width:900px){.page{padding:70px 6%;gap:50px}.hero-title{font-size:42px;letter-spacing:2px}.hero-subtitle{font-size:16px}.hero-description{font-size:15px}.projects-header h2{font-size:30px}.games{grid-template-columns:1fr;gap:30px}.game-image{height:220px}.game-content{padding:24px}.game-content h2{font-size:20px}.game-content p{font-size:14px}}.game-content button{padding:11px 24px;border-radius:10px;font-weight:600;letter-spacing:.5px;box-shadow:0 8px 20px rgba(59,130,246,.25)}.game-content button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(59,130,246,.35)}.game-image{transition:transform .6s ease}.game-card:hover .game-image{transform:scale(1.05)}.game-content h2{font-size:26px;font-weight:600;letter-spacing:.5px}.project-btn{display:inline-block;padding:12px 26px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:8px;color:#fff;font-weight:600;text-decoration:none;transition:.3s ease}.project-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(59,130,246,.4)}