@font-face{font-family:HB;src:url('/hakbay-akademi-assets/heading-0.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#18202b;font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #126ec9;outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:white;padding:15px}.preview{background:#17202b;color:#d8e0e9;text-align:center;font-size:11px;letter-spacing:1.4px;padding:6px}header{background:white;display:flex;align-items:center;gap:25px;min-height:99px;padding:12px 4%;border-bottom:1px solid #e4e7eb}header .brand{flex-shrink:0}header img{width:190px;height:auto;display:block}nav{display:flex;gap:25px;align-items:center;margin-left:auto}nav a{font-size:11px;font-weight:bold;letter-spacing:.3px;white-space:nowrap}nav a[aria-current],nav a:hover{color:#e00028}#menu{display:none}.btn{background:#e6002c;color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 24px;border:1px solid #e6002c;border-radius:5px;font-size:13px;font-weight:800;line-height:1.4}.btn:hover{background:#bd0025;color:#fff}.btn.small{font-size:11px;padding:12px 17px;white-space:nowrap}.btn.dark{background:#17202b;border-color:#17202b}.btn.outline{background:transparent;border-color:#687382}.btn.light{color:#18202b;border-color:#ccd2da}.wrap{max-width:1240px;width:92%;margin:auto}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#263748,transparent 55%),#0c121b;color:white;padding:72px 0 42px;border-bottom:5px solid #e6002c}.hero:after{content:'';position:absolute;right:-100px;top:-190px;width:760px;height:760px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;pointer-events:none}.eyebrow{color:#e6002c;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.hero .eyebrow{color:#ff5773}h1,h2,h3{font-family:HB,Arial,sans-serif;line-height:1.12;margin-top:0}h1{font-size:clamp(45px,6.1vw,84px);letter-spacing:-1.5px;margin-bottom:24px}h1 em{font-style:normal;color:#fff}h2{font-size:32px}h3{font-size:23px}p{margin:0 0 20px}.hero p:not(.eyebrow){color:#bfccd9;font-size:18px}.hunter h1 em{color:#ff3659}.hero-bottom{display:flex;gap:32px;align-items:center;margin-top:44px;border-top:1px solid #ffffff22;padding-top:25px;font-size:13px;color:#c7d0dd}.hero-bottom a{margin-left:auto;color:white}.hero-gauge{position:absolute;right:10%;top:75px;width:280px;color:#ed3453;transform:rotate(-12deg)}.hero-gauge svg{width:100%}.hero-gauge span{display:block;text-align:center;font-size:10px;letter-spacing:2px;color:#9ba9b9}.section{padding-top:55px;padding-bottom:65px}.safety{border-left:4px solid #e6002c;background:#fff0f2;padding:18px 23px;font-size:14px;margin:0 0 40px;color:#553039}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-title h2{margin-bottom:0}.section-title>span{font-size:13px;color:#697482}.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.problem{background:white;border:1px solid #e1e6eb;border-radius:8px;padding:23px 20px;position:relative;min-height:241px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.problem:hover{transform:translateY(-5px);border-color:#e6002c;box-shadow:0 10px 22px #18202b12}.problem svg{width:61px;height:61px;color:#dc0029;margin:14px 0 19px}.problem h2{font-size:22px;flex:1;margin-bottom:20px}.number{position:absolute;right:19px;top:16px;color:#afb8c3;font-size:12px}.arrow{font-size:10px;font-weight:800;letter-spacing:1px;display:flex;justify-content:space-between;color:#677481}.arrow b{color:#e6002c;font-size:19px}.page-title{font-size:clamp(36px,4.4vw,58px);margin:15px 0 25px}.crumb{color:#687587;font-size:13px;display:inline-block;margin-bottom:16px}.diagnosis{background:#101925;color:#fff;border-radius:12px;padding:38px;min-height:330px;margin-bottom:36px}.diagnosis h2{font-size:34px;max-width:850px;margin-top:23px}.diagnosis .step{color:#acb9c9;font-size:12px;letter-spacing:1px}.progress{height:4px;background:#384353;margin-top:15px}.progress i{display:block;height:100%;background:#f12951}.choices{display:flex;gap:15px;margin:30px 0 20px}.choices button{min-width:150px;padding:17px 28px;font-size:18px}.quiet{background:none;border:none;color:#bcc9d7;padding:8px 0;text-decoration:underline;margin-right:25px;font-size:13px}.path{font-size:12px;color:#b8c6d7;border-top:1px solid #ffffff22;padding-top:15px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-block{background:#1d2938;border:1px solid #354457;padding:20px;border-radius:6px}.result-block .eyebrow{color:#ff6e8c}.result-block p{font-size:15px;margin:0}.result-block a{color:#fff;border-bottom:1px solid #718398}.reference{margin-bottom:35px}.reference h2{font-size:26px}details{background:white;border:1px solid #dde3e9;border-radius:5px;margin:12px 0;padding:18px}summary{cursor:pointer;font-weight:bold}details p:first-of-type{margin-top:20px}.text-link{color:#c60025;display:inline-block;font-weight:bold;margin-top:20px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.lesson-card{background:#fff;border:1px solid #e0e5ea;padding:25px;border-radius:7px}.lesson-card:hover{border-color:#e6002c}.lesson-card span{color:#cf0030;font-size:11px;font-weight:bold}.lesson-card h3{margin:16px 0}.lesson-card p{font-size:14px;color:#5a6777}.lesson-card b{font-size:12px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.lead{font-size:21px;color:#596577;max-width:850px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start;margin:35px 0}.note{background:#e9edf3;border-left:4px solid #17202b;padding:20px;margin:25px 0}.note p{margin:10px 0 0}.diagram{background:#101925;color:#fff;border-radius:10px;padding:25px}.diagram svg{width:100%;stroke:#c7d2dd;fill:none;stroke-width:3}.diagram text{stroke:none;fill:#cbd6e2;font:13px Arial}.diagram .pressure{stroke:#f6385d}.diagram .return{stroke:#45a9f6}.diagram .pilot{stroke:#f2c965;stroke-dasharray:8 6}.diagram p{font-size:12px;color:#aebdd0;margin-top:15px;margin-bottom:0}.legend{font-size:11px;display:flex;flex-wrap:wrap;gap:16px}.legend span:first-child{color:#ff5f7e}.legend span:nth-child(2){color:#65bfff}.legend span:nth-child(3){color:#ffd476}.quiz{background:white;border:1px solid #dfe5ec;padding:25px;margin:35px 0;border-radius:8px}.quiz h2{font-size:26px}.quiz button{background:#edf1f6;border:1px solid #cdd6e1;display:block;padding:14px;text-align:left;width:100%;margin-bottom:10px;border-radius:5px}.quiz-feedback{font-weight:bold;margin:15px 0 0;color:#125c48}.calc-panel{background:white;border:1px solid #dee4ec;padding:27px;border-radius:8px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:16px}label span{display:flex;align-items:center;gap:8px;margin-top:6px}input,textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #bfc9d5;background:#fff;border-radius:4px;color:#17202b}label small{white-space:nowrap;font-size:11px;color:#607084}.calc-panel .btn{width:100%;margin-top:14px}.metric{background:white;border:1px solid #dfe5ec;border-left:4px solid #e6002c;padding:18px;margin-bottom:12px;border-radius:5px}.metric strong{display:block;font-size:24px;margin-top:5px}.metric small{color:#667484;font-size:12px;display:block;margin-top:8px}#calc-error{color:#c00025}.narrow{max-width:780px}#support{background:white;padding:25px;border:1px solid #dfe5ec;border-radius:7px}#support textarea,#support input{margin-top:6px}#support button{margin:8px 8px 8px 0}video{width:100%;max-height:600px;background:#121925;border-radius:8px}footer{background:#0d141e;color:#c5cedb;display:flex;gap:60px;justify-content:space-between;padding:45px 5%;font-size:13px;border-top:4px solid #e6002c}footer img{background:white;border-radius:4px;padding:7px}footer a{display:block;margin-bottom:8px;color:#fff}footer p{margin-top:18px}#piston{transition:transform 1s}.moving .pressure,.moving .return{stroke-dasharray:14 8;animation:flow 1s linear infinite}@keyframes flow{to{stroke-dashoffset:-44}}@media(max-width:1100px){nav{gap:12px}header{gap:14px}.problem-grid{grid-template-columns:repeat(3,1fr)}header img{width:155px}.hero-gauge{right:5%;width:200px}}@media(max-width:800px){header{flex-wrap:wrap;justify-content:space-between;padding:13px 4%;gap:10px;position:relative}header .small{display:none}#menu{display:block;background:#111b28;color:white;border:0;border-radius:4px;padding:10px;font-size:13px}nav{display:none;flex-basis:100%;margin:0;padding:15px 0;flex-direction:column;align-items:start;gap:18px}nav.open{display:flex}.hero{padding:45px 0 30px}.hero-gauge{display:none}.hero-bottom{gap:15px;flex-wrap:wrap}.hero-bottom a{margin-left:0;flex-basis:100%}.section{padding:35px 0 45px}.section-title{display:block}.section-title>span{display:block;margin-top:12px}.problem-grid{grid-template-columns:repeat(2,1fr);gap:12px}.problem{padding:20px 15px;min-height:226px}.problem h2{font-size:21px}.lesson-grid,.two-col{grid-template-columns:1fr}.diagnosis{padding:23px}.diagnosis h2{font-size:27px}.choices button{min-width:0;flex:1}.result-grid{grid-template-columns:1fr}.safety{padding:16px;font-size:13px}.lead{font-size:18px}footer{flex-direction:column;gap:20px}.page-title{overflow-wrap:break-word}.quiz button{font-size:14px}.inputs{gap:12px}.calc-panel{padding:20px}.btn{padding:13px 17px}.legend{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}