:root{--ink:#10203A;--ink2:#2D3D57;--ac:#0039A6;--acd:#002C82;--ac50:#E8EEF9;--muted:#5C6B82;--line:#E1E7F0;--soft:#F2F5FA}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.kbph{position:sticky;top:0;z-index:990}
.kbpx{padding:24px 0 8px;font-family:'Geologica','Inter',system-ui,sans-serif;color:var(--ink)}
.kbpx *{box-sizing:border-box}.kbpx a{text-decoration:none;color:inherit}.kbpx a.kbpx-tile,.kbpx a.kbpx-float{color:var(--ink)}
.kbpx-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.kbpx-panel{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#1257D6 0%,#0039A6 50%,#00287A 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;padding:44px 0 0 48px;min-height:540px}
.kbpx-panel:before{content:'';position:absolute;inset:0;background:url(/p/img/hero-rays.webp) center/cover no-repeat;opacity:.22;mix-blend-mode:screen;pointer-events:none}
.kbpx-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;padding-bottom:44px;min-width:0}
.kbpx-eyebrow{align-self:flex-start;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:7px 14px;font:600 13px/1 'Geologica',sans-serif;letter-spacing:.02em}
.kbpx h1{margin:0;font:700 clamp(46px,5.6vw,84px)/.92 'KBP Bebas','Bebas Neue','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#fff}
.kbpx h1.long{font-size:clamp(40px,4.7vw,68px)}.kbpx h1 span{display:block;margin-top:12px;font:600 clamp(16px,1.45vw,20px)/1.25 'Geologica',sans-serif;text-transform:none;color:#DCE7FB}
.kbpx-lead{margin:0;font:400 18px/1.55 'Inter',sans-serif;color:#E8EEF9;max-width:540px}
.kbpx-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px}
.kbpx-tile{background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;box-shadow:0 10px 24px -14px rgba(0,20,70,.6);transition:transform .15s}
.kbpx-tile:hover{transform:translateY(-2px)}
.kbpx-ico{width:38px;height:38px;border-radius:11px;background:var(--ac50);color:var(--ac);display:grid;place-items:center}
.kbpx-ico svg{width:21px;height:21px}
.kbpx-tile b{display:block;font:700 15px/1.15 'Geologica',sans-serif}.kbpx-tile small{display:block;font:400 12.5px/1.3 'Inter',sans-serif;color:var(--muted);margin-top:2px}
.kbpx-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.kbpx-btn{background:#0B1B3A;color:#fff!important;border-radius:99px;padding:14px 22px;font:600 15px/1 'Geologica',sans-serif}
.kbpx-btn:hover{background:#050F24}
.kbpx-btn2{background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.55);color:#fff!important;border-radius:99px;padding:13px 20px;font:600 15px/1 'Geologica',sans-serif}
.kbpx-btn2:hover{background:rgba(255,255,255,.26)}
.kbpx-art{position:relative;z-index:1;min-width:0}
.kbpx-art img{position:absolute;display:block;height:auto;max-width:none}
.kbpx-float{position:absolute;z-index:3;background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;box-shadow:0 18px 40px -18px rgba(0,20,70,.55);display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;max-width:236px}
.kbpx-float b{display:block;font:700 14px/1.2 'Geologica',sans-serif}.kbpx-float small{display:block;font:400 12.5px/1.3 'Inter',sans-serif;color:var(--muted)}
.kbpx-float .kbpx-ico{width:36px;height:36px}
.art-statue .a-main{width:390px;left:-30px;bottom:0}.art-statue .a-c1{width:130px;right:96px;bottom:34px}.art-statue .a-c2{width:150px;right:-6px;bottom:18px}
.art-statue .kbpx-f1{right:18px;top:26px}.art-statue .kbpx-f2{right:12px;bottom:12px}
.art-tower .a-main{width:430px;right:-34px;bottom:0}.art-tower .a-c1{width:122px;left:-6px;bottom:30px}.art-tower .a-c2{width:112px;left:96px;bottom:16px}
.art-tower .kbpx-f1{left:-8px;top:26px}.art-tower .kbpx-f2{right:14px;bottom:14px}
@media (max-width:1180px){.art-statue .a-main{width:330px}.art-statue .a-c1{width:104px;right:70px}.art-statue .a-c2{width:120px;right:-8px}.art-tower .a-main{width:350px}.art-tower .a-c1{width:100px}.art-tower .a-c2{width:92px;left:80px}}
@media (max-width:980px){.kbpx-panel{grid-template-columns:1fr;padding:30px 22px 0}.kbpx-art{height:400px}.art-statue .a-main{width:300px;left:calc(50% - 230px)}.art-statue .a-c1{width:100px;right:calc(50% - 170px)}.art-statue .a-c2{width:116px;right:calc(50% - 280px)}.art-tower .a-main{width:370px;right:calc(50% - 300px)}.art-tower .a-c1{width:100px;left:calc(50% - 280px)}.art-tower .a-c2{width:92px;left:calc(50% - 190px)}.kbpx-f1{top:6px}.kbpx-f2{display:none}}
@media (max-width:640px){.kbpx{padding:12px 0 4px}.kbpx-wrap{padding:0 12px}.kbpx-panel{border-radius:22px;padding:24px 16px 0;min-height:0}.kbpx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.kbpx-lead{font-size:16px}
.kbpx-btn,.kbpx-btn2{flex:1 1 100%;text-align:center}.kbpx-art{height:360px;margin:0 -16px}.art-statue .a-main{width:270px;left:-14px}.art-statue .a-c1{width:86px;right:88px;bottom:22px}.art-statue .a-c2{width:100px;right:6px;bottom:12px}.art-tower .a-main{width:300px;right:-40px}.art-tower .a-c1{width:82px;left:6px;bottom:20px}.art-tower .a-c2{width:76px;left:78px;bottom:10px}.kbpx-f1,.art-statue .kbpx-f1,.art-tower .kbpx-f1{left:auto;right:12px;top:8px;max-width:200px;padding:9px 10px;grid-template-columns:30px minmax(0,1fr)}.kbpx-float .kbpx-ico{width:30px;height:30px}
.kbpx-tile{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px}.kbpx-tile .kbpx-ico{width:30px;height:30px}.kbpx-tile .kbpx-ico svg{width:18px;height:18px}.kbpx-tile b{font-size:14px;overflow-wrap:anywhere}}
.pk-sec{padding:72px 0 0;font-family:'Geologica','Inter',system-ui,sans-serif}.pk-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.pk-sec h2{margin:0 0 8px;font:700 clamp(26px,3vw,40px)/1.15 'Geologica',sans-serif;letter-spacing:-.01em}
.pk-sub{margin:0 0 26px;font:400 16px/1.5 'Inter',sans-serif;color:var(--muted);max-width:760px}
.pk-qr{display:block;width:100%;height:1040px;border:0;background:transparent}
.pk-qrp{padding-top:28px}.pk-qrp h1{margin:0 0 8px;font:700 clamp(30px,3.6vw,46px)/1.1 'Geologica',sans-serif;letter-spacing:-.01em}.pk-crumbs{margin-bottom:12px;font:500 13px/1.4 'Geologica',sans-serif;color:var(--muted)}.pk-crumbs a{color:inherit;text-decoration:none}
.pk-mq{display:grid;grid-template-columns:minmax(0,1fr) 188px;gap:32px;align-items:center;background:var(--ac50);border-radius:24px;padding:26px 32px}
.pk-mq h2{margin:0 0 6px;font:700 clamp(24px,2.4vw,30px)/1.15 'Geologica',sans-serif}.pk-mq p{margin:0 0 16px;max-width:640px;font:400 15.5px/1.5 'Inter',sans-serif;color:var(--ink2)}
.pk-mq-f{display:flex;gap:10px;max-width:640px}.pk-mq-f input{flex:1;min-width:0;padding:13px 16px;border:1px solid #CFDAEC;border-radius:99px;font:400 15px/1.2 'Inter',sans-serif;background:#fff;color:var(--ink)}.pk-mq-f input:focus{outline:2px solid var(--ac);border-color:transparent}.pk-mq-f .pk-send{flex:none;padding:13px 22px}
.pk-mq-more{display:inline-block;margin-top:12px;font:600 14px/1.3 'Geologica',sans-serif;color:var(--acd);text-decoration:none}.pk-mq-more:hover{text-decoration:underline}
.pk-mq-qr{background:#fff;border-radius:18px;padding:10px;box-shadow:0 10px 24px -16px rgba(0,20,70,.5)}.pk-mq-qr canvas{display:block;width:100%;height:auto}
@media (max-width:640px){.pk-mq{grid-template-columns:1fr;padding:22px 18px;gap:18px;border-radius:22px}.pk-mq-f{flex-direction:column}.pk-mq-f .pk-send{width:100%}.pk-mq-qr{width:176px;justify-self:center}}
.pk-unite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch}
.pk-unite h2{font:700 clamp(40px,4.6vw,64px)/.98 'KBP Bebas','Bebas Neue','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.pk-unite p{margin:0 0 22px;font:400 17px/1.55 'Inter',sans-serif;color:var(--ink2)}
.pk-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pk-li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;background:var(--soft);border-radius:16px;padding:12px 14px}
.pk-li b{display:block;font:700 15px/1.15 'Geologica',sans-serif}.pk-li small{display:block;font:400 12.5px/1.3 'Inter',sans-serif;color:var(--muted);margin-top:2px}
.pk-li .kbpx-ico{background:#fff}
.pk-photo{border-radius:24px;overflow:hidden;min-height:340px}.pk-photo img{width:100%;height:100%;object-fit:cover}
.pk-join{position:relative;overflow:hidden;border-radius:28px;margin-top:72px;background:linear-gradient(115deg,#0B1B3A 0%,#0A2A66 60%,#0039A6 100%);color:#fff;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:center;padding:0 48px 0 0;min-height:320px}
.pk-join:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.035) 0 40px,transparent 40px 110px);pointer-events:none}
.pk-join-art{position:relative;align-self:stretch}.pk-join-art img{position:absolute;left:70px;bottom:-34px;width:190px;max-width:none;height:auto;transform:rotate(-7deg)}
.pk-join-t{position:relative;padding:40px 0}.pk-join h2{margin:0 0 12px;font:700 clamp(38px,4.4vw,62px)/.96 'KBP Bebas','Bebas Neue','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}.pk-join h2 span{display:block;font-size:.72em}
.pk-join p{margin:0 0 22px;max-width:620px;font:400 17px/1.55 'Inter',sans-serif;color:#DCE7FB}
.pk-pill{display:inline-flex;align-items:center;gap:14px;background:var(--ac);color:#fff;text-decoration:none;font:700 14px/1 'Geologica',sans-serif;letter-spacing:.03em;text-transform:uppercase;padding:6px 6px 6px 22px;border-radius:99px;border:0;cursor:pointer}
.pk-pill i{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal}.pk-pill i:before{content:'✦';color:var(--ink);font-size:20px}.pk-pill:hover{background:var(--acd)}
.pk-join .pk-pill{background:#fff;color:var(--ink)}.pk-join .pk-pill i{background:var(--ac)}.pk-join .pk-pill i:before{color:#fff}.pk-join .pk-pill:hover{background:var(--ac50)}
.pk-pres{margin-top:28px;border-radius:24px;background:linear-gradient(115deg,#0039A6,#00287A);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;padding:30px 44px}
.pk-pres h2{margin:0;font:700 clamp(42px,5.2vw,76px)/.9 'KBP Bebas','Bebas Neue','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}.pk-pres h2 span{display:block;font-size:.42em;margin-top:6px}
.pk-pres .pk-pill{background:#fff;color:var(--ink)}.pk-pres .pk-pill i{background:var(--ac)}.pk-pres .pk-pill i:before{color:#fff}
.pk-pres-c{margin-left:auto;text-align:right}.pk-pres-c small{display:block;font:400 13px/1.3 'Inter',sans-serif;color:#DCE7FB;margin-bottom:6px}.pk-pres-c a.t{font:700 clamp(24px,2.6vw,36px)/1 'KBP Bebas','Bebas Neue',sans-serif;letter-spacing:.02em;color:#fff;text-decoration:none}
.pk-ms{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.pk-ms a{height:38px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;color:#fff;text-decoration:none;font:600 13px/1 'Geologica',sans-serif}.pk-ms a:hover{background:rgba(255,255,255,.26)}
.pk-foot{margin-top:72px;background:var(--soft);padding:36px 0 30px;font-family:'Geologica',sans-serif}.pk-foot-t{display:grid;grid-template-columns:auto 1fr;gap:18px 48px;align-items:center}
.pk-foot-logo img{height:48px;width:auto}.pk-foot nav{display:flex;flex-wrap:wrap;gap:10px 26px;font:500 15px/1.3 'Geologica',sans-serif}.pk-foot nav a{text-decoration:none;color:var(--ink2)}.pk-foot nav a:hover{color:var(--acd)}
.pk-foot .legal{margin-top:20px;font:400 13px/1.4 'Inter',sans-serif;gap:8px 20px}.pk-foot .legal a{color:var(--muted)}
.pk-foot .copy{margin:14px 0 0;font:400 13px/1.4 'Inter',sans-serif;color:var(--muted)}.pk-foot .copy a{color:inherit;text-decoration:none}
.pk-dlg{border:0;border-radius:22px;padding:0;width:min(520px,calc(100vw - 24px));box-shadow:0 30px 80px rgba(0,20,70,.35);font-family:'Inter',sans-serif;color:var(--ink)}.pk-dlg::backdrop{background:rgba(6,16,40,.55)}
.pk-dlg form{display:grid;gap:14px;padding:28px}.pk-dlg h3{margin:0;font:700 22px/1.2 'Geologica',sans-serif;padding-right:36px}.pk-dlg .x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer}
.pk-dlg label{display:grid;gap:6px;font:500 14px/1.3 'Inter',sans-serif}.pk-dlg input[type=text],.pk-dlg input[type=email],.pk-dlg input[type=tel],.pk-dlg textarea,.pk-dlg select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:400 15px/1.3 'Inter',sans-serif;background:#fff;color:var(--ink)}.pk-dlg input:focus,.pk-dlg textarea:focus,.pk-dlg select:focus{outline:2px solid var(--ac);outline-offset:0;border-color:transparent}
.pk-ch{display:flex;flex-wrap:wrap;gap:8px}.pk-ch label{display:block}.pk-ch input{position:absolute;opacity:0}.pk-ch span{display:block;padding:9px 14px;border:1px solid var(--line);border-radius:99px;font:600 13px/1 'Geologica',sans-serif;cursor:pointer}.pk-ch input:checked+span{background:var(--ac);border-color:var(--ac);color:#fff}.pk-ch input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
.pk-agree{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font:400 13px/1.4 'Inter',sans-serif!important;color:var(--muted)}.pk-agree input{margin-top:2px;flex:none}.pk-agree a{color:var(--acd)}
.pk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pk-msg{margin:0;font:500 14px/1.4 'Inter',sans-serif}.pk-msg.err{color:#B3261E}.pk-msg.ok{color:#0D7656}
.pk-send{justify-content:center;padding:15px 22px;background:var(--ac);color:#fff;border:0;border-radius:99px;font:600 15px/1 'Geologica',sans-serif;cursor:pointer}.pk-send:hover{background:var(--acd)}.pk-send:disabled{opacity:.6;cursor:default}
.pk-cookie{position:fixed;z-index:995;right:20px;bottom:20px;width:min(560px,calc(100vw - 24px));display:flex;align-items:center;gap:18px;background:#EEF2F8;border-radius:14px;padding:16px 20px;box-shadow:0 14px 40px rgba(0,20,70,.18);font:400 13.5px/1.45 'Inter',sans-serif;color:var(--ink2)}.pk-cookie[hidden]{display:none}.pk-cookie a{color:var(--acd)}.pk-cookie button{flex:none;padding:9px 16px;border:0;border-radius:10px;background:var(--ac);color:#fff;font:600 13px/1 'Geologica',sans-serif;cursor:pointer}
@media (max-width:980px){.pk-unite{grid-template-columns:1fr}.pk-photo{min-height:260px;order:2}.pk-join{grid-template-columns:1fr;padding:0}.pk-join-art{order:2;height:230px}.pk-join-art img{left:calc(50% - 80px);width:160px;bottom:-60px}.pk-join-t{padding:30px 22px 0}.pk-pres-c{margin-left:0;text-align:left}.pk-ms{justify-content:flex-start}}
@media (max-width:640px){.pk-sec{padding-top:48px}.pk-wrap{padding:0 12px}.pk-sec h2{font-size:26px}.pk-unite h2{font-size:42px}.pk-ul{grid-template-columns:1fr}.pk-join{margin-top:48px;border-radius:22px}.pk-pres{padding:24px 20px;margin-top:16px;border-radius:22px}.pk-foot{margin-top:48px}.pk-foot-t{grid-template-columns:1fr}.pk-cookie{right:12px;bottom:12px;padding:12px 14px;gap:12px;font-size:12.5px}}