input,select,textarea{font-family:'IBM Plex Sans',sans-serif;font-size:16px;color:#0B1F3A;background:#FFFFFF;border:1px solid #B9CDE0;border-radius:8px;padding:13px 14px;width:100%;box-sizing:border-box}
input:focus,select:focus,textarea:focus{outline:2px solid #00B8D9;border-color:#00B8D9}
label{font-size:14px;font-weight:600;color:#0B1F3A;display:flex;flex-direction:column;gap:6px}
body{margin:0;background:#F5F9FD}
a{color:#007A94}a:hover{color:#0B1F3A}
.gridbg{background-color:#EEF5FB;background-image:linear-gradient(rgba(0,140,170,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,140,170,0.09) 1px,transparent 1px);background-size:48px 48px}
.space{background-color:#10213F;background-image:radial-gradient(circle at 82% 18%,rgba(0,184,217,0.22),transparent 38%),radial-gradient(circle at 10% 90%,rgba(80,120,255,0.16),transparent 35%),radial-gradient(1.5px 1.5px at 12% 22%,#FFFFFF,transparent),radial-gradient(1px 1px at 28% 68%,#CFF6FF,transparent),radial-gradient(1.5px 1.5px at 46% 14%,#FFFFFF,transparent),radial-gradient(1px 1px at 63% 52%,#FFFFFF,transparent),radial-gradient(1.2px 1.2px at 77% 81%,#CFF6FF,transparent),radial-gradient(1px 1px at 91% 37%,#FFFFFF,transparent),radial-gradient(1px 1px at 36% 44%,#FFFFFF,transparent),radial-gradient(1.4px 1.4px at 55% 88%,#FFFFFF,transparent),radial-gradient(1px 1px at 5% 55%,#CFF6FF,transparent),radial-gradient(1px 1px at 86% 60%,#FFFFFF,transparent);background-size:100% 100%,100% 100%,340px 340px,420px 420px,380px 380px,300px 300px,460px 460px,360px 360px,280px 280px,500px 500px,320px 320px,440px 440px}
.scard:hover{border-color:#00B8D9 !important}
.card:hover{border-color:#00B8D9 !important;box-shadow:0 8px 28px rgba(0,120,160,0.14) !important}
.navlink:hover{color:#00B8D9 !important}
.s0{width: 100%; font-family: 'IBM Plex Sans', sans-serif; color: #0B1F3A; background: #F5F9FD}
.s1{position: sticky; top: 0; z-index: 10; background: rgba(16,33,63,0.96); border-bottom: 1px solid rgba(0,184,217,0.25)}
.s2{max-width: 1280px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px}
.s3{display: flex; align-items: center; gap: 12px; text-decoration: none; color: #FFFFFF}
.s4{width: 44px; height: 44px; border: 2px solid #00B8D9; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 18px; color: #00B8D9}
.s5{font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 0.08em}
.s6{color: #00B8D9; font-weight: 500}
.s7{display: flex; flex-wrap: wrap; gap: 28px; font-size: 15px; font-weight: 500}
.s8{color: #00B8D9; text-decoration: none}
.s9{color: #D5E3F2; text-decoration: none}
.sa{display: flex; align-items: center; gap: 16px; flex-wrap: wrap}
.sb{color: #FFFFFF; text-decoration: none; font-family: 'IBM Plex Mono', monospace; font-size: 14px}
.sc{background: #00B8D9; color: #04111F; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.04em; padding: 13px 22px; border-radius: 6px}
.sd{color: #FFFFFF}
.se{max-width: 1280px; margin: 0 auto; padding: 40px 24px 96px; display: flex; flex-direction: column; gap: 28px}
.sf{display: flex; flex-wrap: wrap; gap: 10px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: #9DB4CE}
.sg{color: #9DB4CE; text-decoration: none}
.sh{display: flex; flex-direction: column; gap: 24px; max-width: 860px; padding-top: 24px}
.si{font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: 0.2em; color: #00B8D9}
.sj{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(36px, 4.6vw, 60px); line-height: 1.06; letter-spacing: -0.02em}
.sk{color: #00B8D9}
.sl{margin: 0; font-size: 19px; line-height: 1.6; color: #C3D3E6}
.sm{display: flex; flex-wrap: wrap; gap: 16px}
.sn{background: #00B8D9; color: #04111F; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 16px 28px; border-radius: 6px}
.so{border: 1.5px solid rgba(255,255,255,0.6); color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 15px 27px; border-radius: 6px}
.sp{max-width: 1280px; margin: 0 auto; padding: 96px 24px 48px; display: flex; flex-wrap: wrap; gap: 48px}
.sq{flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.sr{font-family: 'IBM Plex Mono', monospace; font-size: 13px; letter-spacing: 0.2em; color: #007A94}
.ss{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(28px, 3vw, 40px); line-height: 1.12}
.st{margin: 0; font-size: 17px; line-height: 1.7; color: #33415C}
.su{flex: 1 1 340px; min-width: 0; background: #FFFFFF; border: 1px solid #D6E6F2; border-top: 4px solid #00B8D9; border-radius: 12px; padding: 32px; display: flex; flex-direction: column; gap: 16px; align-self: flex-start}
.sv{font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 600}
.sw{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px}
.sx{display: flex; gap: 12px; font-size: 15px; line-height: 1.5; color: #33415C}
.sy{color: #007A94; font-weight: 700}
.sz{margin-top: 8px; text-align: center; background: #0B1F3A; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 14px; letter-spacing: 0.04em; padding: 14px 20px; border-radius: 6px}
.s10{max-width: 1280px; margin: 0 auto; padding: 48px 24px; display: flex; flex-direction: column; gap: 32px}
.s11{display: flex; flex-direction: column; gap: 12px; max-width: 760px}
.s12{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 20px}
.s13{background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 14px}
.s14{font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.16em; color: #007A94}
.s15{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 22px; font-weight: 600}
.s16{margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.55; color: #33415C}
.s17{background: #E8F2FA; border-top: 1px solid #D6E6F2; border-bottom: 1px solid #D6E6F2; margin-top: 48px}
.s18{max-width: 1280px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 32px}
.s19{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 16px}
.s1a{background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 12px; padding: 24px 28px; display: flex; flex-direction: column; gap: 12px}
.s1b{display: flex; gap: 12px; align-items: baseline}
.s1c{font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #B4441F; letter-spacing: 0.1em; min-width: 76px}
.s1d{font-size: 17px; font-weight: 600}
.s1e{font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #007A94; letter-spacing: 0.1em; min-width: 76px}
.s1f{font-size: 15px; line-height: 1.6; color: #33415C}
.s1g{max-width: 1280px; margin: 0 auto; padding: 96px 24px 48px; display: flex; flex-direction: column; gap: 32px}
.s1h{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 16px}
.s1i{display: flex; gap: 16px; background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 10px; padding: 20px 22px}
.s1j{flex: 0 0 auto; margin-top: 2px}
.s1k{display: flex; flex-direction: column; gap: 4px}
.s1l{font-size: 16px; font-weight: 600}
.s1m{font-size: 14px; line-height: 1.55; color: #44546E}
.s1n{color: #FFFFFF; margin-top: 48px}
.s1o{max-width: 1280px; margin: 0 auto; padding: 96px 24px; display: flex; flex-direction: column; gap: 40px}
.s1p{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px}
.s1q{border-top: 2px solid #00B8D9; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s1r{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 600}
.s1s{margin: 0; font-size: 15px; line-height: 1.6; color: #C3D3E6}
.s1t{max-width: 1280px; margin: 0 auto; padding: 72px 24px; display: flex; flex-direction: column; gap: 20px}
.s1u{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px}
.s1v{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 26px}
.s1w{font-weight: 600; text-decoration: none}
.s1x{display: flex; flex-wrap: wrap; gap: 12px}
.s1y{background: #FFFFFF; border: 1px solid #BFE3EE; border-radius: 999px; padding: 10px 18px; font-size: 14px; font-weight: 500; color: #0B1F3A; text-decoration: none}
.s1z{background: #00B8D9; color: #04111F}
.s20{max-width: 1280px; margin: 0 auto; padding: 80px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 32px}
.s21{display: flex; flex-direction: column; gap: 12px; max-width: 680px}
.s22{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.08}
.s23{margin: 0; font-size: 18px; line-height: 1.6}
.s24{background: #04111F; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 16px; letter-spacing: 0.04em; padding: 18px 32px; border-radius: 6px}
.s25{background: #0B1F3A}
.s26{max-width: 1280px; margin: 0 auto; padding: 64px 24px 40px; display: flex; flex-direction: column; gap: 40px}
.s27{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; font-size: 14px; line-height: 1.9; color: #B9C8DA}
.s28{display: flex; flex-direction: column; gap: 12px}
.s29{font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 0.08em; color: #FFFFFF}
.s2a{display: flex; flex-direction: column}
.s2b{color: #FFFFFF; font-weight: 600}
.s2c{color: #B9C8DA; text-decoration: none}
.s2d{color: inherit; text-decoration: none}
.s2e{border-top: 1px solid rgba(255,255,255,0.15); padding-top: 24px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #93A7BF}
.s2f{max-width: 1280px; margin: 0 auto; padding: 40px 24px 88px; display: flex; flex-direction: column; gap: 24px}
.s2g{display: flex; gap: 10px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: #9DB4CE}
.s2h{display: flex; flex-direction: column; gap: 20px; max-width: 820px; padding-top: 20px}
.s2i{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(36px, 4.6vw, 58px); line-height: 1.06; letter-spacing: -0.02em}
.s2j{max-width: 1280px; margin: 0 auto; padding: 72px 24px 96px; display: flex; flex-wrap: wrap; gap: 40px; align-items: flex-start}
.s2k{flex: 1 1 560px; min-width: 0; background: #FFFFFF; border: 1px solid #D6E6F2; border-top: 4px solid #00B8D9; border-radius: 12px; padding: 36px; display: flex; flex-direction: column; gap: 20px}
.s2l{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 28px}
.s2m{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px}
.s2n{background: #00B8D9; color: #04111F; border: 0; cursor: pointer; font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 16px 30px; border-radius: 6px}
.s2o{flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.s2p{background: #0B1F3A; color: #FFFFFF; border-radius: 12px; padding: 32px; display: flex; flex-direction: column; gap: 18px}
.s2q{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 22px}
.s2r{color: #00B8D9; text-decoration: none; font-family: 'Space Grotesk', sans-serif; font-size: 28px; font-weight: 700}
.s2s{display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.6; color: #C3D3E6}
.s2t{background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 12px}
.s2u{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 20px}
.s2v{margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.55; color: #33415C}
.s2w{background: #0B1F3A; color: #FFFFFF}
.s2x{max-width: 1280px; margin: 0 auto; padding: 12px 24px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; font-size: 15px}
.s2y{font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.16em; background: #00B8D9; color: #04111F; padding: 4px 10px; border-radius: 4px}
.s2z{color: #7FE7FF; font-weight: 600; text-decoration: none}
.s30{position: sticky; top: 0; z-index: 10; background: rgba(16,33,63,0.94); border-bottom: 1px solid rgba(0,184,217,0.25)}
.s31{max-width: 1280px; margin: 0 auto; padding: 96px 24px 104px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px}
.s32{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 28px}
.s33{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(40px, 5.2vw, 68px); line-height: 1.04; letter-spacing: -0.02em}
.s34{margin: 0; font-size: 19px; line-height: 1.6; color: #C3D3E6; max-width: 560px}
.s35{display: flex; flex-wrap: wrap; gap: 28px; padding-top: 12px; font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: #9DB4CE}
.s36{flex: 1 1 420px; min-width: 0; display: flex; justify-content: center}
.s37{width: 100%; max-width: 500px; height: auto}
.s38{max-width: 1280px; margin: 0 auto; padding: 72px 24px 24px}
.s39{background: #FFFFFF; border: 2px solid #00B8D9; border-radius: 16px; padding: 44px 48px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; box-shadow: 0 12px 40px rgba(0,120,160,0.12)}
.s3a{flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 16px}
.s3b{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(30px, 3.2vw, 42px); line-height: 1.1}
.s3c{margin: 0; font-size: 17px; line-height: 1.6; color: #44546E}
.s3d{flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.s3e{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 16px}
.s3f{display: inline-block; background: #0B1F3A; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 16px 28px; border-radius: 6px}
.s3g{max-width: 1280px; margin: 0 auto; padding: 72px 24px 56px; display: flex; flex-direction: column; gap: 40px}
.s3h{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px}
.s3i{display: flex; flex-direction: column; gap: 14px; max-width: 680px}
.s3j{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.1}
.s3k{margin: 0; max-width: 420px; font-size: 17px; line-height: 1.6; color: #44546E}
.s3l{display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px}
.s3m{background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 2px 10px rgba(11,31,58,0.05)}
.s3n{display: flex; justify-content: space-between; align-items: center}
.s3o{width: 52px; height: 52px; border-radius: 10px; background: #E3F6FA; display: flex; align-items: center; justify-content: center}
.s3p{font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #6B7F99}
.s3q{margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 21px; font-weight: 600}
.s3r{margin: 0; font-size: 15px; line-height: 1.6; color: #44546E}
.s3s{font-size: 14px; font-weight: 600; text-decoration: none; margin-top: auto}
.s3t{max-width: 1280px; margin: 0 auto; padding: 56px 24px}
.s3u{border: 1px solid #BFE3EE; border-radius: 16px; padding: 56px 48px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center}
.s3v{flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 20px}
.s3w{display: inline-block; background: #00B8D9; color: #04111F; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 16px 28px; border-radius: 6px}
.s3x{flex: 1 1 380px; min-width: 0; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px}
.s3y{display: flex; gap: 16px; align-items: center; background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 10px; padding: 14px 18px}
.s3z{font-family: 'IBM Plex Mono', monospace; font-size: 14px; color: #007A94; min-width: 28px}
.s40{font-size: 16px; font-weight: 500}
.s41{max-width: 1280px; margin: 0 auto; padding: 104px 24px; display: flex; flex-direction: column; gap: 40px}
.s42{display: flex; flex-direction: column; gap: 14px; max-width: 700px}
.s43{margin: 0; max-width: 420px; font-size: 17px; line-height: 1.6; color: #C3D3E6}
.s44{background: rgba(26,48,86,0.85); border: 1px solid rgba(0,184,217,0.3); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 14px}
.s45{width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid #00B8D9; display: flex; align-items: center; justify-content: center}
.s46{font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #8EA6C1}
.s47{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: #E0ECF8}
.s48{display: flex; flex-wrap: wrap; gap: 10px; align-items: center}
.s49{font-family: 'IBM Plex Mono', monospace; font-size: 12px; letter-spacing: 0.16em; color: #9DB4CE; margin-right: 8px}
.s4a{border: 1px solid rgba(0,184,217,0.4); border-radius: 999px; padding: 6px 14px; font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: #E0ECF8}
.s4b{background: #E8F2FA; border-top: 1px solid #D6E6F2; border-bottom: 1px solid #D6E6F2}
.s4c{max-width: 1280px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 36px}
.s4d{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px}
.s4e{background: #FFFFFF; border: 1px solid #D6E6F2; border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 8px}
.s4f{font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 600}
.s4g{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 32px}
.s4h{border-top: 3px solid #00B8D9; padding-top: 20px; display: flex; flex-direction: column; gap: 10px}
.s4i{display: flex; flex-direction: column; gap: 12px; max-width: 640px}
.s4j{margin: 0; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(32px, 3.8vw, 50px); line-height: 1.05}
.s4k{display: flex; flex-wrap: wrap; gap: 14px}
.s4l{background: #04111F; color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 16px 28px; border-radius: 6px}
.s4m{border: 2px solid #04111F; color: #04111F; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding: 14px 26px; border-radius: 6px}
@media (max-width:760px){header{position:static !important}}.s4n{color:#00B8D9}
.s4o{display: flex; flex-direction: column; gap: 16px}
.s4p{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px}