:root{--bg-deep: #0A0A0F;--bg-card: #0E0E16;--bg-elevated: #16161F;--text-primary: #E8E4DF;--text-secondary: #8A8580;--text-dim: #3A3830;--accent-gold: #D4A853;--accent-gold-20: rgba(212, 168, 83, .2);--accent-gold-08: rgba(212, 168, 83, .08);--border-subtle: #1A1A26;--border-mid: #252535;--font-display: "DM Serif Display", serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-cinema: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}body:after{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.custom-cursor{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;background-color:var(--accent-gold);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s var(--ease-smooth),height .25s var(--ease-smooth),opacity .25s var(--ease-smooth);box-shadow:0 0 18px #d4a85359,0 0 6px #d4a85380}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:4px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fbf;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-bottom:1px solid var(--border-subtle)}.header-inner{max-width:1400px;margin:0 auto;padding:0 3rem;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);letter-spacing:.06em}.lang-btn{background:transparent;border:1px solid var(--border-mid);color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 16px;cursor:pointer;transition:border-color .25s var(--ease-smooth),color .25s var(--ease-smooth)}.lang-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.main-content{padding-top:64px;max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}.hero-section{min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 0 5rem;border-bottom:1px solid var(--border-subtle)}.hero-eyebrow{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:fadeUp .8s var(--ease-cinema) .1s both}.badge{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--accent-gold);border:1px solid var(--accent-gold-20);padding:5px 14px}.gold-line{height:1px;width:0;background:linear-gradient(to right,var(--accent-gold),transparent);animation:expandLine 1.2s var(--ease-cinema) .5s both}@keyframes expandLine{to{width:120px}}.main-title{font-family:var(--font-display);font-size:clamp(4.5rem,11vw,9.5rem);line-height:.9;letter-spacing:-.02em;margin-bottom:2.5rem}.title-word{display:block}.title-word--1{color:var(--text-primary);animation:fadeUp .9s var(--ease-cinema) .2s both}.title-word--2{animation:fadeUp .9s var(--ease-cinema) .35s both}.text-accent{color:var(--accent-gold);font-style:italic}.subtitle{font-family:var(--font-body);font-weight:300;font-size:clamp(1rem,2.2vw,1.4rem);color:var(--text-secondary);max-width:540px;line-height:1.7;animation:fadeUp .9s var(--ease-cinema) .5s both}.games-list{padding:3rem 0 0}.game-card{display:grid;grid-template-columns:1fr 1fr;gap:0;text-decoration:none;color:inherit;position:relative;border-bottom:1px solid var(--border-subtle);min-height:420px;overflow:hidden;opacity:0;transform:translateY(50px);transition:opacity .8s var(--ease-cinema),transform .8s var(--ease-cinema)}.game-card.in-view{opacity:1;transform:translateY(0)}.game-card:nth-child(2n){direction:rtl}.game-card:nth-child(2n)>*{direction:ltr}.game-card:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .5s var(--ease-smooth)}.game-card:hover:after{border-color:var(--accent-primary, var(--accent-gold));opacity:.4}.card-visual{position:relative;overflow:hidden;background:var(--bg-card);min-height:420px}.game-image-placeholder{position:absolute;inset:0;z-index:1}.game-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;filter:saturate(.6) brightness(.7);transform:scale(1.04);transition:filter .8s var(--ease-cinema),transform .8s var(--ease-cinema)}.game-card:hover .game-image{filter:saturate(1.1) brightness(.9);transform:scale(1)}.card-visual-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(105deg,#0a0a0f00 40%,#0a0a0fb3);transition:opacity .6s var(--ease-smooth)}.game-card:nth-child(2n) .card-visual-overlay{background:linear-gradient(-105deg,#0a0a0f00 40%,#0a0a0fb3)}.card-visual:before{content:"";position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse at 60% 50%,rgba(var(--accent-rgb, 212, 168, 83),.1) 0%,transparent 70%);opacity:0;transition:opacity .6s var(--ease-smooth)}.game-card:hover .card-visual:before{opacity:1}.card-info{display:flex;flex-direction:column;justify-content:center;padding:3.5rem 3rem 3.5rem 4rem;background:var(--bg-card);position:relative;overflow:hidden;border-left:1px solid var(--border-subtle);transition:background .5s var(--ease-smooth)}.game-card:hover .card-info{background:var(--bg-elevated)}.game-card:nth-child(2n) .card-info{padding:3.5rem 4rem 3.5rem 3rem;border-left:none;border-right:1px solid var(--border-subtle)}.card-number{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.25em;color:var(--accent-gold);text-transform:uppercase;margin-bottom:1.2rem;display:block}.game-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1.2rem;transition:color .3s var(--ease-smooth)}.game-card:hover .game-title{color:#fff}.game-desc{font-family:var(--font-body);font-weight:300;font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;max-width:400px}.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.game-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border:1px solid var(--border-mid);color:var(--text-secondary);transition:border-color .3s var(--ease-smooth),color .3s var(--ease-smooth)}.game-card:hover .game-tag{border-color:var(--accent-primary, var(--accent-gold));color:var(--text-primary)}.card-cta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-gold);opacity:0;transform:translate(-12px);transition:opacity .4s var(--ease-cinema),transform .4s var(--ease-cinema)}.game-card:hover .card-cta{opacity:1;transform:translate(0)}.card-cta svg{width:18px;height:18px;transition:transform .3s var(--ease-smooth)}.game-card:hover .card-cta svg{transform:translate(4px)}.footer{max-width:1400px;margin:0 auto;padding:3rem;text-align:center}.footer-line{width:80px;height:1px;background:linear-gradient(to right,transparent,var(--accent-gold),transparent);margin:0 auto 2rem}.footer p{font-family:var(--font-mono);font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.header-inner,.main-content,.footer{padding-left:2rem;padding-right:2rem}}@media(max-width:900px){.game-card{grid-template-columns:1fr;min-height:unset}.game-card:nth-child(2n){direction:ltr}.card-visual{min-height:260px}.card-info{padding:2.5rem 2rem;border-left:none;border-top:1px solid var(--border-subtle)}.game-card:nth-child(2n) .card-info{padding:2.5rem 2rem;border-right:none;border-top:1px solid var(--border-subtle)}.card-visual-overlay,.game-card:nth-child(2n) .card-visual-overlay{background:linear-gradient(to bottom,transparent 50%,rgba(10,10,15,.6) 100%)}}@media(max-width:600px){.header-inner,.main-content,.footer{padding-left:1.25rem;padding-right:1.25rem}.main-title{font-size:clamp(3.5rem,16vw,5rem)}.hero-section{min-height:70vh;padding:4rem 0 3rem}.card-visual{min-height:200px}.card-info{padding:2rem 1.5rem}}@media(pointer:coarse){body{cursor:auto}.card-cta{opacity:1;transform:translate(0)}}
