.appRoot{min-height:100vh}.appRoot .appMain{width:100%}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a0b14cc;border-bottom:1px solid var(--border)}.header__container{height:72px;display:flex;align-items:center;justify-content:flex-start;justify-items:start}.header__logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:-.02em;transition:opacity .2s}.header__logo:hover{opacity:.9}.header__logo-icon{width:38px;height:auto}.hero{padding:120px 0 80px}.hero__content{max-width:880px;margin:0 auto;text-align:center}.hero__title{font-size:clamp(48px,8vw,92px);font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:28px}.hero__gradient{background:linear-gradient(135deg,#fff,#a78bfa 40%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__description{max-width:820px;margin:0 auto;font-size:18px;line-height:1.75;color:var(--text-muted)}@media(max-width:768px){.hero{padding:80px 0 60px}}.games-section{padding:100px 0}.games-section__grid{display:grid;gap:48px}.section-header{margin-bottom:48px;text-align:center}.section-header__title{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.section-header__description{max-width:900px;margin:0 auto;font-size:16px;line-height:1.7;color:var(--text-muted)}.showcase{display:grid;grid-template-columns:auto auto;gap:40px;align-items:center;padding:32px;border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--surface);box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;width:750px;justify-self:center}.showcase--reverse{grid-template-columns:.9fr 1.1fr}.showcase--reverse .showcase__preview{order:2}.showcase__preview{position:relative;width:fit-content;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0000004d}.preview{position:relative;width:fit-content;overflow:hidden}.preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);opacity:.6;pointer-events:none}.showcase__content{padding:24px 12px;display:flex;flex-direction:column;justify-content:center}.showcase__title{font-size:clamp(38px,5vw,62px);font-weight:800;line-height:.96;letter-spacing:-.04em;margin-bottom:20px}.showcase__description{font-size:17px;line-height:1.7;color:var(--text-muted);margin-bottom:28px}.showcase__links{display:flex;gap:12px;flex-wrap:wrap}.showcase__link{padding:12px 20px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:600;transition:all .2s}.showcase__link:hover{background:#ffffff1f}@media(max-width:900px){.showcase{width:100%;justify-items:center}.showcase,.showcase--reverse{grid-template-columns:1fr}.showcase--reverse .showcase__preview{order:0}.showcase__preview,.preview{min-height:360px}}@media(max-width:640px){.showcase{padding:20px;border-radius:var(--radius-lg);width:100%}.showcase__content{padding:16px 4px}}.preview--image{display:flex;align-items:center;justify-content:center;background:#0000001f}.preview__image{width:14rem;height:auto;object-fit:cover;display:block}.about{padding:100px 0}.about__card{max-width:640px;padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md)}.about__card{margin:0 auto;text-align:center}.about__name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;color:inherit}.about__avatar{width:88px;height:88px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 16px 48px #8b5cf64d;display:grid;place-items:center;font-size:42px;font-weight:800;color:#fff;margin-bottom:24px}.about__title{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.about__text{font-size:16px;line-height:1.75;color:var(--text-muted)}.footerRoot{padding:32px 0;color:var(--muted);font-size:14px}.footerRoot .footerInner{display:flex;justify-content:center;align-items:center;text-align:center}.footerRoot .footerTexte{color:var(--muted)}:root{color-scheme:dark;--bg: #0a0b14;--bg-soft: #13151f;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text: #f8fafc;--text-muted: #94a3b8;--text-dimmed: #64748b;--primary: #8b5cf6;--primary-light: #a78bfa;--secondary: #06b6d4;--accent: #f43f5e;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--container-max: 920px;--container-padding: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(139,92,246,.15),transparent),radial-gradient(ellipse 60% 50% at 80% 50%,rgba(6,182,212,.1),transparent),radial-gradient(ellipse 100% 80% at 50% 100%,rgba(244,63,94,.08),transparent),var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s ease}button{font:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}.container{width:min(var(--container-max),calc(100% - var(--container-padding)));margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){:root{--container-padding: 32px}}