@font-face{font-family:Gokkut;src:url('/site-assets/regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Gokkut;src:url('/site-assets/bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--paper:#f5f6f7;--muted:#adbfc1;--yellow:#f3c24a;--edge:#35716f;--dark:#0a2022}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--paper);font-family:Gokkut,Arial,sans-serif}body{background:#688548;min-height:100svh}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#0001 0%,transparent 55%,#031a2280 100%),url('/site-assets/steppe.png') center center/cover no-repeat}
.site-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(290px,1.1fr) minmax(360px,1fr) minmax(260px,.85fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,4vw,80px);max-width:1760px;padding:28px 40px 260px;margin:auto;min-height:calc(100svh - 50px);align-items:start}.brand{grid-column:2;grid-row:1;display:flex;gap:16px;align-items:center;justify-content:center;margin-bottom:22px;filter:drop-shadow(0 3px 12px #00191a99)}.brand img{width:80px;height:80px}.brand h1{margin:0;font-size:clamp(36px,4vw,66px);letter-spacing:-1.5px;line-height:1.12;font-weight:900}.brand p{margin:5px 0 0;font-size:clamp(11px,1.1vw,17px);font-weight:700;white-space:nowrap}.panel{background:linear-gradient(145deg,#102b2de8,#061a1cf5);border:1px solid #2b8c8b;border-radius:14px;box-shadow:0 12px 24px #00151940;color:var(--paper)}.mobile-preview{grid-column:1;grid-row:1/3;padding-top:50px}.phone{position:relative;border:5px solid #131619;border-radius:34px;background:#070d10;padding:8px;box-shadow:0 2px 0 2px #aaa,0 12px 25px #001a2080;aspect-ratio:2.12;overflow:hidden}.phone-screen{height:100%;width:100%;position:relative;border-radius:22px;overflow:hidden}.phone-camera{position:absolute;left:10px;top:35%;width:9px;height:28%;background:#020404;border-radius:9px;z-index:4}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}.slide.active{opacity:1}.preview-controls{display:flex;justify-content:center;gap:12px;margin:17px 0 6px}.dot{height:12px;width:12px;padding:0;border:0;border-radius:50%;background:#235d64}.dot.active{background:var(--yellow)}.preview-caption{text-align:center;font-size:13px;color:#f4f5e9;text-shadow:0 1px 4px #000;margin:0 0 20px}.download{max-width:440px;margin:auto;padding:17px}.download h2{font-size:19px;letter-spacing:1px;margin:0 0 14px;text-align:center}.store-row{display:flex;gap:10px}.store{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:15px 8px;min-height:72px;color:var(--paper);background:#081c20;border:1px solid #309d95;border-radius:9px;text-decoration:none}.store svg{width:31px;height:35px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.store strong{display:block;font-size:20px}.store small{display:block;font-size:10px;color:var(--yellow);margin-top:3px;white-space:nowrap}.store.ios{color:#a9b3b7;border-color:#51656b}.ios svg{fill:currentColor;stroke:none}.ios small{color:#a9b3b7}.soon{position:absolute;right:-1px;top:-8px;padding:4px 13px;background:var(--yellow);color:#112021;font-weight:700;font-size:11px;border-radius:4px 4px 0 4px}.download>p{font-size:12px;color:var(--muted);margin-bottom:0}.login{grid-column:2;grid-row:2;padding:20px 26px}.tabs{display:flex;margin-bottom:22px;border-bottom:2px solid #284345}.tabs button{flex:1;padding:0 0 14px;background:none;border:0;color:var(--muted);font-size:21px;font-weight:700;position:relative}.tabs button.selected{color:white}.tabs button.selected:after{content:"";position:absolute;bottom:-2px;left:4%;right:4%;height:3px;border-radius:3px;background:var(--yellow)}label{display:block;font-size:14px;font-weight:700;margin:0 0 8px}.field{display:flex;align-items:center;margin-bottom:18px;border:1px solid #546b70;border-radius:8px;background:#071a1fe8;min-height:48px;padding:0 12px;gap:10px}.field:focus-within{border-color:var(--yellow)}.field>span{color:#a3b5bc;font-size:22px}.field input{width:100%;min-width:0;border:0;outline:none;background:none;color:white;padding:11px 0;font-size:14px}.field button{border:0;background:none;color:#b1c1c5;padding:3px;line-height:0}.field button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}input::placeholder{color:#8c9ea5}.form-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:1px 0 22px}.remember{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;font-size:13px}.remember input{accent-color:var(--yellow);width:18px;height:18px;margin:0}.text-button{border:0;background:transparent;color:var(--yellow);padding:0;font-size:13px}.primary{width:100%;border:1px solid #ffdd75;border-radius:8px;background:linear-gradient(#ffda59,#ecb43a);color:#152024;font-size:21px;font-weight:700;min-height:50px;padding:10px 15px;box-shadow:0 3px 0 #b37e21}.primary:hover{filter:brightness(1.06)}.primary:disabled{opacity:.6}.primary span{margin-left:15px}.status:empty{display:none}.status{font-size:13px;color:#ffd79c;margin:0 0 15px}.registration-note{border-top:1px solid #2f484a;margin:23px 0 0;padding-top:14px;text-align:center;font-size:12px;color:var(--muted)}.registration-note button{margin-left:5px}fieldset{border:1px solid #385458;border-radius:8px;padding:14px;margin:0 0 18px}legend{font-weight:700;font-size:14px;color:var(--yellow)}select{width:100%;padding:10px;border-radius:6px;background:#081f23;color:white;border:1px solid #48626a;margin-bottom:12px}select:last-child{margin-bottom:0}.resume{display:block;width:100%;padding:9px;background:#143635;border:1px solid #396866;border-radius:8px;color:#fff;margin-bottom:14px}.season{grid-column:3;grid-row:1/3;margin:80px 0 0 auto;width:min(100%,350px);text-align:center;padding:24px 22px;background:radial-gradient(ellipse at 50% 0,#1d464970,transparent 60%),#082225f5}.season-icon{width:95px;height:47px;fill:none;stroke:var(--yellow);stroke-width:2.5}.season h2{font-size:clamp(19px,1.5vw,25px);margin:10px 0 18px;color:#ffd753}.day{display:inline-block;min-width:125px;font-size:28px;font-weight:700;padding:5px 18px;border:1px solid #398789;border-radius:8px;background:#04191d}.day strong{color:var(--yellow);padding-left:5px}.season h3{margin:17px 0 7px;font-size:clamp(30px,3vw,48px);letter-spacing:1px;font-weight:900}.yellow-line{width:62px;height:4px;background:var(--yellow);border-radius:4px;margin:auto}.season p{color:var(--muted);font-size:12px;margin:15px 0 0}.village-label{position:fixed;z-index:0;pointer-events:none;font-weight:700;font-size:14px;letter-spacing:.5px;text-shadow:0 2px 6px #081c16;padding:5px 14px;background:#0b2c1955;border-radius:4px}.hun{left:13%;top:63%}.selcuk{left:48%;top:66%;transform:translateX(-50%)}.gokturk{right:12%;top:47%}footer{min-height:50px;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px;color:#d8e5de;font-size:11px;text-shadow:0 2px 4px #041b12}footer button{color:inherit;border:0;background:none;padding:2px;font-size:11px}dialog{width:min(480px,calc(100vw - 32px));padding:25px;border:1px solid #3b7b79}dialog::backdrop{background:#0009}dialog h2{margin:0 30px 18px 0}dialog p{font-size:14px;line-height:1.6}dialog input{display:block;width:100%;background:#071b20;border:1px solid #49666c;padding:10px;color:white;border-radius:5px;margin-bottom:16px}.close{position:absolute;right:15px;top:12px;font-size:28px;color:white;border:0;background:none}#have-code{margin-top:15px}#test-banner{padding:10px;border-radius:8px;background:#4a3428;color:#ffd49c;font-size:12px;margin-bottom:14px}
@media(min-width:1650px){.site-layout{padding-top:40px}.mobile-preview{padding-top:52px}.login{padding:26px 32px}.field{min-height:54px;margin-bottom:24px}.season{margin-top:100px}.brand img{width:88px;height:88px}}
@media(max-width:1050px){.site-layout{grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px 200px}.brand{grid-column:1/3;margin:0}.login{grid-column:2;grid-row:2/4}.mobile-preview{grid-column:1;grid-row:2;padding-top:8px}.season{grid-column:1;grid-row:3;margin:0 auto;width:100%;padding:16px}.season-icon{display:none}.season h2{margin:0 0 10px}.season h3{font-size:30px}.season .day{font-size:22px}.village-label{display:none}}
@media(max-width:650px){.site-layout{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:18px 16px 40px;max-width:470px;min-height:auto}.brand{order:0;gap:10px}.brand img{width:56px;height:56px}.brand h1{font-size:38px}.brand p{font-size:10px}.login{order:1;padding:22px}.mobile-preview{order:3;padding:0;margin-top:10px}.season{order:2;width:100%;padding:17px}.season h3{font-size:32px}.season h2{font-size:20px}.season p{margin-top:10px}.tabs button{font-size:19px}.backdrop{background-position:55% center}.phone{border-radius:25px}.phone-screen{border-radius:14px}.download{max-width:100%}footer{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}
@media(min-width:1051px) and (max-height:850px){.site-layout{padding-bottom:120px;padding-top:20px}.brand{margin-bottom:18px}.login{padding:18px 24px}.field{margin-bottom:15px}.tabs{margin-bottom:18px}.registration-note{margin-top:18px;padding-top:12px}.season{margin-top:65px;padding:20px}.season h3{margin-top:12px}.season p{margin-top:10px}.mobile-preview{padding-top:48px}}

.site-layout>.brand,.site-layout>.mobile-preview,.site-layout>.login,.site-layout>.season{position:relative;z-index:1}