:root{--navy:#14212D;--navy2:#1E3142;--teal:#19B5C2;--teal2:#7FD3DA;--amber:#F5B23A;--ink:#F3F6F8;--mut:#9FB0BF;--k0:#E5484D;--k1:#3E7BFA;--k2:#F5B23A;--k3:#2FB36D}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--navy);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}
a{color:var(--teal2)}
button{font:inherit;cursor:pointer;border:0}
.kutu{background:var(--navy2);border-radius:20px;padding:22px}
.btn{background:var(--teal);color:var(--navy);font-weight:800;padding:14px 24px;border-radius:14px;font-size:18px}
.btn:disabled{opacity:.45;cursor:default}
.btn.ikincil{background:transparent;color:var(--ink);border:2px solid rgba(255,255,255,.2)}
.soluk{color:var(--mut)}
.etiket{display:inline-block;font-weight:800;letter-spacing:2px;font-size:13px;padding:6px 12px;border-radius:99px;background:var(--teal);color:var(--navy)}
.sec{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sec button{border-radius:18px;color:#fff;font-weight:800;text-align:left;padding:18px;display:flex;gap:12px;align-items:center;min-height:96px;font-size:18px;line-height:1.25}
.sec button i{font-style:normal;font-size:30px;line-height:1;flex:none;width:36px;text-align:center}
.k0{background:var(--k0)}.k1{background:var(--k1)}.k2{background:var(--k2);color:#14212D!important}.k3{background:var(--k3)}
.sec button.soluk-sec{opacity:.25}
.sec button.dogru{outline:5px solid #fff}
input.kod{font:800 34px Inter,sans-serif;letter-spacing:8px;text-align:center;width:100%;padding:14px;border-radius:14px;border:2px solid rgba(255,255,255,.2);background:var(--navy);color:var(--ink)}
.mesaj{margin-top:12px;color:var(--amber)}