
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#060b16;color:#b9c4d6;font:16px/1.65 Inter,system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0 0 auto;height:560px;background:radial-gradient(55% 70% at 30% 0%,rgba(20,132,245,.16),transparent 70%);pointer-events:none;z-index:-1}
a{color:#3fa9ff;text-decoration:none}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ab-top{background:#050b16}
.ab-bar{max-width:1348px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center;gap:0;font-family:Manrope,sans-serif}
.ab-logo{display:flex;align-items:center;gap:10px;color:#fff;flex:none}.ab-logo>svg{width:36px;height:36px;stroke:none}
.ab-lt{font:800 25px/1 Montserrat,sans-serif;letter-spacing:.9px;color:#fff}.ab-lt b{color:#38b6f4;font-weight:800}
.ab-lw{display:flex;flex-direction:column;line-height:1}.ab-lw small{font:600 8.85px Montserrat,sans-serif;letter-spacing:2.15px;color:#9aa8bd;margin-top:5px;white-space:nowrap}
.ab-nav{display:flex;align-items:center;gap:34px;margin-left:clamp(28px,6vw,85px)}
.ab-nav a{color:#dfe6f0;font:500 17px Manrope,sans-serif;white-space:nowrap}.ab-nav a:hover{color:#fff}.ab-nav a.on{color:#fff}
.ab-nav .ab-live{order:9;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 20px;border-radius:21px;border:1px solid rgba(56,182,244,.6);background:rgba(30,167,245,.16);color:#fff;font-weight:600;box-shadow:0 0 18px rgba(30,167,245,.25)}
.ab-live i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.ab-r{display:flex;align-items:center;gap:18px;margin-left:auto;flex:none}
.ab-sw{display:flex;padding:3px;border:1px solid rgba(120,160,220,.25);border-radius:8px;background:rgba(10,20,40,.6)}
.ab-sw b,.ab-sw a{width:41px;height:29px;display:flex;align-items:center;justify-content:center;font:700 13px Manrope,sans-serif;border-radius:5px}
.ab-sw b{background:#1ea7f5;color:#fff}.ab-sw a{color:#9fb0c6}.ab-sw a:hover{color:#fff}
.ab-login{height:38px;padding:0 26px;display:flex;align-items:center;border:1px solid #38b6f4;border-radius:6px;color:#38b6f4;font:600 16.5px Manrope,sans-serif}.ab-login:hover{background:rgba(56,182,244,.1)}
.ab-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:8px;font:600 15px Montserrat,sans-serif;white-space:nowrap;transition:.15s}
.ab-btn-o{border:1.5px solid #1e8bff;color:#3fa9ff}.ab-btn-o:hover{background:rgba(30,139,255,.12)}
.ab-btn-p{background:#1e7cf2;color:#fff;border:1.5px solid #1e7cf2}.ab-btn-p:hover{background:#2f8cff}
.ab-btn-d{border:1.5px solid rgba(160,180,210,.35);color:#fff}.ab-btn-d:hover{border-color:#fff}
.ab-wrap{max-width:1348px;margin:0 auto;padding:0 24px}
.ab-hero{padding:34px 0 40px;border-bottom:1px solid rgba(120,160,220,.13)}
h1{font:700 clamp(34px,5vw,46px)/1.1 Montserrat,sans-serif;color:#fff;margin:0 0 10px}
.ab-sub{font-size:17px;color:#c9d3e3}.ab-by{color:#3fa9ff;font-size:15px;margin-top:4px}
.ab-intro{display:flex;gap:64px;align-items:flex-start;margin-top:32px}.ab-txt{max-width:980px;padding-top:6px}.ab-side{flex:none;width:230px;text-align:center}.ab-side .ab-photo{margin:0 auto 18px;width:210px;height:210px}.ab-nm{font:700 20px Montserrat,sans-serif;color:#fff}.ab-role{font-size:14px;color:#8fa0b8;margin-top:2px}.ab-soc{display:flex;justify-content:center;gap:10px;margin-top:16px}.ab-soc a{padding:7px 16px;border:1px solid rgba(56,182,244,.45);border-radius:18px;font:600 13px Manrope,sans-serif;color:#38b6f4}.ab-soc a:hover{background:rgba(56,182,244,.1)}.ab-txt p{font-size:16.5px;line-height:1.75;margin:0 0 20px}.ab-txt .ab-hi{font:600 21px/1.4 Montserrat,sans-serif;margin-bottom:24px}.ab-txt .ab-contact{margin-top:18px;font-size:15px}
.ab-intro p{margin:0 0 12px;color:#c9d3e3}.ab-hi{color:#fff!important;font-weight:500}
.ab-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;flex:none;margin-top:14px;border:2px solid #1e8bff;box-shadow:0 0 0 6px rgba(30,139,255,.1),0 0 36px rgba(30,139,255,.35)}
.ab-ph{display:flex;align-items:center;justify-content:center;font:800 60px Montserrat,sans-serif;color:#fff;background:linear-gradient(135deg,#0d2a52,#1484f5)}
.ab-link{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.ab-tl{padding:28px 0 8px}
.ab-tl h2{display:flex;align-items:center;gap:12px;font:700 20px Montserrat,sans-serif;color:#fff;margin:0 0 20px}.ab-ar{color:#3fa9ff;display:flex}
.ab-tl ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.ab-tl li{position:relative}
.ab-tl li:not(:last-child):after{content:"";position:absolute;left:60px;right:-28px;top:27px;height:1.5px;background:linear-gradient(90deg,#1e8bff,rgba(30,139,255,.55))}
.ab-dot{position:absolute;right:-6px;top:23px;width:9px;height:9px;border-radius:50%;background:#3fa9ff;box-shadow:0 0 10px #3fa9ff;z-index:1}
.ab-tl li:last-child .ab-dot{display:none}
.ab-ic{flex:none;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#0c1730;border:1px solid rgba(80,140,230,.35);color:#9cc8ff;position:relative;z-index:1}
.ab-ic svg{width:24px;height:24px}
.ab-when{margin-top:14px;font-size:14px;color:#c9d3e3}
.ab-tl h3{font:700 16px Montserrat,sans-serif;color:#fff;margin:4px 0 6px}
.ab-tl p{margin:0;font-size:13.5px;line-height:1.55;color:#9fadc2}
.ab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.ab-card{display:flex;gap:18px;padding:22px;border:1px solid rgba(120,160,220,.16);border-radius:10px;background:rgba(12,22,44,.55)}
.ab-ic2{width:64px;height:64px;background:radial-gradient(circle,#13305f,#0b1730);color:#3fa9ff}.ab-ic2 svg{width:30px;height:30px}
.ab-card h3{font:700 17px Montserrat,sans-serif;color:#fff;margin:2px 0 8px}
.ab-card p{margin:0 0 12px;font-size:13.5px;line-height:1.55;color:#a9b6c9}
.ab-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.ab-more svg{width:15px;height:15px}
.ab-cta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px;padding:18px;border:1px solid rgba(120,160,220,.16);border-radius:10px;background:rgba(12,22,44,.4)}
.ab-cta .ab-btn{padding:14px 30px;font-size:16px}
.ab-story{max-width:760px;margin:64px auto 0;padding-top:40px;border-top:1px solid rgba(120,160,220,.13)}
.ab-story h2{font:700 28px Montserrat,sans-serif;color:#fff;margin:0 0 8px}
.ab-story h3{font:700 19px Montserrat,sans-serif;color:#fff;margin:34px 0 10px}
.ab-story p{margin:0 0 16px;font-size:17px;line-height:1.75;color:#c3cddc}
.ab-sign{margin-top:36px!important;font:italic 600 22px Montserrat,sans-serif;color:#fff!important}
.ab-contact{font-size:15px!important}
.ab-foot{max-width:1348px;margin:56px auto 0;padding:26px 24px 44px;border-top:1px solid rgba(120,160,220,.12);font:13px Montserrat,sans-serif;color:#5f6f86}
.ab-foot a{color:#7f90a8}
@media (max-width:999px){.ab-bar{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:10px;row-gap:10px}.ab-r{margin-left:auto}.ab-nav{order:3;width:100%;margin:0!important;gap:26px;overflow-x:auto;scrollbar-width:none}.ab-nav::-webkit-scrollbar{display:none}.ab-nav .ab-live{order:-1;height:40px;flex:none}.ab-nav a{font-size:15px}}
@media (max-width:999px){.ab-cards{grid-template-columns:1fr}.ab-tl ol{grid-template-columns:1fr 1fr;row-gap:34px}
 .ab-tl li:nth-child(2):after,.ab-tl li:nth-child(2) .ab-dot{display:none}}
@media (max-width:640px){.ab-bar{gap:10px 8px;padding-left:16px;padding-right:16px}.ab-nav{gap:22px}.ab-tl h2{flex-wrap:wrap;font-size:18px;gap:6px 10px}.ab-link{display:inline}.ab-link svg{vertical-align:-3px}.ab-cta .ab-btn{white-space:normal;text-align:center}.ab-lt{font-size:17px}.ab-logo>svg{width:28px;height:28px}.ab-r{gap:8px}.ab-login{padding:0 12px;height:34px;font-size:14px}.ab-sw b,.ab-sw a{width:32px;height:26px;font-size:11px}.ab-lt{font-size:16px}.ab-lw small{font-size:5.7px;letter-spacing:1.45px;margin-top:3px}
 .ab-intro{flex-direction:column;gap:22px}.ab-side{width:100%}.ab-side .ab-photo{width:150px;height:150px}.ab-ph{font-size:44px}
 .ab-tl ol{grid-template-columns:1fr}.ab-tl li:after,.ab-dot{display:none}
 .ab-cta{flex-direction:column}.ab-cta .ab-btn{justify-content:center}}
@media (min-width:1000px){.ab-bar,.ab-wrap,.ab-foot{width:1300px;max-width:none;padding-left:0;padding-right:0}}
@media (min-width:1000px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7138}}
@media (min-width:1020px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7281}}
@media (min-width:1040px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7424}}
@media (min-width:1060px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7567}}
@media (min-width:1080px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7710}}
@media (min-width:1100px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7852}}
@media (min-width:1120px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.7995}}
@media (min-width:1140px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8138}}
@media (min-width:1160px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8281}}
@media (min-width:1180px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8423}}
@media (min-width:1200px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8566}}
@media (min-width:1220px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8709}}
@media (min-width:1240px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8852}}
@media (min-width:1260px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.8994}}
@media (min-width:1280px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9137}}
@media (min-width:1300px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9280}}
@media (min-width:1320px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9423}}
@media (min-width:1340px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9566}}
@media (min-width:1360px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9708}}
@media (min-width:1380px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9851}}
@media (min-width:1400px){.ab-bar,.ab-wrap,.ab-foot{zoom:0.9994}}
@media (min-width:1420px){.ab-bar,.ab-wrap,.ab-foot{zoom:1.0137}}
@media (min-width:1440px){.ab-bar,.ab-wrap,.ab-foot{zoom:1.0279}}
@media (min-width:1460px){.ab-bar,.ab-wrap,.ab-foot{zoom:1.0422}}
@media (min-width:1480px){.ab-bar,.ab-wrap,.ab-foot{zoom:1.0565}}
@media (min-width:1500px){.ab-bar,.ab-wrap,.ab-foot{zoom:1.0708}}
