:root{color-scheme:dark;--ink:#06070c;--surface:#0d1019;--surface-2:#121624;--white:#f7f8ff;--muted:#969aaa;--line:#24283a;--accent:#8b73ff;--electric:#34d9b8;--display:Inter,"Segoe UI",Arial,sans-serif;--sans:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background-color:#070910;background-image:linear-gradient(rgba(139,115,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,115,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 34%,rgba(100,76,255,.16),transparent 38%);background-size:54px 54px,54px 54px,auto;color:#fff;font:16px/1.5 var(--sans);display:flex;flex-direction:column}
.topbar{min-height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);background:rgba(8,11,16,.72);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:baseline;color:#fff;text-decoration:none;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:900;letter-spacing:-.075em;line-height:1}
.brand strong{font:900 1em/1 var(--sans)}
.brand span{margin-left:5px;color:var(--accent);font:800 .67em/1 var(--sans);letter-spacing:.01em}
.security-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.security-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--electric);box-shadow:0 0 0 4px rgba(52,217,184,.12),0 0 16px rgba(52,217,184,.5)}
.page{width:min(620px,calc(100% - 40px));margin:auto;padding:48px 0;display:block}
.context{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(17,20,33,.98),rgba(10,12,20,.98));color:#fff;padding:42px 48px 32px;text-align:center;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0}
.context::after{content:"";position:absolute;left:50%;top:-190px;transform:translateX(-50%);width:360px;height:360px;border:1px solid rgba(139,115,255,.26);border-radius:50%;box-shadow:0 0 0 45px rgba(139,115,255,.025),0 0 80px rgba(109,84,255,.14)}
.eyebrow{position:relative;z-index:1;color:#a896ff;font-size:.68rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.context h1{position:relative;z-index:1;margin:12px auto 16px;max-width:500px;font:760 clamp(2.25rem,6vw,3.5rem)/.98 var(--display);letter-spacing:-.055em}
.context p{position:relative;z-index:1;max-width:450px;margin:0 auto;color:#aab1b9;font-size:.92rem;line-height:1.65}
.trust{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:#dbe0e5;font-size:.74rem;font-weight:700}
.shield{width:36px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,var(--electric),#78f2d8);color:#07100e;clip-path:polygon(50% 0,94% 16%,86% 72%,50% 100%,14% 72%,6% 16%);font-size:1.05rem;filter:drop-shadow(0 0 10px rgba(52,217,184,.28))}
.panel{background:rgba(12,15,24,.97);padding:32px 48px 42px;border:1px solid var(--line);border-top-color:#202438;border-radius:0 0 20px 20px;box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 50px rgba(105,78,255,.055);text-align:center}
.step{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.panel h2{margin:7px 0 9px;font:700 clamp(1.75rem,4vw,2.35rem)/1 var(--display);letter-spacing:-.04em}
.intro{max-width:430px;margin:0 auto 25px;color:var(--muted);font-size:.88rem;line-height:1.6}
.cap{display:grid;grid-template-columns:1fr auto;align-items:stretch;border:1px solid #343950;background:#0c0f18;margin:0 auto 18px;min-height:88px;max-width:360px;border-radius:10px;overflow:hidden}
.cap img{width:100%;height:86px;object-fit:contain;user-select:none;pointer-events:none}
.refresh{width:48px;border:0;border-left:1px solid #343950;background:#141827;color:#a99aff;cursor:pointer;font-size:1.25rem;transition:.18s ease;display:grid;place-items:center;text-decoration:none}
.refresh:hover{background:#1c2032;color:#fff}
.field-label{display:block;max-width:360px;margin:0 auto 7px;text-align:left;font-size:.69rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#dce1e6}
input[name=c]{display:block;width:100%;max-width:360px;height:56px;margin:0 auto;padding:0 16px;border:1px solid #39434f;border-radius:9px;background:#0b1016;color:#fff;font:700 1.22rem/1 var(--sans);letter-spacing:.34em;text-align:center;text-transform:uppercase;transition:.18s ease}
input[name=c]:focus{outline:3px solid rgba(139,115,255,.16);border-color:var(--accent)}
.submit{width:100%;max-width:360px;height:56px;margin-top:14px;border:1px solid #9b88ff;border-radius:9px;background:linear-gradient(135deg,#765cff,#9580ff);box-shadow:0 10px 28px rgba(101,76,255,.22);color:#fff;cursor:pointer;font-size:.73rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:.18s ease}
.submit:hover{background:linear-gradient(135deg,#856dff,#a493ff);transform:translateY(-1px);box-shadow:0 13px 34px rgba(101,76,255,.3)}
.err{margin-top:12px;padding:11px 13px;border-left:3px solid var(--accent);background:#2b1417;color:#ffb3bb;font-size:.82rem}
.hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.privacy{display:flex;gap:9px;align-items:flex-start;max-width:360px;margin:18px auto 0;color:var(--muted);text-align:left;font-size:.71rem;line-height:1.5}
.privacy svg{flex:0 0 auto;margin-top:1px}
.locked-page{min-height:100vh;display:grid;place-items:center;padding:24px}.locked-card{max-width:520px;padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--panel);text-align:center}.locked-card h1{margin:0 0 12px}.locked-card p{color:var(--muted)}
@media(max-width:780px){.topbar{min-height:72px}.security-status{font-size:0}.security-status::after{content:"Korumalı";font-size:.68rem}.page{width:min(100% - 24px,560px);padding:26px 0}.context{padding:32px 28px 26px}.context h1{font-size:2.55rem}.context p{font-size:.85rem}.panel{padding:28px}.panel h2{font-size:2rem}}
@media(max-width:430px){.topbar{padding-inline:16px}.page{width:100%;padding:0}.context{padding:28px 22px 24px;border-radius:0}.context h1{font-size:2.15rem}.panel{padding:28px 22px 34px;border-radius:0}.cap img{height:76px}.cap{min-height:78px}.trust{margin-top:20px}}