body{font-family:'Kumbh Sans',sans-serif;margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100vh;background:url('assets/img/login.svg') no-repeat center center;background-size:cover;color:#333;}
.card{width:100%;max-width:400px;background:#FFFFFF;border-radius:24px;padding:32px;box-sizing:border-box;text-align:center;box-shadow:0px 4px 10px rgba(0,0,0,0.1);}
.form-control{height:48px;padding:0 16px;margin-bottom:14px;border:none;border-bottom:1px solid #BFBFBF;border-radius:0;background:#fff;color:#333;box-sizing:border-box;font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0;}
.btn-primary{font-family:'Kumbh Sans',sans-serif;height:48px;background:#5E5691;color:#FFFFFF;border:none;border-radius:16px;cursor:pointer;transition:background .3s;margin-top:48px;font-weight:500;font-size:16px;line-height:1.4;letter-spacing:0;margin-bottom:16px;vertical-align:middle;}
.btn-primary:hover{background:#2E225E;}
a{font-family:'Kumbh Sans',sans-serif;color:#333;font-weight:500;font-size:14px;line-height:1.4;letter-spacing:0;}
.logo {
            width: 150px;
            margin-bottom: 24px;
        }
		    h1 { font-size: 1.6rem; margin: 1rem 0 .5rem; }
    h2 { font-size: 1.3rem; margin: .9rem 0 .4rem; }
    h3 { font-size: 1.1rem; margin: .8rem 0 .3rem; }
    p { margin: .5rem 0; }
    .spacer { height: .5rem; }
    .table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1rem 0; }
    table { border-collapse: collapse; width: 100%; min-width: 640px; border: 1px solid var(--border); }
    td, th { border: 1px solid var(--border); padding: .5rem .6rem; vertical-align: top; }
    tr:nth-child(even) td { background: #fafafa; }
    @media (max-width: 640px) {
      table { min-width: 560px; }
      body { margin: 14px; }
    }
    .note { color: var(--muted); font-size: .9rem; margin-top: 1rem; }

.telefondogrulama{ height: 48px;
    width: 30%;
    font-size: 12px; }
  .wizard {display:flex;gap:12px;justify-content:center;margin-bottom:16px}
  .wizard .step{display:flex;align-items:center;gap:8px;color:#9aa; font-weight:600}
  .wizard .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid #cfd2ff}
  .wizard .active .dot{background:#5E5691;color:#fff;border-color:#5E5691}
  .wizard .active {color:#5E5691}
  .section{display:none} .section.active{display:block}
  .mini-note{font-size:.85rem;color:#6b7280}
  .btn-primary{background:#5E5691;border:none;border-radius:12px}
  .btn-outline-secondary{border-radius:12px}	
  
  .profile-pic{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #223}
.logo {
            width: 150px;
            margin-bottom: 24px;
        }