/* Homepage content only: the existing hero, header and all other pages are untouched. */
#hp-content{background:#f4f7fb;color:#13273d;font-family:Inter,system-ui,sans-serif;isolation:isolate}
#hp-content *{box-sizing:border-box}
#hp-content a{text-decoration:none}
#hp-content .hp-wrap,#hp-content .container{width:min(1480px,calc(100% - 64px))!important;max-width:none!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}
#hp-content .hp-section{padding:64px 0}
#hp-content .hp-kicker{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;text-transform:uppercase;color:#477696;margin-bottom:12px}
#hp-content .hp-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
#hp-content h2{font-size:clamp(26px,2.6vw,38px)!important;line-height:1.16!important;letter-spacing:-1.1px!important;color:#12263e!important;font-weight:750!important;margin:0 0 12px!important}
#hp-content p{font-size:14px;line-height:1.65;color:#60748a}
#hp-content .hp-heading p{margin:0;max-width:650px}
#hp-content .hp-text-link{display:inline-flex;align-items:center;gap:12px;color:#1263c4;font-size:13px;font-weight:650;min-height:44px;flex-shrink:0}
#hp-content .hp-text-link:hover{color:#063b85;text-decoration:underline;text-underline-offset:4px}
#hp-content .hp-partners{background:#fff;border-bottom:1px solid #e2eaf2;padding:17px 0}
#hp-content .hp-partner-row{display:flex;align-items:center;gap:28px}
#hp-content .hp-partner-row>.hp-kicker{margin:0;max-width:180px;line-height:1.6}
#hp-content .hp-logos{display:flex;align-items:center;gap:26px;flex:1;overflow-x:auto;min-width:0;padding:5px 0}
#hp-content .hp-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;color:#354f66;font-size:13px}
#hp-content .hp-logo img{object-fit:contain;max-width:140px;max-height:44px}
#hp-content .hp-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#hp-content .hp-event-panel{background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:22px;box-shadow:0 5px 18px #1c436005;min-width:0}
#hp-content .hp-event-panel>h3{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 15px;color:#17334b}
#hp-content .hp-dot{width:7px;height:7px;background:#126fff;border-radius:50%}
#hp-content .hp-dot--lime{background:#529964}
#hp-content .hp-event{display:flex;align-items:center;gap:15px;min-height:94px;padding:16px 4px;border-top:1px solid #eaf0f5;color:#12263e}
#hp-content .hp-event:hover{background:#f5f9fe}
#hp-content .hp-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;min-width:54px;height:61px;background:#edf4ff;border-radius:11px;color:#1263c4}
#hp-content .hp-date strong{font-size:24px;line-height:1.15}
#hp-content .hp-date small{font-size:9px;letter-spacing:.4px}
#hp-content .hp-event-copy{flex:1;min-width:0}
#hp-content .hp-event-copy strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
#hp-content .hp-event-copy small{display:block;margin-top:5px;font-size:12px;color:#657b91}
#hp-content .hp-arrow{font-size:22px;color:#5484aa}
#hp-content .hp-league-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:#edf7f2;color:#308669;font-size:26px;border-radius:12px}
#hp-content .hp-panel-link{display:flex;justify-content:space-between;border-top:1px solid #eaf0f5;padding:15px 0 0;min-height:44px;font-size:12px;font-weight:650;color:#1263c4}
#hp-content .hp-empty{padding:30px 12px;line-height:1.5}
#hp-content .hp-ad-wrap{padding-bottom:24px}
#hp-content .hp-ad-label{display:block;text-align:right;text-transform:uppercase;letter-spacing:1px;font-size:9px;color:#7a8b9c;margin:0 0 8px}
#hp-content .hp-ad{display:grid;grid-template-columns:1.2fr 1fr;background:#0b2337;border:1px solid #243e54;border-radius:16px;overflow:hidden;min-height:180px}
#hp-content .hp-ad-image{background:#edf2f8;min-width:0;display:grid;align-items:center}
#hp-content .hp-ad-image img{display:block;width:100%;height:200px;object-fit:contain}
#hp-content .hp-ad-copy{padding:22px 28px;align-self:center}
#hp-content .hp-ad-copy .hp-kicker{color:#8fb9d5;font-size:9px;margin-bottom:8px}
#hp-content .hp-ad-copy h3{font-size:24px;line-height:1.2;color:#fff;margin:0 0 8px;overflow-wrap:anywhere}
#hp-content .hp-ad-copy p{font-size:12px;color:#b5c9da;margin:0 0 12px}
#hp-content .hp-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#1267ea;color:#fff;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:650;min-height:44px}
#hp-content #how-it-works{background:#fff!important;padding:56px 0!important;margin:0!important}
#hp-content #how-it-works .how{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin-top:30px}
#hp-content #how-it-works h2{text-align:left!important}
#hp-content .fade-up{opacity:1!important;transform:none!important;animation:none!important}
#hp-content .how__step{display:block!important;background:#f5f8fc!important;border:1px solid #e4ebf3!important;border-radius:16px!important;padding:24px!important;box-shadow:none!important;text-align:left!important;min-height:0!important}
#hp-content .how__step::before,#hp-content .how__step::after{display:none!important}
#hp-content .how__number{width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border:0!important;text-align:left!important;display:block!important;color:#1e6ecc!important;font-size:13px!important;margin:0 0 18px!important}
#hp-content .how__step h3{font-size:19px!important;line-height:1.3!important;color:#153149!important;margin:0 0 10px!important}
#hp-content .how__step p{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#63778b!important}
#hp-content #mozliwosci{background:#f4f7fb!important;padding:64px 0!important;margin:0!important}
#hp-content .tfp-home-audience__head{max-width:700px!important;text-align:left!important;margin:0 0 28px!important}
#hp-content .tfp-home-audience__head>span{color:#477696!important;font-size:10px!important;letter-spacing:1.5px!important}
#hp-content .tfp-home-audience__head p{color:#60748a!important;font-size:14px!important}
#hp-content .tfp-home-audience__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#hp-content .tfp-home-audience__item{background:#fff!important;border:1px solid #dce6ef!important;border-radius:14px!important;box-shadow:none!important;min-height:126px!important;padding:22px!important;gap:16px!important;transform:none!important}
#hp-content .tfp-home-audience__item:hover{border-color:#70a6d2!important;background:#fafdff!important}
#hp-content .tfp-home-audience__icon{width:40px!important;height:40px!important;background:#edf4fb!important;border:0!important;box-shadow:none!important;border-radius:10px!important;font-size:18px!important;flex-shrink:0}
#hp-content .tfp-home-audience__copy strong{font-size:16px!important;color:#17334b!important}
#hp-content .tfp-home-audience__copy small{font-size:12px!important;line-height:1.55!important;color:#60748a!important}
#hp-content .hp-community{background:#fff;border-top:1px solid #e7eef5}
#hp-content .hp-club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#hp-content .hp-club{overflow:hidden;border:1px solid #dce6ef;border-radius:16px;color:#17334b;background:#fff}
#hp-content .hp-club:hover{border-color:#70a6d2}
#hp-content .hp-court{height:138px;background:linear-gradient(120deg,#143c42,#2a6c65);overflow:hidden}
#hp-content .hp-club:nth-child(2) .hp-court{background:linear-gradient(120deg,#2b3e57,#52728b)}
#hp-content .hp-club:nth-child(3) .hp-court{background:linear-gradient(120deg,#855337,#b47c51)}
#hp-content .hp-court svg{width:100%;height:100%;fill:none;stroke:#e3f7f071;stroke-width:1;transform:rotate(-12deg) scale(1.25)}
#hp-content .hp-court circle{fill:#d5ed83;stroke:none}
#hp-content .hp-club-copy{padding:22px}
#hp-content .hp-club-copy>small{color:#6a8196;font-size:11px}
#hp-content .hp-club h3{font-size:19px;line-height:1.35;margin:7px 0 9px;overflow-wrap:anywhere}
#hp-content .hp-community-strip{display:flex;align-items:center;gap:20px;padding:22px 28px;margin-top:28px;border-radius:16px;background:#eef5fb;color:#163853}
#hp-content .hp-community-mark{font-size:30px;color:#2675ad}
#hp-content .hp-community-strip strong{display:block;font-size:18px}
#hp-content .hp-community-strip small{display:block;color:#60788e;font-size:12px;margin-top:6px;line-height:1.5}
#hp-content .hp-community-strip .hp-button{margin-left:auto;flex-shrink:0}
#hp-content #contact{background:linear-gradient(120deg,#081625,#0d2e43)!important;padding:64px 0!important;margin:0!important;color:#dbe9f5!important}
#hp-content #contact::before,#hp-content #contact::after{display:none!important}
#hp-content #contact .contact-pro__shell{display:grid!important;grid-template-columns:1fr 1fr!important;gap:60px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
#hp-content #contact .contact-pro__content{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;align-self:center}
#hp-content #contact h2{color:#f3f8ff!important}
#hp-content #contact .contact-pro__content>p{color:#a6bfd3!important;font-size:14px!important}
#hp-content #contact .contact-pro__eyebrow{color:#81b9db!important}
#hp-content #contact .contact-owner-card,#hp-content #contact .contact-pro__item{background:#ffffff06!important;border-color:#ffffff20!important;box-shadow:none!important}
#hp-content #contact .contact-owner-card strong,#hp-content #contact .contact-pro__item strong{color:#edf5fc!important}
#hp-content #contact .contact-owner-card small,#hp-content #contact .contact-pro__item span{color:#a6bfd3!important}
#hp-content #contact .contact-pro__card{background:#fff!important;padding:28px!important;border:1px solid #dce6ef!important;border-radius:18px!important;box-shadow:none!important;min-width:0}
#hp-content #contact .contact-pro__card h3{color:#153149!important;font-size:22px!important}
#hp-content #contact .contact-pro__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
#hp-content #contact .form-input{background:#f5f8fc!important;color:#1a344d!important;border:1px solid #d9e3ee!important;border-radius:9px!important;min-height:44px!important;width:100%!important}
#hp-content #contact .form-label{color:#415a70!important;font-size:12px!important}
#hp-content #contact .contact-consent{color:#60748a!important;font-size:11px!important}
#hp-content #contact .contact-chips button{min-height:36px!important}
#hp-content :is(a,button,input,textarea):focus-visible{outline:3px solid #408adc!important;outline-offset:3px!important}
@media(max-width:1000px){
#hp-content .tfp-home-audience__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#hp-content #contact .contact-pro__shell{gap:28px!important}
#hp-content .hp-club-grid{gap:16px}
}
@media(max-width:700px){
#hp-content .hp-wrap,#hp-content .container{width:calc(100% - 32px)!important}
#hp-content .hp-section,#hp-content #how-it-works,#hp-content #mozliwosci,#hp-content #contact{padding:38px 0!important}
#hp-content .hp-heading{display:block;margin-bottom:20px}
#hp-content .hp-heading>.hp-text-link{margin-top:6px}
#hp-content h2{font-size:28px!important;letter-spacing:-.7px!important}
#hp-content .hp-kicker{font-size:9px;letter-spacing:1.3px}
#hp-content .hp-partner-row{flex-wrap:wrap;gap:10px 18px}
#hp-content .hp-partner-row>.hp-text-link{margin-left:auto;font-size:11px}
#hp-content .hp-logos{order:3;flex-basis:100%}
#hp-content .hp-logos:empty{display:none}
#hp-content .hp-columns,#hp-content #how-it-works .how,#hp-content .hp-club-grid,#hp-content #contact .contact-pro__shell{grid-template-columns:1fr!important;gap:16px!important}
#hp-content .hp-event-panel{padding:18px}
#hp-content .hp-event-copy strong{font-size:14px}
#hp-content .hp-event{gap:12px;min-height:88px}
#hp-content .hp-ad{grid-template-columns:1fr}
#hp-content .hp-ad-image img{height:auto;max-height:190px;object-fit:contain}
#hp-content .hp-ad-copy{padding:20px}
#hp-content .hp-ad-copy h3{font-size:21px}
#hp-content .how__step{padding:22px!important}
#hp-content .tfp-home-audience__grid{grid-template-columns:1fr!important;gap:12px!important}
#hp-content .tfp-home-audience__item{min-height:100px!important;padding:18px!important}
#hp-content .hp-court{height:120px}
#hp-content .hp-club-copy{padding:18px}
#hp-content .hp-community-strip{padding:20px;gap:12px;flex-wrap:wrap}
#hp-content .hp-community-strip>span:nth-child(2){flex:1}
#hp-content .hp-community-strip .hp-button{width:100%;margin:4px 0 0}
#hp-content #contact .contact-pro__card{padding:20px!important}
#hp-content #contact .contact-pro__grid{grid-template-columns:1fr!important}
#hp-content #contact .contact-owner-card{flex-wrap:wrap!important}
}
#hp-content #how-it-works .how__step .how__number{background:none!important;background-image:none!important;color:#246dcc!important;width:auto!important;height:auto!important;border-radius:0!important;font-size:13px!important;line-height:1.4!important;padding:0!important;margin:0 0 16px!important;box-shadow:none!important;-webkit-text-fill-color:#246dcc!important}
#hp-content #how-it-works .how__number::before,#hp-content #how-it-works .how__number::after{display:none!important}
#hp-content #contact .contact-pro__card{width:100%!important;max-width:none!important;margin:0!important}
#hp-content #contact .contact-pro__eyebrow{display:inline-block!important;background:none!important;border:0!important;padding:0!important;font-size:10px!important;letter-spacing:1.5px!important}
/* Compact cinematic edition. */
#hp-content{background:#f8f9f7}
#hp-content .cin-story{padding:72px 0;background:#f8f9f7}
#hp-content .cin-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
#hp-content .cin-copy{max-width:580px}
#hp-content .cin-copy h2{font-size:clamp(30px,3vw,46px)!important;letter-spacing:-1.7px!important;line-height:1.13!important}
#hp-content .cin-copy h2 span{color:#54808c}
#hp-content .cin-copy>p{max-width:490px;font-size:15px;margin:20px 0}
#hp-content .cin-steps{margin:22px 0 25px}
#hp-content .cin-steps>div{display:flex;gap:18px;align-items:baseline;border-top:1px solid #dfe6e5;padding:14px 0}
#hp-content .cin-steps>div>span{font-size:10px;color:#5d8792;letter-spacing:1px}
#hp-content .cin-steps p{margin:0}
#hp-content .cin-steps strong{display:block;color:#183344;font-size:14px}
#hp-content .cin-steps small{display:block;font-size:12px;color:#6b7d86;margin-top:2px}
#hp-content .cin-frame{position:relative;min-height:470px;align-self:stretch;border-radius:20px;overflow:hidden;background:linear-gradient(0deg,#061321dd,transparent 70%),url('/frontend/img/hero-premium/night-court.webp') 72% center/cover;box-shadow:0 18px 48px #143a4b1a;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:28px}
#hp-content .cin-frame-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#bad0db}
#hp-content .cin-frame-top>span:last-child{font-size:23px}
#hp-content .cin-frame-bottom>span{font-size:11px;color:#b6c9d5}
#hp-content .cin-frame-bottom>strong{display:block;font-size:60px;letter-spacing:-2px;line-height:1.15;margin-top:8px;font-weight:650}
#hp-content .hp-ad-wrap{padding:0 0 42px}
#hp-content .cin-contact{padding:58px 0 48px;background:linear-gradient(180deg,#eef4f5 0%,#e8eff0 100%);border-top:1px solid #d9e4e7}
#hp-content .cin-contact-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:76px;align-items:end}
#hp-content .cin-contact-intro{max-width:620px}
#hp-content .cin-contact-heading h2{max-width:610px;font-size:clamp(32px,3vw,45px)!important;line-height:1.08!important;letter-spacing:-1.5px!important;margin:9px 0 18px!important;color:#102f46}
#hp-content .cin-contact-intro>p{max-width:600px;font-size:14px;line-height:1.7;color:#607783;margin:0}
#hp-content .cin-contact-direct{padding:4px 0 2px}
#hp-content .cin-contact-direct__label{display:block;margin-bottom:10px;color:#567f8c;font-size:9px;font-weight:750;letter-spacing:1.45px;text-transform:uppercase}
#hp-content .cin-contact-direct>p{max-width:500px;font-size:13px;line-height:1.65;color:#617984;margin:0 0 15px}
#hp-content .cin-phone{display:inline-flex;align-items:center;gap:22px;font-size:26px;line-height:1.2;font-weight:680;letter-spacing:-.4px;color:#163f58;min-height:38px;text-decoration:none}
#hp-content .cin-phone:hover{color:#1d6ec9}
#hp-content .cin-email{display:flex;width:max-content;max-width:100%;align-items:center;gap:12px;margin-top:7px;color:#477286;font-size:13px;font-weight:600;text-decoration:none}
#hp-content .cin-email:hover{color:#1d6ec9}
#hp-content .cin-contact-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 30px}
#hp-content .cin-contact-topic{display:flex;gap:15px;min-height:112px;padding:19px 19px 17px;border:1px solid #d0dfe3;border-radius:14px;background:rgba(255,255,255,.54);box-shadow:0 8px 24px rgba(35,72,88,.035)}
#hp-content .cin-contact-topic>span{flex:0 0 auto;padding-top:2px;color:#2d76bf;font-size:10px;font-weight:750;letter-spacing:.7px}
#hp-content .cin-contact-topic strong{display:block;color:#18384c;font-size:14px;line-height:1.35;margin-bottom:6px}
#hp-content .cin-contact-topic p{font-size:12px;line-height:1.55;color:#687e88;margin:0}
#hp-content .cin-contact-details{border-top:1px solid #cbdadd;margin-top:0}
#hp-content .cin-contact-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px;min-height:70px;list-style:none;color:#16445f;cursor:pointer}
#hp-content .cin-contact-details summary::-webkit-details-marker{display:none}
#hp-content .cin-contact-summary-copy{display:block;min-width:0}
#hp-content .cin-contact-summary-copy b{display:block;color:#16445f;font-size:14px;font-weight:680;line-height:1.35}
#hp-content .cin-contact-summary-copy small{display:block;margin-top:3px;color:#758b95;font-size:11px;font-weight:450;line-height:1.45}
#hp-content .cin-contact-summary-plus{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #bdcfd4;border-radius:50%;color:#315f73;font-size:22px;font-weight:350;line-height:1;transition:transform .15s,background .15s}
#hp-content .cin-contact-details summary:hover .cin-contact-summary-plus{background:#f7fbfc}
#hp-content .cin-contact-details[open] .cin-contact-summary-plus{transform:rotate(45deg)}
#hp-content .cin-contact-details #contact{padding:0!important;background:none!important}
#hp-content .cin-contact-details #contact>.container{width:100%!important}
#hp-content .cin-contact-details .contact-pro__content{display:none!important}
#hp-content .cin-contact-details #contact .contact-pro__shell{display:block!important}
#hp-content .cin-contact-details #contact .contact-pro__card{max-width:760px!important;margin:0 auto!important}
#hp-content summary:focus-visible{outline:2px solid #408adc;outline-offset:4px}
@media(max-width:900px){#hp-content .cin-story-grid,#hp-content .cin-contact-heading{gap:32px}#hp-content .cin-frame{min-height:430px}#hp-content .cin-contact-heading{grid-template-columns:1fr 1fr}#hp-content .cin-contact-topics{gap:9px}#hp-content .cin-contact-topic{padding:16px 14px}}
@media(max-width:700px){
#hp-content .cin-story{padding:38px 0}
#hp-content .cin-story-grid,#hp-content .cin-contact-heading{grid-template-columns:1fr;gap:26px}
#hp-content .cin-copy h2{font-size:33px!important;letter-spacing:-1.1px!important}
#hp-content .cin-copy>p{font-size:13px;margin:16px 0}
#hp-content .cin-steps{margin:18px 0}
#hp-content .cin-steps>div{padding:11px 0}
#hp-content .cin-frame{min-height:250px;padding:22px;border-radius:16px;background-position:center,70% 65%}
#hp-content .cin-frame-bottom>strong{font-size:43px}
#hp-content .cin-contact{padding:38px 0 30px}
#hp-content .cin-contact-heading{gap:24px}
#hp-content .cin-contact-heading h2{font-size:32px!important;letter-spacing:-1px!important;margin-bottom:14px!important}
#hp-content .cin-contact-intro>p,#hp-content .cin-contact-direct>p{font-size:12px}
#hp-content .cin-phone{font-size:23px}
#hp-content .cin-email{font-size:12px;word-break:break-word}
#hp-content .cin-contact-topics{grid-template-columns:1fr;gap:9px;margin:25px 0 24px}
#hp-content .cin-contact-topic{min-height:0;padding:15px 16px}
#hp-content .cin-contact-details summary{padding:15px 0;min-height:66px}
#hp-content .cin-contact-summary-copy small{max-width:260px}
}
/* Accessible platform guide. Native details also work without JavaScript. */
#hp-content .cin-story-grid{align-items:start}
#hp-content .cin-guide{background:linear-gradient(135deg,#091827,#102e41);color:#ecf5fc;border:1px solid #29485e;border-radius:20px;padding:25px 26px;box-shadow:0 18px 48px #143a4b18;min-width:0}
#hp-content .cin-guide-head>span{color:#81adc7;font-size:9px;letter-spacing:1.5px;line-height:1.5}
#hp-content .cin-guide-head h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;color:#f2f8ff;margin:9px 0}
#hp-content .cin-guide-head p{font-size:12px;color:#9cb7ca;margin:0 0 21px}
#hp-content .cin-guide-item{border-top:1px solid #ffffff18}
#hp-content .cin-guide-item summary{display:flex;align-items:center;gap:13px;min-height:65px;padding:12px 0;list-style:none;cursor:pointer;color:#eef6ff}
#hp-content .cin-guide-item summary::-webkit-details-marker{display:none}
#hp-content .cin-guide-icon{width:32px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #4c87a75c;border-radius:8px;color:#91cbed;background:#b8e7ff06}
#hp-content .cin-guide-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#hp-content .cin-guide-label{flex:1;min-width:0}
#hp-content .cin-guide-label strong{display:block;font-size:13px;font-weight:650;line-height:1.4}
#hp-content .cin-guide-label small{display:block;font-size:10px;line-height:1.5;color:#90aebe;margin-top:3px}
#hp-content .cin-guide-plus{font-size:23px;line-height:1;color:#8cbeda;flex-shrink:0;transition:transform .15s}
#hp-content .cin-guide-item[open] .cin-guide-plus{transform:rotate(45deg)}
#hp-content .cin-guide-item[open] summary strong,#hp-content .cin-guide-item summary:hover strong{color:#9be1ec}
#hp-content .cin-guide-body{padding:0 0 18px 45px}
#hp-content .cin-guide-body p{color:#b6cbd9;font-size:12px;line-height:1.7;margin:0 0 12px}
#hp-content .cin-guide-body ul{padding-left:17px;margin:0 0 14px;list-style:disc;color:#c8dce8;font-size:12px;line-height:1.65}
#hp-content .cin-guide-body li{margin:6px 0;display:list-item}
#hp-content .cin-guide-body li::marker{color:#7cbcd0}
#hp-content .cin-guide-body a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:10px 13px;border:1px solid #437690;border-radius:8px;color:#ccefff;background:#ffffff08;font-size:12px;font-weight:650}
#hp-content .cin-guide-body a:hover{background:#24506a;color:#fff}
@media(max-width:700px){#hp-content .cin-guide{padding:22px 18px;border-radius:16px}#hp-content .cin-guide-head h3{font-size:25px}#hp-content .cin-guide-item summary{gap:10px;min-height:68px}#hp-content .cin-guide-label strong{font-size:12px}#hp-content .cin-guide-body{padding-left:0}#hp-content .cin-guide-body a{width:100%}}
@media(prefers-reduced-motion:reduce){#hp-content .cin-guide-plus{transition:none}}