:root{--bg:#f4f7fb;--surface:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--primary:#155eef;--primary2:#004eeb;--good:#067647;--danger:#b42318;--radius:24px;--shadow:0 20px 60px rgba(16,24,40,.10)}*{box-sizing:border-box}html{font-family:"Source Sans 3",Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#eaf2ff 0,transparent 34%),var(--bg)}.app-shell{max-width:1280px;margin:auto;padding:24px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand-logo{max-height:48px;max-width:220px;object-fit:contain}.secure-pill{display:flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;background:#ecfdf3;color:var(--good);font-size:13px;font-weight:700}.lock{font-size:9px}.payment-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.35fr);gap:24px;align-items:start}.intro-card,.form-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:var(--radius)}.intro-card{padding:38px;position:sticky;top:24px;min-height:530px}.shield{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#ecfdf3;color:var(--good);font-size:28px;font-weight:800}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--primary);font-weight:800;margin:28px 0 10px}.intro-card h1{font-size:34px;line-height:1.12;margin:0 0 18px}.intro-copy{color:var(--muted);line-height:1.75;font-size:15px}.intro-copy *{max-width:100%}.security-list{margin-top:30px;display:grid;gap:13px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:#344054}.form-card{padding:34px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.card-title>div{display:flex;align-items:center;gap:12px}.card-title h2{margin:0;font-size:22px}.card-title small{color:var(--muted)}.step{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eff4ff;color:var(--primary);font-weight:800}.section-label{margin:26px 0 14px;font-size:12px;font-weight:800;letter-spacing:.09em;color:#475467;text-transform:uppercase}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr 1fr 1.2fr}label{display:block;margin-bottom:14px}label>span{display:block;font-size:13px;font-weight:650;margin:0 0 7px;color:#344054}input,select{width:100%;height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 15px;font:inherit;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus{border-color:#84adff;box-shadow:0 0 0 4px #eff4ff}.money-input{position:relative}.money-input>span{position:absolute;left:16px;top:13px;font-weight:800;color:var(--primary)}.money-input input{padding-left:36px;font-size:20px;font-weight:800}.amount-row{max-width:320px}.pay-button{width:100%;height:58px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font:700 16px Inter;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 28px rgba(21,94,239,.25);margin-top:10px}.pay-button:disabled{opacity:.65;cursor:wait}.pay-button b{font-size:22px}.legal{font-size:11px;line-height:1.6;color:#98a2b3;text-align:center;margin:14px 8px 0}.alert{padding:14px 16px;border-radius:14px;background:#fef3f2;border:1px solid #fecdca;color:var(--danger);font-size:13px;margin-bottom:20px}.captcha-wrap{overflow:auto;margin:8px 0 18px}.captcha-native{display:flex;gap:12px;align-items:center}.captcha-native input{max-width:180px}@media(max-width:900px){.app-shell{padding:14px}.topbar{height:66px}.brand-logo{max-width:170px;max-height:42px}.secure-pill{font-size:11px;padding:8px 10px}.payment-layout{grid-template-columns:1fr}.intro-card{position:static;min-height:auto;padding:24px}.intro-card h1{font-size:27px}.intro-copy{display:none}.security-list{grid-template-columns:1fr;margin-top:18px;padding-top:18px}.form-card{padding:22px;border-radius:22px}.grid.two,.grid.three{grid-template-columns:1fr}.amount-row{max-width:none}.card-title{align-items:flex-start}.card-title small{display:none}input,select{height:54px;font-size:16px}.pay-button{height:60px;border-radius:18px}.captcha-native{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.app-shell{padding:10px}.form-card,.intro-card{padding:18px}.secure-pill{max-width:130px;text-align:center}.topbar{gap:8px}.brand-logo{max-width:150px}.intro-card .security-list span:nth-child(3){display:none}}
.intro-copy a{color:#1d2939;text-decoration:none;font-weight:650;border-bottom:1px dotted #98a2b3}
.intro-copy a:hover{color:#155eef;border-bottom-color:#155eef}
.pay-button{font-family:"Source Sans 3",sans-serif}
.musteri-tip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.tip-secim{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:#fff;font-weight:650}
.tip-secim input{width:18px;height:18px;accent-color:var(--primary)}
.tip-secim:has(input:checked){border-color:#84adff;box-shadow:0 0 0 4px #eff4ff;background:#f8fbff}
.kayitli-arama{display:none;margin:0 0 22px;padding:16px;border:1px dashed var(--line);border-radius:16px;background:#f8fafc}
.kayitli-arama.acik{display:block}
.lookup-row{display:flex;gap:10px}
.lookup-row input{flex:1}
.lookup-btn{height:52px;padding:0 18px;border:0;border-radius:14px;background:#1d2939;color:#fff;font:650 14px "Source Sans 3",sans-serif;cursor:pointer;white-space:nowrap}
.lookup-not{margin:10px 0 0;font-size:13px;color:#475467}
.kayitli-rozet{display:inline-block;margin:0 0 18px;padding:8px 12px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:13px;font-weight:700}
.gizli-form{display:none}
input[readonly],.money-input.kilitli input{background:#f2f4f7;color:#667085;cursor:not-allowed;pointer-events:none;opacity:.85}
.captcha-yenile{color:#344054;font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px dotted #98a2b3}
.captcha-yenile:hover{color:var(--primary)}
.captcha-native img{border-radius:8px;border:1px solid var(--line)}