/* /kayit and /kayit/basvuru-alindi/: trial access request (form) and its confirmation. Scoped to .kayit_page.
   Header values come from the real site pages; fonts and the Çözümler dropdown come from /site/site.css. */
.kayit_page{--navy:#1F2F5C;--ink:#16294F;--muted:#4B5363;--red:#C41F27;--red_dark_bg:#F05A62;--line:#DCE6F4;margin:0;font-family:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#F8FBFF 0%,#F2F6FC 100%);min-height:100vh}
.kayit_page *,.kayit_page *::before,.kayit_page *::after{box-sizing:border-box}
.kayit_page a{color:inherit}

/* Header: same values as the site pages (WhatsApp bar + navy menu) */
.kayit_page .kayit_wa{background:#0F1114;color:#FFFFFF}
.kayit_page .kayit_wa_in{max-width:1240px;margin:0 auto;padding:8px clamp(20px,4vw,48px);display:flex;justify-content:flex-end;font-size:13px}
.kayit_page .kayit_wa a{display:inline-flex;align-items:center;gap:8px;color:#FFFFFF;font-weight:600;text-decoration:none}
.kayit_page .kayit_wa img{display:block}
.kayit_page .kayit_header{background:var(--navy);color:#FFFFFF}
.kayit_page .kayit_nav{max-width:1240px;margin:0 auto;padding:18px clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.kayit_page .kayit_logo{font-family:'Archivo',sans-serif;font-size:26px;font-weight:600;letter-spacing:-.01em;color:#FFFFFF;text-decoration:none}
.kayit_page .kayit_z{color:var(--red)}
.kayit_page .kayit_header .kayit_z,.kayit_page .kayit_z_dark{color:var(--red_dark_bg)}
.kayit_page .kayit_menu{display:flex;flex-wrap:wrap;align-items:center;gap:4px 26px;font-size:15px}
.kayit_page .kayit_menu>a{display:inline-flex;align-items:center;min-height:44px;color:#C5CFE2;text-decoration:none}
.kayit_page .kayit_menu>a:hover{color:#FFFFFF}
.kayit_page .kayit_menu>a.kayit_btn_line{padding:0 16px;border:1px solid rgba(255,255,255,.55);color:#FFFFFF;font-weight:600}
.kayit_page .kayit_menu>a.kayit_btn_red{padding:0 20px;background:#C41F27;color:#FFFFFF;font-weight:600}
.kayit_page .kayit_menu a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}

.kayit_page .kayit_wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
.kayit_page .kayit_main{padding:clamp(28px,4vw,56px) 0 clamp(40px,5vw,72px)}
.kayit_page .kayit_grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3.4vw,48px);align-items:start}
.kayit_page .kayit_h1{margin:0 0 16px;font-family:'Archivo',sans-serif;font-size:clamp(38px,4.6vw,62px);line-height:1.04;font-weight:700;letter-spacing:-.03em;color:var(--navy)}
.kayit_page .kayit_lead{margin:0 0 26px;max-width:640px;font-size:17px;line-height:1.7;color:var(--muted)}

/* Form */
.kayit_page .kayit_card{padding:26px;background:#FFFFFF;border:1px solid #E1E9F6;border-radius:18px;box-shadow:0 18px 46px rgba(13,34,74,.08)}
.kayit_page .kayit_field{margin-bottom:16px}
.kayit_page .kayit_field label{display:block;margin-bottom:7px;font-size:15px;font-weight:600;color:#233C66}
.kayit_page .kayit_req{color:var(--red)}
.kayit_page .kayit_opt{color:#5B6B88;font-weight:400}
.kayit_page .kayit_field input{width:100%;height:50px;padding:0 16px;font:inherit;font-size:16px;color:#1F2F5C;background:#FFFFFF;border:1px solid #AEBBD2;border-radius:10px}
.kayit_page .kayit_field input::placeholder{color:#6B7A96}
.kayit_page .kayit_field input:focus-visible,.kayit_page .kayit_check input:focus-visible{outline:3px solid #1F2F5C;outline-offset:2px}
.kayit_page .kayit_field input[aria-invalid="true"]{border-color:#B3261E;box-shadow:inset 0 0 0 1px #B3261E}
.kayit_page .kayit_err{margin:6px 0 0;font-size:14px;line-height:1.4;color:#B3261E}
.kayit_page .kayit_check{display:flex;align-items:flex-start;gap:10px;margin:12px 0 4px;font-size:14px;line-height:1.5;color:#4B5B78}
.kayit_page .kayit_check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#1F2F5C}
.kayit_page .kayit_check label{cursor:pointer}
.kayit_page .kayit_terms{margin:4px 0 14px;font-size:14px;line-height:1.5;color:#5B6B88}
.kayit_page .kayit_check a{color:#1F4FA0;text-decoration:underline}
.kayit_page .kayit_turnstile{margin:16px 0 4px;min-height:65px}
.kayit_page .kayit_formerr{margin:10px 0 0;padding:12px 14px;font-size:15px;line-height:1.45;color:#8A1C16;background:#FDECEA;border:1px solid #F3B8B3;border-radius:10px}
.kayit_page .kayit_submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:16px;padding:0 18px;font:inherit;font-size:20px;font-weight:700;color:#FFFFFF;background:linear-gradient(180deg,#D8262E,#B81B23);border:0;border-radius:10px;cursor:pointer;box-shadow:0 12px 24px rgba(184,27,35,.22)}
.kayit_page .kayit_submit:hover{background:linear-gradient(180deg,#C41F27,#A8171F)}
.kayit_page .kayit_submit:focus-visible{outline:3px solid #1F2F5C;outline-offset:3px}
.kayit_page .kayit_submit:disabled{opacity:.7;cursor:progress}
.kayit_page .kayit_features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none}
.kayit_page .kayit_features li{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15px;line-height:1.35;color:#27456F;background:rgba(255,255,255,.7);border:1px solid #E3EBF7;border-radius:14px}
.kayit_page .kayit_features svg{flex:none;width:32px;height:32px}

/* Right-hand visual: crop of the approved mockup, shown as delivered */
.kayit_page .kayit_right{display:flex;flex-direction:column;align-items:center}
.kayit_page .kayit_visual{display:block;width:100%;max-width:480px;height:auto}
.kayit_page .kayit_caption{margin:10px 0 0;font-size:13px;line-height:1.5;color:#4B5B78;text-align:center}

/* Confirmation page */
.kayit_page .kayit_main2{padding-bottom:0}
.kayit_page .kayit_center_hero{text-align:center;padding-top:clamp(8px,2vw,24px)}
.kayit_page .kayit_badge{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 22px;color:#13874F;background:#DFF6EA;border-radius:50%;box-shadow:inset 0 0 0 12px rgba(255,255,255,.4)}
.kayit_page .kayit_h1c{margin-bottom:16px}
.kayit_page .kayit_leadc{max-width:860px;margin:0 auto 32px}
.kayit_page .kayit_confirm{display:grid;grid-template-columns:minmax(0,.2fr) minmax(0,1fr) minmax(0,.42fr);gap:34px;align-items:start}
.kayit_page .kayit_steps{padding:28px 30px;background:#FFFFFF;border:1px solid #E1E9F6;border-radius:18px;box-shadow:0 18px 46px rgba(13,34,74,.08)}
.kayit_page .kayit_steps_title{margin:0 0 18px;font-family:'Archivo',sans-serif;font-size:24px;font-weight:700;color:var(--navy)}
.kayit_page .kayit_steplist{display:grid;gap:22px;margin:0;padding:0;list-style:none}
.kayit_page .kayit_steplist li{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;align-items:start}
.kayit_page .kayit_steplist li:not(:last-child)::after{content:"";position:absolute;left:22px;top:44px;height:40px;border-left:2px dashed #B7C9E8}
.kayit_page .kayit_num{display:grid;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;color:#FFFFFF;background:#123767;border-radius:50%}
.kayit_page .kayit_steplist h3{margin:2px 0 5px;font-family:'Archivo',sans-serif;font-size:20px;font-weight:700;color:#17345D}
.kayit_page .kayit_steplist p{margin:0;font-size:15px;line-height:1.55;color:#4B5B78}
.kayit_page .kayit_info{display:flex;align-items:center;gap:10px;margin:20px 0 0;padding:14px 16px;font-size:14px;line-height:1.45;color:#2F4C77;background:#EAF4FF;border:1px solid #D0E3F8;border-radius:10px}
.kayit_page .kayit_i{display:grid;place-items:center;flex:none;width:22px;height:22px;font-weight:700;color:#FFFFFF;background:#2F6BC2;border-radius:50%}
.kayit_page .kayit_home{text-align:center}
.kayit_page .kayit_ghost{display:inline-flex;align-items:center;min-height:52px;margin-top:24px;padding:0 30px;font-weight:600;color:#17345F;text-decoration:none;background:#FFFFFF;border:1px solid #6F88B0;border-radius:10px}
.kayit_page .kayit_ghost:hover{background:#F2F6FC}
.kayit_page .kayit_ghost:focus-visible{outline:3px solid #1F2F5C;outline-offset:3px}
.kayit_page .kayit_monitor_col{padding-top:30px;display:flex;justify-content:flex-end}
.kayit_page .kayit_monitor_img{display:block;width:100%;max-width:230px;height:auto}
.kayit_page .kayit_band{margin-top:clamp(36px,4vw,56px);color:#FFFFFF;background:linear-gradient(180deg,#10305D,#0A2247)}
.kayit_page .kayit_band_in{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:26px;align-items:center;padding-block:26px}
.kayit_page .kayit_bcol{display:flex;flex-direction:column;justify-content:center;min-height:92px}
.kayit_page .kayit_bcol+.kayit_bcol{padding-left:24px;border-left:1px solid rgba(255,255,255,.2)}
.kayit_page .kayit_band_brand{font-family:'Archivo',sans-serif;font-size:32px;font-weight:700;letter-spacing:-.02em}
.kayit_page .kayit_bcol p{margin:6px 0 0;font-size:17px;line-height:1.5;color:#E3EAF6}
.kayit_page .kayit_mount{height:96px}
.kayit_page .kayit_mount svg{width:100%;height:100%}
html.kayit_guard .kayit_main2{visibility:hidden}

@media (max-width:1100px){
.kayit_page .kayit_grid,.kayit_page .kayit_confirm{grid-template-columns:minmax(0,1fr)}
.kayit_page .kayit_confirm>div:first-child{display:none}
.kayit_page .kayit_monitor_col{padding-top:0;justify-content:center}
.kayit_page .kayit_band_in{grid-template-columns:minmax(0,1fr)}
.kayit_page .kayit_bcol+.kayit_bcol{padding:18px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
}
@media (max-width:720px){
.kayit_page .kayit_features{grid-template-columns:minmax(0,1fr)}
.kayit_page .kayit_card{padding:20px}
.kayit_page .kayit_steps{padding:22px 18px}
.kayit_page .kayit_badge{width:76px;height:76px}
}
@media (prefers-reduced-motion:reduce){.kayit_page *{transition:none!important}}
.kayit_page .kayit_leadc{text-wrap:balance}