/* REAL ENGLISH – üyelik sayfaları ortak stili */
:root{
  --navy-900:#0e1830; --navy-800:#14213a; --navy-700:#1d2e4f;
  --gold-500:#d9a441; --gold-400:#e8bd62; --gold-300:#f3d48f;
  --ivory:#faf6ee; --paper:#fff; --ink:#1b2333; --ink-2:#4a5468; --line:#e8e0cf;
  --ok:#2f9e6e; --err:#b8434f;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--ivory);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.topbar{background:var(--navy-900);padding-top:env(safe-area-inset-top)}
.topbar .in{max-width:1080px;margin:0 auto;padding:0 18px;height:56px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;text-decoration:none;font-size:15px}
.brand img{width:30px;height:30px;border-radius:8px}
.brand small{display:block;font-weight:500;font-size:11px;color:var(--gold-300);margin-top:-2px}
.back{color:#e7ebf5;font-size:13px;font-weight:600;text-decoration:none;padding:8px 12px;border-radius:999px}
.back:hover{background:#ffffff14}
.page{max-width:460px;margin:0 auto;padding:28px 18px 60px}
.page.wide{max-width:760px}
h1{font-family:var(--serif);font-size:30px;line-height:1.15;margin:0 0 6px;color:var(--navy-800)}
.lead{color:var(--ink-2);margin:0 0 22px;font-size:15px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px #1b233314,0 10px 28px #1b233314;padding:22px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1ebdd;padding:5px;border-radius:14px;margin-bottom:18px}
.tabs button{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:10px;padding:10px;background:transparent;color:var(--ink-2);cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--paper);color:var(--navy-800);box-shadow:0 1px 3px #1b23331f}
label{display:block;font-size:13px;font-weight:700;margin:0 0 6px;color:var(--navy-700)}
.field{margin-bottom:14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input[type=text],input[type=email],input[type=password]{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fffdf8;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 4px #e8bd6233}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--ink-2);margin:4px 0 16px}
.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--navy-800)}
.primary{width:100%;font:inherit;font-weight:800;font-size:15px;border:0;border-radius:14px;padding:14px;background:var(--navy-800);color:#fff;cursor:pointer;transition:transform .14s,background .2s}
.primary:hover{background:var(--navy-700)}
.primary:active{transform:scale(.98)}
.primary:disabled{opacity:.6;cursor:progress}
.ghost{font:inherit;font-weight:700;font-size:14px;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--paper);color:var(--navy-800);cursor:pointer}
.err{min-height:20px;color:var(--err);font-size:13px;font-weight:600;margin:10px 0 0}
.note{background:#fff8e6;border:1px solid #f0dfb3;color:#6a5a33;border-radius:14px;padding:14px;font-size:14px}
.small{font-size:12.5px;color:var(--ink-2);margin-top:14px}
.hidden{display:none!important}
.secure{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--ink-2);margin-top:16px}
.secure svg{flex:none;width:16px;height:16px;color:var(--ok)}
.skeleton{height:120px;border-radius:16px;background:linear-gradient(90deg,#f1ebdd,#f8f3e8,#f1ebdd);background-size:200% 100%;animation:sk 1.2s linear infinite}
@keyframes sk{to{background-position:-200% 0}}
.profile{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:linear-gradient(150deg,var(--gold-400),var(--gold-500));display:grid;place-items:center;font-weight:800;font-size:24px;color:var(--navy-900);flex:none}
dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 18px;font-size:14px}
dt{color:var(--ink-2);font-weight:600}
dd{margin:0;font-weight:600;word-break:break-word}
.legal h2{font-family:var(--serif);font-size:20px;color:var(--navy-800);margin:26px 0 8px}
.legal p,.legal li{font-size:15px;color:#2d3546}
.legal ul{padding-left:20px}
footer{text-align:center;font-size:12.5px;color:var(--ink-2);padding:0 18px 30px}
footer a{margin:0 8px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}