:root{--red:#2d83e8;--red2:#2443a6;--yellow:#ffc61a;--cyan:#30b8f2;--black:#0a1126;--panel:#111c3d;--white:#f7faff;--muted:#9aabd0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;background:#101b3de8;backdrop-filter:blur(14px);position:absolute;z-index:10;width:100%}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;font:900 18px Montserrat;background:var(--red);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);text-shadow:0 2px 8px #000}.brand b{font:900 17px Montserrat;letter-spacing:3px}.brand small{display:block;font-size:8px;letter-spacing:3.5px;color:#888;margin-top:2px}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#aaa;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1px;transition:.25s}.topbar nav a:hover{color:white}.live-pill{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff1c;border-radius:20px;padding:9px 13px;color:#bbb}.live-pill i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red);margin-right:7px;animation:pulse 1.4s infinite}
.hero{min-height:780px;position:relative;display:flex;align-items:center;padding:125px 7vw 55px;isolation:isolate}.hero-art{position:absolute;inset:0;background:url("assets/hero-games.png") center/cover no-repeat;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a1126f5 0%,#0a1126d6 36%,#2443a630 66%,#0a1126bd 100%),linear-gradient(0deg,#0a1126 0%,transparent 25%,#101b3d66 100%)}.hero:after{content:"";position:absolute;width:500px;height:500px;background:#2d83e828;filter:blur(100px);left:-200px;top:130px;z-index:-1}.hero-copy{width:48%;max-width:690px}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:#bbb;display:flex;align-items:center;gap:10px}.eyebrow span{width:36px;height:2px;background:var(--red);box-shadow:0 0 10px var(--red)}h1{font:900 clamp(48px,5.8vw,88px)/.98 Montserrat;margin:24px 0;text-shadow:0 5px 25px #000;letter-spacing:-3px}h1 em{font-style:normal;color:var(--red)}.hero-copy>p{max-width:575px;color:#b5b6bc;line-height:1.8;font-size:15px}.mini-features{display:flex;gap:23px;margin-top:30px;color:#d2d2d5;font-size:10px;letter-spacing:.8px;font-weight:700}.mini-features span::first-letter{color:var(--red)}
.login-card{width:390px;margin-left:auto;background:linear-gradient(145deg,#15244de8,#0a1126ed);border:1px solid #ffffff20;padding:30px 31px 25px;box-shadow:0 30px 80px #07102bcc,0 0 0 5px #1d3d8b40;backdrop-filter:blur(15px);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent)}.card-glow{position:absolute;width:180px;height:180px;background:#2d83e82b;filter:blur(40px);right:-80px;top:-80px}.login-head{display:flex;gap:15px;align-items:center;margin-bottom:25px}.login-icon{width:45px;height:45px;border:1px solid #30b8f25c;display:grid;place-items:center;background:#2d83e814}.login-icon svg,.input-wrap svg{width:20px;fill:none;stroke:var(--red);stroke-width:1.7}.login-head h2{font:800 19px Montserrat;letter-spacing:1px;margin:0 0 5px}.login-head p{margin:0;font-size:11px;color:#777}.login-card label{display:block;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#8d8e94;margin:14px 0 7px}.input-wrap{height:49px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#0a1126d9;border:1px solid #ffffff12;transition:.2s}.input-wrap:focus-within{border-color:#30b8f288;box-shadow:0 0 0 3px #2d83e81c}.input-wrap svg{width:17px;stroke:#75767c}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:white;font:12px Inter}.input-wrap input::placeholder{color:#4e4f55}.eye{border:0;background:none;color:#777;cursor:pointer}.form-meta{display:flex;align-items:center;justify-content:space-between;margin:16px 0}.form-meta a,.signup a{color:#d8d8da;text-decoration:none;font-size:9px}.remember{display:flex!important;align-items:center;gap:8px!important;margin:0!important;cursor:pointer}.remember input{display:none}.remember span{width:13px;height:13px;border:1px solid #555;display:inline-block}.remember input:checked+span{background:var(--red);box-shadow:inset 0 0 0 3px #111}.login-btn,.guest-btn{height:48px;width:100%;border:0;color:white;font:800 10px Inter;letter-spacing:1.8px;cursor:pointer;transition:.25s}.login-btn{background:linear-gradient(110deg,var(--red2),var(--red));box-shadow:0 10px 25px #2443a650}.login-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2d83e875}.login-btn span{font-size:17px;margin-left:10px}.guest-btn{background:#ffffff08;border:1px solid #ffffff17;color:#aaa}.guest-btn:hover{border-color:#ffffff55;color:white}.divider{height:38px;display:flex;align-items:center;color:#4d4e53;font-size:8px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#ffffff0d}.divider span{margin:0 12px}.signup{text-align:center!important;font-size:9px!important;margin:18px 0 0!important;color:#666!important}.signup a{color:var(--red)}.notice{display:none;margin-top:13px;padding:10px;background:#2d83e824;border:1px solid #30b8f25c;color:#a9ddff;font-size:10px}
.games{padding:85px 6vw 100px;background:radial-gradient(circle at 50% 120%,#2443a640,transparent 45%),#0a1126}.section-heading{max-width:1300px;margin:auto auto 42px;display:flex;justify-content:space-between;align-items:end}.section-heading span,.developer small{color:var(--red);font-size:9px;font-weight:800;letter-spacing:3px}.section-heading h2,.developer h2{font:900 34px Montserrat;margin:8px 0 0}.section-heading p{color:#777;font-size:12px;max-width:400px;line-height:1.6}.game-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.game-card{min-height:270px;background:linear-gradient(145deg,#14234a,#0d1733);border:1px solid #ffffff0c;padding:21px;position:relative;overflow:hidden;transition:.3s}.game-card:after{content:"";position:absolute;height:2px;bottom:0;left:0;width:0;background:var(--red);transition:.35s}.game-card:hover{transform:translateY(-7px);border-color:#30b8f25c}.game-card:hover:after{width:100%}.game-card>b{position:absolute;right:14px;top:12px;font:900 42px Montserrat;color:#ffffff06}.game-symbol{font-size:46px;color:white;height:75px;display:flex;align-items:center;text-shadow:0 0 25px #30b8f2a6}.tile{color:#eee}.cards{color:var(--red)}.ludo{color:#2d83e8;text-shadow:16px 8px 0 #fff,-2px 17px 0 #777}.game-card small{font-size:8px;color:var(--red);letter-spacing:2px;font-weight:800}.game-card h3{font:800 16px Montserrat;margin:8px 0 10px}.game-card p{font-size:10px;color:#6e6f75;line-height:1.7}.radio{background:linear-gradient(145deg,#142f6b,#0d1733)}
.developer{min-height:300px;padding:48px 8vw;display:flex;align-items:center;gap:35px;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;background:linear-gradient(90deg,#0a1126,#15244d,#0a1126)}.portrait-wrap{width:175px;height:175px;position:relative;flex:none}.portrait-wrap:before{content:"";position:absolute;inset:-5px;border:1px solid #30b8f278;transform:rotate(4deg)}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08);position:relative}.portrait-wrap span{position:absolute;inset:auto -10px -10px auto;width:45px;height:45px;border-right:3px solid var(--red);border-bottom:3px solid var(--red)}.developer>div:nth-child(2){max-width:580px}.developer p{color:#777;line-height:1.8;font-size:12px}.signature{font:900 clamp(55px,9vw,130px) Montserrat;margin-left:auto;color:#ffffff08;letter-spacing:-8px}.signature span{color:#ffc61a24}footer{min-height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;color:#4d4e53;font-size:8px;letter-spacing:1.7px}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--red)}}@media(max-width:950px){.topbar nav{display:none}.hero{flex-direction:column;align-items:flex-start;padding-top:130px}.hero-copy{width:100%}.login-card{margin:40px 0 0;width:min(100%,420px)}.game-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.signature{display:none}}@media(max-width:560px){.topbar{height:68px}.hero{padding:105px 20px 45px}.hero-art{background-position:65% center;opacity:.6}h1{font-size:43px;letter-spacing:-2px}.mini-features{flex-wrap:wrap;gap:12px}.login-card{padding:25px 20px}.live-pill{font-size:8px}.games{padding:65px 20px}.game-grid{grid-template-columns:1fr}.game-card{min-height:220px}.developer{padding:50px 25px;flex-direction:column;text-align:center}.section-heading h2,.developer h2{font-size:27px}.portrait-wrap{width:150px;height:150px}footer{flex-direction:column;justify-content:center;gap:10px;text-align:center}}

/* Mavi-sarı tema */
.brand-mark{background:linear-gradient(145deg,var(--yellow),#f39b12);color:#101b3d;text-shadow:none;box-shadow:0 0 22px #ffc61a55}.brand b{color:var(--yellow);text-shadow:0 0 15px #ffc61a55}.live-pill i{background:var(--yellow);box-shadow:0 0 12px var(--yellow)}h1 em,.section-heading span,.developer small{color:var(--yellow)}.eyebrow span,.login-card:before,.game-card:after{background:linear-gradient(90deg,var(--cyan),var(--yellow))}.login-btn{background:linear-gradient(110deg,#2443a6,#2d83e8);box-shadow:0 10px 25px #2443a655}.login-btn:hover{box-shadow:0 14px 32px #2d83e888}.guest-btn{background:#dcecff10;border-color:#9ed8ff33}.game-card small{color:var(--cyan)}.game-card.radio{background:linear-gradient(145deg,#183e85,#101b3d)}.game-symbol.cards{color:var(--yellow)}.game-symbol.ludo{color:#2d83e8;text-shadow:16px 8px 0 #ffc61a,-2px 17px 0 #30b8f2}.portrait-wrap:before{border-color:#30b8f288}.portrait-wrap span{border-color:var(--yellow)}.signup a{color:var(--yellow)}.notice{color:#bde7ff}