@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--navy:#071a3d;--blue:#123a7a;--ivory:#f7f4eb;--coral:#df5d4e;--mist:#c8d7ec;--line:rgba(247,244,235,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ivory);font-family:Outfit,Arial,sans-serif}.topbar{height:72px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;left:0;right:0}.brand img{width:122px;max-height:45px;filter:brightness(0) invert(1)}nav{display:flex;gap:24px}nav a{color:var(--ivory);font-size:.9rem;text-decoration:none}.hero{min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:120px clamp(22px,10vw,144px)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;animation:slowzoom 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,61,.95) 0%,rgba(7,26,61,.72) 35%,rgba(7,26,61,.05) 75%);z-index:-2}.hero-copy{max-width:590px;animation:rise .8s ease-out}.eyebrow{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.13em;color:#b6c9e4;margin:0 0 16px}.hero h1,h2,h3{letter-spacing:-.045em}.hero h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.91;margin:0 0 22px}.hero-copy>p:not(.eyebrow){font-size:1.12rem;line-height:1.65;max-width:460px;color:var(--mist)}.hero-cta{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;margin-top:12px;color:var(--navy);background:var(--ivory);border-radius:10px;text-decoration:none;font-weight:700}.hero-cta span{font-size:1.3rem}.hero-orbit{position:absolute;border:1px solid rgba(247,244,235,.3);border-radius:50%;z-index:-1}.orbit-one{width:550px;height:550px;right:-200px;bottom:-210px;animation:float 10s ease-in-out infinite}.orbit-two{width:280px;height:280px;right:5%;top:16%;animation:float 8s ease-in-out infinite reverse}.section{padding:clamp(70px,10vw,140px) clamp(22px,10vw,144px)}.section-intro{max-width:560px}.section h2{font-size:clamp(2.4rem,5vw,5.4rem);line-height:.96;margin:0 0 18px}.section-intro>p:last-child,.feature-copy>p:last-child,.media-section p{line-height:1.7;color:var(--mist);max-width:560px}.play-section{background:#0b2350}.play-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px;margin-top:50px}.game-card{min-height:340px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.game-no{font-family:'DM Mono';color:#a7bfe2;font-size:.78rem}.game-card h3{font-size:1.6rem;line-height:1;margin:45px 0 18px}.question{font-size:1.02rem;color:var(--mist)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.answers button,.vote-options button{font:inherit;color:var(--ivory);background:transparent;border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer;text-align:left}.answers button:hover,.vote-options button:hover,.vote-options .selected{background:var(--coral);border-color:var(--coral)}.feedback{font-size:.9rem;min-height:24px}.good{color:#c4e6be}.try{color:#ffb9ad}.wheel-wrap{display:grid;place-items:center;padding:12px}.wheel{width:142px;height:142px;border-radius:50%;border:9px solid var(--ivory);background:conic-gradient(var(--coral) 0 25%,#a7bfe2 25% 50%,var(--blue) 50% 75%,#5f89b8 75%);color:var(--navy);font:600 .75rem 'DM Mono';cursor:pointer;transition:transform 1.25s cubic-bezier(.18,.75,.17,1);position:relative}.wheel span{display:grid;place-items:center;background:var(--ivory);border-radius:50%;width:58px;height:58px;margin:auto}.wheel-card p{text-align:center;color:var(--mist);font-size:.9rem}.vote-options{display:grid;gap:8px}.vote-options button{display:flex;justify-content:space-between}.feature-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.flip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.flip-card{height:155px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ivory);font:700 clamp(1.3rem,3vw,2.3rem) Outfit;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .55s}.flip-card span{display:grid;place-items:center;position:absolute;inset:0;backface-visibility:hidden}.flip-back{background:var(--coral);border-radius:13px;transform:rotateY(180deg)}.flipped{transform:rotateY(180deg)}.gallery-section{background:var(--ivory);color:var(--navy)}.gallery-section .eyebrow{color:#49678f}.gallery-head{margin-bottom:45px}.word-gallery{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:14px}.word-tile{min-height:340px;padding:24px;border-radius:16px;display:flex;flex-direction:column;justify-content:end;overflow:hidden;position:relative;color:var(--ivory);background-size:cover;background-position:center}.word-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,44,.85),rgba(4,17,44,.03))}.word-tile>*{position:relative}.word-tile span{font-size:clamp(2.2rem,5vw,4.7rem);font-weight:800;letter-spacing:-.06em}.word-tile small{margin-top:9px;color:#d8e0ec}.yakamoz{background-image:url('assets/turkce-hero.png');background-position:80%}.gonul{background:linear-gradient(145deg,#254b89,#d96a62)}.sefkat{background:linear-gradient(145deg,#4b79a1,#243b70)}.history-section{background:#0b2350}.history-section>h2{max-width:600px}.timeline{padding:0;margin:65px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline li{padding:25px 23px 0;border-top:1px solid rgba(247,244,235,.45);position:relative}.timeline li:before{content:'';width:11px;height:11px;border-radius:50%;background:var(--coral);position:absolute;top:-6px;left:0}.timeline b{display:block;font-size:1.25rem;margin-bottom:12px}.timeline span{line-height:1.6;color:var(--mist);font-size:.92rem}.media-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media-placeholder{min-height:270px;border-radius:16px;background:linear-gradient(145deg,#1c4d8e,#101e4f);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px var(--line)}.media-placeholder span{font-size:3rem;color:var(--coral)}.media-placeholder p{color:var(--ivory);font-size:1.35rem;margin:8px 0 3px}.media-placeholder small{color:var(--mist)}footer{overflow:hidden;background:var(--coral);color:var(--ivory);font-family:'DM Mono';font-size:.72rem;letter-spacing:.04em;white-space:nowrap}.ticker{display:inline-block;padding:16px 0;animation:ticker 25s linear infinite}.ticker a{color:inherit}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes slowzoom{to{transform:scale(1.08)}}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-18px)}}@media(max-width:850px){nav{display:none}.hero{padding:110px 24px 70px;align-items:end}.hero-shade{background:linear-gradient(0deg,rgba(7,26,61,.98),rgba(7,26,61,.2) 75%)}.play-grid,.feature-section,.media-section{grid-template-columns:1fr}.feature-section,.media-section{gap:36px}.word-gallery{grid-template-columns:1fr}.word-tile{min-height:220px}.timeline{grid-template-columns:1fr;gap:25px}.timeline li{padding-left:20px}.timeline li:before{top:0}.section{padding:75px 24px}.game-card{min-height:auto}.topbar{padding:0 24px}.hero h1{font-size:clamp(3.1rem,14vw,4.7rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}