:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--color-bg: #ffffff;--color-text: #000000;--color-border: #000000;--border-width: 2px;--border-radius: 0px;--section-gap: 80px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0;margin:0}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background-color:var(--color-text);color:var(--color-bg);font-weight:700;font-size:16px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:.05em}.btn:hover{background-color:var(--color-bg);color:var(--color-text);transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--color-border)}.btn-outline{background-color:transparent;color:var(--color-text)}.btn-outline:hover{background-color:var(--color-text);color:var(--color-bg);transform:translate(-4px,-4px);box-shadow:4px 4px 0 var(--color-border)}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.section{padding:var(--section-gap) 0}.navbar{position:sticky;top:0;z-index:1000;background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border);padding:16px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-text{font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:-.05em}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.nav-links a:hover{text-decoration:underline}.mobile-menu-btn{display:none}.hero{border-bottom:var(--border-width) solid var(--color-border);padding:100px 0;background:radial-gradient(circle at 50% 50%,#f7f7f7 1px,transparent 1px);background-size:20px 20px}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero-title{font-size:64px;line-height:.95;margin-bottom:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title .highlight{color:transparent;-webkit-text-stroke:2px var(--color-text);display:block}.hero-subtitle{font-size:20px;color:#555;margin-bottom:40px;max-width:480px}.hero-actions{display:flex;gap:16px}.browser-mockup{background:#fff;border:var(--border-width) solid var(--color-border);aspect-ratio:4/3;width:100%;max-width:500px;display:flex;flex-direction:column;box-shadow:12px 12px #0000001a;overflow:hidden;position:relative}.browser-header{height:32px;background:#f0f0f0;border-bottom:var(--border-width) solid var(--color-border);display:flex;align-items:center;padding:0 12px;gap:6px}.dot{width:10px;height:10px;border-radius:50%;border:1px solid #000;background:#fff}.dot:first-child{background:#000}.browser-content{flex:1;position:relative;overflow:hidden;background:#fff}.website-skeleton{padding:20px;animation:scrollContent 4s linear infinite}.skeleton-hero{width:100%;height:120px;background:#eee;margin-bottom:20px;border:1px solid #000}.skeleton-text{height:12px;background:#eee;margin-bottom:10px;width:100%}.skeleton-text.short{width:60%}.skeleton-media{width:100%;height:80px;background:#eee;margin-top:20px;margin-bottom:20px;border:1px solid #000}.overlay-animate{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;align-items:center;justify-content:center;animation:slideOverlay 4s cubic-bezier(.8,0,.2,1) infinite;border-bottom:var(--border-width) solid var(--color-border)}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px}.overlay-brand{font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:-.02em}.overlay-message{font-size:10px;color:#666;text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.game-animate{border:2px solid #000;padding:20px;background:#fff;animation:gameAppear 4s ease infinite}.game-keypad{display:grid;grid-template-columns:repeat(3,16px);gap:4px}.key{width:16px;height:16px;background:#000}@keyframes scrollContent{0%,15%{transform:translateY(0)}35%,to{transform:translateY(-100px)}}@keyframes slideOverlay{0%,30%{transform:translateY(-100%)}40%,90%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes gameAppear{0%,40%{opacity:0;transform:scale(.8)}45%,90%{opacity:1;transform:scale(1)}95%,to{opacity:0;transform:scale(.8)}}.features-section{background:#000;color:#fff;padding:100px 0}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-item h3{font-size:48px;margin-bottom:24px;line-height:1.1;color:#fff}.feature-item p{font-size:20px;color:#ccc;line-height:1.6;max-width:480px}.feature-item strong{color:#fff;text-decoration:underline;text-decoration-thickness:2px}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{font-size:40px;margin-bottom:16px}.section-header p{font-size:18px;color:#666}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.game-card{border:var(--border-width) solid var(--color-border);background:#fff;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:relative}.game-card:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--color-text)}.game-card-image-placeholder{height:180px;background:#f0f0f0;border-bottom:var(--border-width) solid var(--color-border);position:relative}.game-card-image-placeholder:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#ddd;border-radius:50%}.game-card-content{padding:24px}.game-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.game-card h3{font-size:20px}.badge{font-size:10px;font-weight:800;text-transform:uppercase;background:#000;color:#fff;padding:4px 8px;border-radius:20px}.game-card p{color:#666;font-size:15px}.steps-section{background:#000;color:#fff}.steps-section h2,.steps-section p{color:#fff}.steps-section .section-header p{color:#ccc}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.step-card{border:1px solid #333;padding:32px;background:#111;position:relative}.step-number{font-size:64px;font-weight:800;color:#333;line-height:1;margin-bottom:16px}.step-card h3{margin-bottom:12px;font-size:24px}.step-card p{color:#aaa;font-size:16px}.footer{padding:80px 0 40px;border-top:var(--border-width) solid var(--color-border)}.footer-container{display:flex;justify-content:space-between;margin-bottom:60px}.footer-brand h4{font-size:24px;margin-bottom:12px}.footer-brand p{color:#666;max-width:300px}.footer-links{display:flex;gap:60px}.link-col{display:flex;flex-direction:column;gap:12px}.link-col h5{color:#999;margin-bottom:8px;font-size:12px}.link-col a{font-weight:600;font-size:14px}.copyright{text-align:center;color:#999;font-size:14px;border-top:1px solid #eee;padding-top:24px}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:40px}.hero-subtitle{margin:0 auto 30px}.hero-actions{justify-content:center}.nav-links{display:none}.steps-grid{grid-template-columns:1fr}.footer-container{flex-direction:column;gap:40px}}