:root{--ana-renk_koyu:#667eea;--ana-renk_acik:#764ba2;--ana-renk:linear-gradient(135deg, var(--ana-renk_koyu), var(--ana-renk_acik));--ana-yaricap:15px;--ana-bosluk_ic:7px;--ana-bosluk_dis:1px}*{font-size:medium;border-width:1px;text-align:center;border-radius:var(--ana-yaricap)}body{display:flex;height:100vh;background:var(--ana-renk);font-family:Arial,sans-serif;justify-content:center;align-items:center}div{border-style:solid;border-color:#000}button{border-radius:var(--ana-yaricap);background:var(--ana-renk);color:#fff;padding:var(--ana-bosluk_ic);min-width:fit-content}.login-container{background:#fff;padding:var(--ana-bosluk_ic);min-height:300px;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.input-field{width:calc(80%);padding:var(--ana-bosluk_ic);margin:var(--ana-bosluk_ic)}input::placeholder{color:#fff}.login-btn{width:65%;padding:var(--ana-bosluk_ic);margin:var(--ana-bosluk_ic);background:linear-gradient(135deg,#0c550b,#4c55f9);color:#fff;border:none;cursor:pointer}.forgot-password{display:block;margin-top:10px;color:#667eea;text-decoration:none}input{background:var(--ana-renk);color:#fff}.oturumu-acik-tut input{display:none}.oturumu-acik-tut .checkmark{display:inline-block;margin:10px;padding:5px 20px 5px 20px;border-style:solid;border-width:1px;cursor:pointer}.oturumu-acik-tut input:checked~.checkmark{background-color:#208020;color:#fff}.gizle{display:none}