:root{--o:#ff7800;--n:#0b1b31;--i:#10223c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial;color:var(--i)}main{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.story{position:relative;display:flex;flex-direction:column;padding:46px 58px 34px;color:#fff;background:radial-gradient(circle at 70% 50%,#1f6feb33,transparent 30%),linear-gradient(145deg,#08172b,#102a4a);overflow:hidden}.story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px}.brand{z-index:1;display:flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}.brand>b,.mobile-logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff66;border-radius:10px;box-shadow:inset 3px 0 var(--o);font-size:22px;font-weight:800}.brand strong,.brand small{display:block}.brand strong{font-size:24px}.brand small{color:#91a4bd;font-size:10px;text-transform:uppercase}.story article{z-index:1;margin:auto 0}.story article>label,.overline{color:#ff9a40;font-size:11px;font-weight:800;letter-spacing:.2em}.story h1{margin:18px 0 22px;font-size:clamp(40px,4.4vw,67px);line-height:1.02;letter-spacing:-.045em}.story h1 em{color:#70a9ff;font-style:normal}.story article>p{max-width:580px;color:#b8c5d7;font-size:16px;line-height:1.7}.map{position:relative;height:170px;margin-top:30px;border:1px solid #ffffff1c;border-radius:18px;background:#05112266}.map>b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:74px;height:74px;transform:translate(-50%,-50%);border:1px solid #477eba;border-radius:50%;background:#102d50}.map>b small{color:#6ee7a5;font-size:8px}.map span{position:absolute;padding:8px 12px;border:1px solid #ffffff22;border-radius:8px;background:#112842;font-size:11px}.map span:nth-of-type(1){left:8%;top:24px}.map span:nth-of-type(2){right:8%;top:24px}.map span:nth-of-type(3){left:8%;bottom:24px}.map span:nth-of-type(4){right:8%;bottom:24px}.story>footer{z-index:1;display:flex;justify-content:space-between;color:#60d99b;font-size:10px;text-transform:uppercase}.story>footer span{color:#8095af}.panel{display:flex;flex-direction:column;padding:28px clamp(36px,6vw,100px) 24px;background:#fff}.panel nav{text-align:right}.panel a{color:#65758d;font-size:12px;text-decoration:none}.card{width:min(440px,100%);margin:auto}.mobile-logo{display:none}.card h2{margin:14px 0 0;font-size:38px;letter-spacing:-.035em}.card>p{margin:14px 0 32px;color:#65758d;font-size:14px}.card form>label{display:block;margin:18px 0 8px;font-size:12px;font-weight:750}.card input{width:100%;height:54px;padding:0 16px;border:1px solid #dce4ee;border-radius:10px;outline:0;background:#fbfcfe;font:inherit}.card input:focus{border-color:#5291ef;box-shadow:0 0 0 4px #1f6feb17}.pass{position:relative}.pass input{padding-right:48px}.pass button{position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:#8290a2;cursor:pointer}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;height:55px;margin-top:25px;padding:0 22px;border:0;border-radius:10px;background:linear-gradient(95deg,#f66d00,#ff8a1b);color:#fff;font-weight:800;box-shadow:0 12px 25px #f66d0038;cursor:pointer}.submit b{font-size:20px}.error{margin-bottom:15px;padding:12px;border:1px solid #ffd3ce;border-radius:9px;background:#fff3f1;color:#a9382d;font-size:12px}.card aside{display:flex;justify-content:center;gap:10px;margin-top:28px;color:#19975c;font-size:13px}.card aside span b,.card aside small{display:block;color:#718096;font-size:10px}.card aside span b{text-transform:uppercase}.panel>footer{text-align:center;color:#a1adbc;font-size:10px}@media(max-width:900px){main{grid-template-columns:1fr}.story{display:none}.panel{min-height:100vh;padding:24px}.mobile-logo{display:flex;width:max-content;gap:10px;padding:0 10px;margin-bottom:45px;border-color:#ccd5e1;color:var(--n)}.card h2{font-size:32px}}.wordmark,.mobile-wordmark{position:relative;z-index:1;display:flex;align-items:stretch;gap:12px;width:max-content;color:#fff;text-decoration:none}.wordmark>i,.mobile-wordmark>i{display:block;width:4px;min-height:45px;border-radius:3px;background:var(--o)}.wordmark strong,.wordmark small,.mobile-wordmark strong,.mobile-wordmark small{display:block}.wordmark strong,.mobile-wordmark strong{font-size:25px;line-height:1.05;letter-spacing:.045em}.wordmark small,.mobile-wordmark small{margin-top:5px;color:#ff8a1b;font-size:9px;font-weight:700}.secure-flow{height:116px;margin-top:32px;padding:0 clamp(18px,4vw,42px);display:grid;grid-template-columns:100px 1fr 100px;align-items:center;border:1px solid #315172;border-radius:12px;background:#0a2039aa;box-shadow:inset 0 1px #ffffff0d}.endpoint{display:grid;justify-items:center;gap:9px;color:#d9e7f5;font-size:9px;font-weight:800;letter-spacing:.08em}.user-device{position:relative;width:34px;height:24px;border:2px solid #86a9c9;border-radius:3px}.user-device:after{content:"";position:absolute;left:-5px;right:-5px;bottom:-7px;height:3px;border-radius:0 0 5px 5px;background:#86a9c9}.server-device{width:31px;padding:4px;display:grid;gap:4px;border:1px solid #86a9c9;border-radius:4px}.server-device i{height:4px;border-radius:2px;background:#7da4c8;box-shadow:inset 6px 0 #4fd595}.channel{position:relative;display:grid;place-items:center;color:#fff;text-align:center}.channel:before,.channel:after{content:"";position:absolute;top:13px;width:35%;height:1px;background:linear-gradient(90deg,transparent,#5ed4e4)}.channel:before{left:0}.channel:after{right:0;transform:rotate(180deg)}.channel>i{width:20px;height:17px;margin-bottom:7px;border:2px solid #4fd595;border-radius:3px}.channel>i:before{content:"";position:absolute;width:10px;height:9px;margin:-10px 0 0 3px;border:2px solid #4fd595;border-bottom:0;border-radius:8px 8px 0 0}.channel strong{color:#55d8ab;font-size:9px;letter-spacing:.08em}.channel small{margin-top:4px;color:#8199b3;font-size:8px}.story>footer{color:#91a7bf}.mobile-wordmark{display:none;color:var(--n)}.mobile-wordmark>i{min-height:40px}.mobile-wordmark strong{font-size:22px}.mobile-wordmark small{font-size:8px}@media(max-width:900px){.mobile-wordmark{display:flex;margin-bottom:45px}}@media(max-width:520px){.secure-flow{grid-template-columns:70px 1fr 70px;padding-inline:10px}.channel:before,.channel:after{width:24%}}.wordmark small,.mobile-wordmark small{color:#91a4bd}.operation-flow{position:relative;height:126px;margin-top:34px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr 96px 1fr 1fr;align-items:center;gap:12px;border:1px solid #315172;border-radius:14px;background:linear-gradient(100deg,#0a2039cc,#102d4acc);box-shadow:inset 0 1px #ffffff0d,0 18px 45px #020b1738;overflow:hidden}.operation-flow:before{content:"OPERASYON AKIŞI";position:absolute;left:18px;top:13px;color:#6f8ba8;font-size:7px;font-weight:800;letter-spacing:.18em}.flow-line{position:absolute;left:8%;right:8%;top:65px;height:1px;background:linear-gradient(90deg,transparent,#416b91 12%,#5ca0db 50%,#416b91 88%,transparent)}.flow-node,.flow-core{position:relative;z-index:1;display:grid;place-items:center;text-align:center}.flow-node b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #416789;border-radius:7px;color:#77a1c7;background:#102944;font-size:8px}.flow-node span{margin-top:9px;color:#c4d2e1;font-size:9px;font-weight:750}.flow-core{width:84px;height:84px;margin:auto;border:1px solid #5795d1;border-radius:50%;background:#102f52;box-shadow:0 0 0 9px #2b72b512,0 0 28px #277cd426}.flow-core strong{align-self:end;font-size:18px}.flow-core small{align-self:start;margin-top:5px;color:#61d6a8;font-size:7px;font-weight:850;letter-spacing:.1em}.story>footer{color:#8095af}.story article>label{color:#ff9a40}@media(max-width:560px){.operation-flow{padding-inline:12px;grid-template-columns:1fr 1fr 78px 1fr 1fr;gap:5px}.flow-node span{font-size:7px}.flow-core{width:70px;height:70px}}.operation-flow{grid-template-columns:1fr 1fr 112px 1fr 1fr;height:136px}.flow-core{width:100px;height:100px;padding:20px 5px 15px;display:flex;flex-direction:column;justify-content:center}.flow-core strong{font-size:21px;line-height:1.1}.flow-core small{margin-top:7px;color:#61d6a8;font-size:7px;line-height:1;font-weight:900;letter-spacing:.08em}.flow-core em{margin-top:6px;color:#748da8;font-size:6px;line-height:1;font-style:normal;white-space:nowrap}.wordmark strong,.mobile-wordmark strong{font-size:27px}.wordmark small,.mobile-wordmark small{font-size:9px}@media(max-width:560px){.operation-flow{grid-template-columns:1fr 1fr 90px 1fr 1fr}.flow-core{width:84px;height:84px;padding-inline:3px}.flow-core strong{font-size:18px}.flow-core small{font-size:6px}.flow-core em{font-size:5px}}.flow-core strong,.flow-core small,.flow-core em{align-self:center;width:100%;margin-left:0;margin-right:0;text-align:center}.flow-core em{font-size:7px;line-height:1.15}@media(max-width:560px){.flow-core em{font-size:6px}}@media(max-width:900px){.panel{position:relative;padding-top:24px}.mobile-wordmark{position:absolute;left:24px;top:24px;margin:0}.panel nav{position:absolute;right:24px;top:34px}.card{margin-top:auto;margin-bottom:auto;padding-top:80px}}@media(max-width:480px){.mobile-wordmark{left:20px;top:20px}.panel nav{right:20px;top:31px}.card{padding-top:88px}}