.jpo-page{color:#0b2852;background:#fff}.jpo-hero{position:relative;overflow:hidden;padding:24px 0 78px;background:radial-gradient(circle at 87% 18%,rgba(161,102,222,.34),transparent 29%),linear-gradient(135deg,#fbf9ff,#eee3ff)}.jpo-hero:after{position:absolute;right:-180px;bottom:-280px;width:520px;height:520px;content:"";border:1px solid rgba(126,79,199,.15);border-radius:50%}.jpo-breadcrumb{position:relative;z-index:2;margin-bottom:46px;font-size:12px;font-weight:700}.jpo-breadcrumb a{color:#7d55c6;text-decoration:none}.jpo-kicker{display:block;margin-bottom:12px;color:#8653ce;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.jpo-hero h1{max-width:760px;margin:0 0 18px;font-size:clamp(45px,5.6vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.062em}.jpo-hero h1 span{color:#8750ce}.jpo-hero p{max-width:710px;margin:0;color:#5d6d81;font-size:15px;line-height:1.8}.jpo-hero-actions{display:flex;margin-top:29px;gap:11px;flex-wrap:wrap}.jpo-primary,.jpo-secondary{display:inline-flex;min-height:50px;padding:12px 18px;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:800;text-decoration:none;border-radius:12px;transition:.2s ease}.jpo-primary{color:#fff;background:linear-gradient(135deg,#9663dc,#7444bd);box-shadow:0 11px 24px rgba(112,64,189,.22)}.jpo-primary:hover{color:#fff;transform:translateY(-2px)}.jpo-secondary{color:#7545b9;background:#fff;border:1px solid #dfd4ec}.jpo-secondary:hover{color:#6738a8;background:#faf7ff}.jpo-hero-books{position:relative;display:flex;height:390px;align-items:center;justify-content:center}.jpo-hero-books img{position:relative;width:auto;height:315px;object-fit:contain;border-radius:3px;box-shadow:0 25px 45px rgba(23,31,51,.25)}.jpo-hero-books img:first-child{z-index:2;transform:rotate(-5deg) translateX(30px)}.jpo-hero-books img:nth-child(2){z-index:1;height:287px;transform:rotate(6deg) translateX(-15px)}.jpo-hero-books>span{position:absolute;z-index:3;right:8%;bottom:3%;display:inline-flex;padding:10px 13px;align-items:center;gap:8px;color:#fff;font-size:12px;font-weight:800;background:#0b2852;border-radius:11px;box-shadow:0 10px 25px rgba(9,31,64,.2)}.jpo-journals{padding:74px 0 90px}.jpo-section-heading{display:flex;margin-bottom:28px;align-items:end;justify-content:space-between;gap:25px}.jpo-section-heading>div>span,.jpo-tutorial-heading>span{color:#8750cc;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.jpo-section-heading h2,.jpo-tutorial-heading h2{margin:6px 0 0;font-size:34px;font-weight:800;letter-spacing:-.045em}.jpo-section-heading>p{max-width:330px;margin:0;color:#8793a3;font-size:12px;text-align:right}.jpo-journal-card{display:grid;overflow:hidden;height:100%;grid-template-columns:210px 1fr;background:#0b2852;border-radius:23px;box-shadow:0 18px 42px rgba(19,39,68,.12)}.jpo-b-card{background:#8750cd}.jpo-cover-wrap{position:relative;display:flex;min-height:430px;padding:31px 22px;align-items:center;justify-content:center;background:#edf0f8}.jpo-cover-wrap img{max-width:100%;max-height:355px;object-fit:contain;box-shadow:0 17px 32px rgba(15,30,53,.22);transition:transform .3s ease}.jpo-journal-card:hover .jpo-cover-wrap img{transform:translateY(-4px) scale(1.02)}.jpo-cover-wrap>span{position:absolute;top:16px;left:16px;padding:7px 9px;color:#fff;font-size:11px;font-weight:800;background:#8650cc;border-radius:8px}.jpo-journal-copy{display:flex;padding:32px 28px;justify-content:center;flex-direction:column;color:#fff}.jpo-label{color:#c9a9f0;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.jpo-b-card .jpo-label{color:rgba(255,255,255,.7)}.jpo-journal-copy h3{margin:9px 0 12px;font-size:25px;font-weight:800;line-height:1.13;letter-spacing:-.035em}.jpo-journal-copy>p{margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.7}.jpo-journal-copy ul{display:grid;margin:19px 0 23px;padding:0;gap:7px;list-style:none}.jpo-journal-copy li{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.86);font-size:11px}.jpo-journal-copy li i{color:#b98ce8}.jpo-b-card .jpo-journal-copy li i{color:#fff}.jpo-journal-copy>a{display:inline-flex;align-self:flex-start;padding:11px 14px;align-items:center;gap:8px;color:#7543b9;font-size:11px;font-weight:800;text-decoration:none;background:#fff;border-radius:10px}.jpo-access-note{display:flex;margin-top:26px;padding:21px 24px;align-items:center;gap:14px;color:#fff;background:linear-gradient(135deg,#8d57d1,#7645bc);border-radius:17px}.jpo-access-note>i{font-size:26px}.jpo-access-note strong{font-size:13px}.jpo-access-note p{margin:4px 0 0;color:rgba(255,255,255,.8);font-size:12px}.jpo-tutorial{padding:86px 0 100px;background:#f8f7fb}.jpo-tutorial-heading{max-width:720px;margin:0 auto 38px;text-align:center}.jpo-tutorial-heading p{margin:10px 0 0;color:#718095;font-size:13px}.jpo-steps{display:grid;gap:24px}.jpo-step{display:grid;padding:20px;align-items:center;grid-template-columns:48px 340px 1fr;gap:24px;background:#fff;border:1px solid #e5e1e9;border-radius:20px;box-shadow:0 12px 32px rgba(22,40,68,.06)}.jpo-step-number{display:grid;width:43px;height:43px;place-items:center;color:#fff;font-size:15px;font-weight:800;background:#8750cc;border-radius:13px}.jpo-step-image{position:relative;display:flex;height:155px;padding:0;align-items:center;justify-content:center;overflow:hidden;background:#eef2f7;border:0;border-radius:13px;cursor:zoom-in}.jpo-step-image img{width:100%;height:100%;object-fit:contain}.jpo-step-image>span{position:absolute;right:12px;bottom:12px;display:grid;width:37px;height:37px;place-items:center;color:#7e49c2;background:#fff;border-radius:10px;box-shadow:0 7px 18px rgba(20,33,51,.15)}.jpo-step h3{margin:0 0 7px;font-size:20px;font-weight:800;letter-spacing:-.02em}.jpo-step p{margin:0;color:#728096;font-size:13px;line-height:1.65}.jpo-image-modal .modal-content{overflow:hidden;color:#fff;background:#081f40;border:0;border-radius:18px}.jpo-image-modal .modal-header{border-color:rgba(255,255,255,.13)}.jpo-image-modal .modal-title{font-size:14px}.jpo-image-modal .modal-body{padding:12px;text-align:center}.jpo-image-modal img{max-width:100%;max-height:78vh;border-radius:9px}
@media(max-width:1199.98px){.jpo-journal-card{grid-template-columns:180px 1fr}.jpo-cover-wrap{min-height:410px;padding:26px 18px}.jpo-journal-copy{padding:29px 23px}.jpo-step{grid-template-columns:48px 300px 1fr}}@media(max-width:991.98px){.jpo-hero-books{height:350px}.jpo-journal-card{grid-template-columns:225px 1fr}.jpo-step{grid-template-columns:44px 260px 1fr}}@media(max-width:767.98px){.jpo-hero{padding-bottom:50px}.jpo-breadcrumb{margin-bottom:32px}.jpo-hero h1{font-size:43px}.jpo-hero-books{height:315px}.jpo-hero-books img{height:260px}.jpo-hero-books img:nth-child(2){height:235px}.jpo-journals,.jpo-tutorial{padding:55px 0 72px}.jpo-section-heading{align-items:flex-start;flex-direction:column}.jpo-section-heading h2,.jpo-tutorial-heading h2{font-size:29px}.jpo-section-heading>p{text-align:left}.jpo-journal-card{grid-template-columns:1fr}.jpo-cover-wrap{min-height:350px}.jpo-journal-copy{padding:28px 24px}.jpo-step{padding:16px;grid-template-columns:42px 1fr;gap:15px}.jpo-step-image{height:190px;grid-column:1/-1;grid-row:2}.jpo-step>div:last-child{grid-column:1/-1;grid-row:3}}