*,::before,::after{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:'Noto Sans',sans-serif;background:#0a0e1a;color:#FAFAFA;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body::selection{background:#f0e1551a}
:focus{outline:none;box-shadow:0 0 0 3px #f0e15566}
.hdmHeader{background:linear-gradient(135deg,#01132E 0%,#020b1f 100%);border-bottom:2px solid #f0e15526;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24}
.hdmHeader .topUtility{max-width:1100px;margin:0 auto;padding:16px 28px 8px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.hdmHeader .brandGroup{display:flex;align-items:center;gap:16px}
.hdmHeader .logoHolder{background:#fafafa0d;border:1px solid #f0e15533;border-radius:6px;padding:8px;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a}
.hdmHeader .logoHolder img{display:block;width:40px;height:40px;object-fit:contain}
.hdmHeader .brandName{font-size:24px;font-weight:700;font-style:italic;color:#F0E155;letter-spacing:-.02em;line-height:1.2}
.hdmHeader .contactQuick{display:flex;align-items:center;gap:28px}
.hdmHeader .contactQuick a{font-size:16px;color:#FAFAFA;text-decoration:none;letter-spacing:.01em;line-height:1.45;transition:color .15s ease-out}
.hdmHeader .contactQuick a:hover{color:#F0E155;transform:translateY(-2px)}
.hdmHeader .navBox{border-top:1px solid #f0e1551a;padding:16px 28px;max-width:1100px;margin:0 auto}
.hdmHeader .mainNav{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;justify-content:center}
.hdmHeader .mainNav a{font-size:16px;color:#FAFAFA;text-decoration:none;padding:8px 16px;border-radius:6px;background:#f0e1550d;letter-spacing:.02em;line-height:1.45;transition:background .12s ease,transform .12s ease}
.hdmHeader .mainNav a:hover{background:#f0e15526;transform:translateY(-2px)}
@media (max-width: 768px) {
.hdmHeader .topUtility{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}
.hdmHeader .contactQuick{flex-direction:column;align-items:flex-start;gap:8px;width:100%}
.hdmHeader .navBox{padding:16px}
.hdmHeader .mainNav{justify-content:flex-start;gap:8px}
.hdmHeader .mainNav a{font-size:16px;padding:16px}
}
@media (max-width: 390px) {
.hdmHeader .brandName{font-size:19px}
.hdmHeader .contactQuick a{font-size:16px}
}
.hdmFooter{background:linear-gradient(135deg,#01132E 0%,#000814 100%);border-top:3px solid #F0E155;margin-top:96px}
.hdmFooter .footerTopRow{max-width:1100px;margin:0 auto;padding:56px 28px 28px;display:flex;align-items:center;gap:28px}
.hdmFooter .footerLogoHolder{background:#f0e15514;border:2px solid #f0e1554d;border-radius:10px;padding:16px;box-shadow:0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hdmFooter .footerLogoHolder img{display:block;width:44px;height:44px;object-fit:contain}
.hdmFooter .companyInfo{flex:1}
.hdmFooter .companyInfo h2{font-size:24px;font-weight:700;font-style:italic;color:#F0E155;margin:0 0 16px;letter-spacing:-.02em;line-height:1.2}
.hdmFooter .companyInfo p{font-size:16px;color:#fafafacc;margin:0;letter-spacing:.01em;line-height:1.65}
.hdmFooter .contactDetails{max-width:1100px;margin:0 auto;padding:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hdmFooter .contactItem{background:#f0e1550a;padding:16px;border-radius:10px;border-left:4px solid #F0E155}
.hdmFooter .contactItem h3{font-size:16px;font-weight:700;color:#F0E155;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}
.hdmFooter .contactItem p{font-size:16px;color:#FAFAFA;margin:0;letter-spacing:.01em;line-height:1.65}
.hdmFooter .contactItem a{color:#FAFAFA;text-decoration:none;transition:color .15s ease-out}
.hdmFooter .contactItem a:hover{color:#F0E155}
.hdmFooter .bottomLegal{background:#0000004d;border-top:1px solid #f0e1551a;padding:28px}
.hdmFooter .legalBox{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px}
.hdmFooter .copyright{font-size:16px;color:#fafafa99;letter-spacing:.01em;line-height:1.45}
.hdmFooter .legalLinks{display:flex;flex-wrap:wrap;gap:8px 28px}
.hdmFooter .legalLinks a{font-size:16px;color:#fafafacc;text-decoration:none;letter-spacing:.01em;line-height:1.45;transition:color .12s ease}
.hdmFooter .legalLinks a:hover{color:#F0E155}
@media (max-width: 768px) {
.hdmFooter .footerTopRow{flex-direction:column;align-items:flex-start;padding:56px 16px 28px}
.hdmFooter .contactDetails{padding:28px 16px;grid-template-columns:1fr}
.hdmFooter .bottomLegal{padding:28px 16px}
.hdmFooter .legalBox{flex-direction:column;align-items:flex-start}
}
.csPopup{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#01132E 0%,#020b1f 100%);border-bottom:3px solid #F0E155;box-shadow:0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24;z-index:1000;display:none}
.csPopup.csVisible{display:block}
.csContent{max-width:1100px;margin:0 auto;padding:28px}
.csMain{display:flex;flex-direction:column;gap:16px}
.csText{font-size:16px;color:#FAFAFA;letter-spacing:.01em;line-height:1.65;margin:0}
.csText a{color:#F0E155;text-decoration:underline;transition:opacity .12s ease}
.csText a:hover{opacity:.8}
.csOptions{display:none;background:#f0e1550d;padding:16px;border-radius:10px;border:1px solid #f0e15533}
.csOptions.csShowing{display:block}
.csToggleItem{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0003;border-radius:6px;margin-bottom:8px}
.csToggleItem:last-child{margin-bottom:0}
.csToggleLabel{font-size:16px;color:#FAFAFA;letter-spacing:.01em;line-height:1.45}
.csToggleSwitch{position:relative;width:56px;height:28px;background:#fafafa33;border-radius:44px;cursor:pointer;transition:background .15s ease}
.csToggleSwitch::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#FAFAFA;border-radius:44px;transition:transform .15s ease}
.csToggleSwitch.csActive{background:#F0E155}
.csToggleSwitch.csActive::after{transform:translateX(28px)}
.csActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.csButton{flex:1;min-width:160px;padding:16px 28px;font-size:16px;font-family:'Noto Sans',sans-serif;font-weight:700;color:#01132E;background:#F0E155;border:none;border-radius:10px;cursor:pointer;letter-spacing:.02em;line-height:1.2;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a}
.csButton:hover{transform:translateY(-2px);box-shadow:0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.csButton.csSecondary{background:#fafafa1a;color:#FAFAFA;border:1px solid #fafafa4d}
@media (max-width: 768px) {
.csContent{padding:16px}
.csActions{flex-direction:column}
.csButton{width:100%;min-width:unset}
}
.legal-data{max-width:1100px;margin:0 auto;padding:56px 16px;background:#01132E;color:#FAFAFA}
.legal-data h1{font-size:70px;line-height:1.2;letter-spacing:-.02em;margin-bottom:56px;color:#F0E155}
.legal-data h2{font-size:24px;line-height:1.45;letter-spacing:-.01em;margin-top:96px;margin-bottom:28px;color:#FAFAFA}
.legal-data h3{font-size:19px;line-height:1.45;letter-spacing:0;margin-top:56px;margin-bottom:16px;color:#F0E155}
.legal-data h4,.legal-data h5,.legal-data h6{font-size:19px;line-height:1.45;letter-spacing:0;margin-top:28px;margin-bottom:16px;color:#FAFAFA}
.legal-data p{font-size:16px;line-height:1.65;letter-spacing:.01em;margin-bottom:28px;color:#FAFAFA;opacity:.92}
.legal-data ul,.legal-data ol{font-size:16px;line-height:1.65;letter-spacing:.01em;margin-bottom:28px;padding-left:28px;color:#FAFAFA;opacity:.92}
.legal-data li{margin-bottom:8px}
.legal-data li:last-child{margin-bottom:0}
.legal-data strong,.legal-data b{color:#F0E155;font-weight:600}
.legal-data em,.legal-data i{font-style:italic;color:#FAFAFA}
.legal-data table{width:100%;margin-bottom:56px;border-collapse:collapse;background:#f0e15508;border-radius:10px;overflow:hidden}
.legal-data thead{background:#f0e1551a}
.legal-data th{font-size:16px;line-height:1.45;letter-spacing:.01em;padding:16px;text-align:left;color:#F0E155;font-weight:600;border-bottom:1px solid #f0e15526}
.legal-data td{font-size:16px;line-height:1.65;letter-spacing:.01em;padding:16px;color:#FAFAFA;opacity:.92;border-bottom:1px solid #f0e15514}
.legal-data tr:last-child td{border-bottom:none}
.legal-data hr{height:1px;border:none;background:#f0e15526;margin:96px 0}
@media (max-width: 768px) {
.legal-data{padding:28px 16px}
.legal-data h1{font-size:24px;margin-bottom:28px}
.legal-data h2{font-size:19px;margin-top:56px;margin-bottom:16px}
.legal-data h3{font-size:16px;margin-top:28px}
.legal-data h4,.legal-data h5,.legal-data h6{font-size:16px;margin-top:16px}
.legal-data table{font-size:16px}
.legal-data th,.legal-data td{padding:8px;font-size:16px}
.legal-data hr{margin:56px 0}
}
.hodexDetailPage{background:#01132E;color:#FAFAFA;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hodexDetailPage img{max-width:100%;height:auto}
.hodexDetailPage .heroDetailBox{background:#FAFAFA;color:#01132E;padding:56px 16px;position:relative;overflow:hidden}
.hodexDetailPage .heroDetailBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-circle(circle,#F0E155 1px,transparent 1px);background-size:28px 28px;opacity:.06;pointer-events:none}
.hodexDetailPage .heroInnerWrapper{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.hodexDetailPage .heroMetaRow{display:flex;gap:28px;margin-bottom:16px;flex-wrap:wrap}
.hodexDetailPage .metaBadge{font-size:16px;padding:8px 16px;background:#01132E;color:#F0E155;border-radius:6px;line-height:1.2;letter-spacing:.02em}
.hodexDetailPage .heroTitle{font-size:70px;line-height:1.2;margin:0 0 28px;letter-spacing:-.02em;font-weight:700}
.hodexDetailPage .heroImageBox{margin:56px 0;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 44px -1px #01132e24}
.hodexDetailPage .heroImageBox::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,transparent,#01132e99);pointer-events:none}
.hodexDetailPage .heroImageBox img{width:100%;height:auto;display:block;object-fit:cover}
.hodexDetailPage .contentMosaicSection{padding:96px 16px;background:#01132E}
.hodexDetailPage .contentMosaicWrapper{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px}
.hodexDetailPage .programBlock{background:#fafafa08;padding:56px;border-radius:16px;border:1px solid #f0e1551f;box-shadow:0 4px 25px -1px #f0e1551a}
.hodexDetailPage .programBlock h2{font-size:24px;line-height:1.45;margin:0 0 28px;color:#F0E155;letter-spacing:-.01em}
.hodexDetailPage .programBlock h3{font-size:19px;line-height:1.45;margin:28px 0 16px;color:#FAFAFA}
.hodexDetailPage .programBlock p{font-size:16px;line-height:1.65;margin:0 0 16px;letter-spacing:.01em}
.hodexDetailPage .programBlock ol{margin:16px 0;padding-left:28px}
.hodexDetailPage .programBlock li{font-size:16px;line-height:1.65;margin-bottom:8px;letter-spacing:.01em}
.hodexDetailPage .programBlock li::marker{color:#F0E155}
.hodexDetailPage .descriptionBlock{position:relative}
.hodexDetailPage .descriptionBlock::before{content:'';position:absolute;top:-28px;left:0;width:56px;height:4px;background:#F0E155}
.hodexDetailPage .descriptionBlock h2{font-size:24px;line-height:1.45;margin:0 0 28px;color:#F0E155;letter-spacing:-.01em}
.hodexDetailPage .descriptionBlock h3{font-size:19px;line-height:1.45;margin:28px 0 16px;color:#FAFAFA}
.hodexDetailPage .descriptionBlock p{font-size:16px;line-height:1.65;margin:0 0 16px;letter-spacing:.01em}
.hodexDetailPage .descriptionBlock mark{background:#f0e15533;color:#F0E155;padding:2px 4px}
.hodexDetailPage .descriptionBlock cite{font-style:italic;color:#fafafacc}
.hodexDetailPage .descriptionBlock ul,.hodexDetailPage .descriptionBlock ol{margin:16px 0;padding-left:28px}
.hodexDetailPage .descriptionBlock li{font-size:16px;line-height:1.65;margin-bottom:8px;letter-spacing:.01em}
.hodexDetailPage .descriptionBlock li::marker{color:#F0E155}
.hodexDetailPage .descriptionBlock dl{margin:16px 0}
.hodexDetailPage .descriptionBlock dt{font-size:16px;line-height:1.65;font-weight:700;color:#F0E155;margin-bottom:8px}
.hodexDetailPage .descriptionBlock dd{font-size:16px;line-height:1.65;margin:0 0 16px 28px}
.hodexDetailPage .descriptionBlock blockquote{margin:28px 0;padding:28px;background:#f0e1550d;border-left:4px solid #F0E155;border-radius:6px}
.hodexDetailPage .descriptionBlock blockquote p{margin:0}
.hodexDetailPage .accentPriceSection{padding:96px 16px;background:linear-gradient(135deg,#F0E155 0%,#f0e155cc 60%,#01132ee6 100%);position:relative;overflow:hidden}
.hodexDetailPage .accentPriceSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L35 25L60 30L35 35L30 60L25 35L0 30L25 25Z' fill='%2301132E' opacity='0.06'/%3E%3C/svg%3E");background-size:60px 60px;opacity:.04;pointer-events:none}
.hodexDetailPage .accentPriceWrapper{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1}
.hodexDetailPage .priceHeading{font-size:24px;line-height:1.2;margin:0 0 16px;color:#01132E;letter-spacing:-.01em}
.hodexDetailPage .priceValue{font-size:70px;line-height:1.2;margin:0 0 28px;color:#01132E;font-weight:700;letter-spacing:-.03em}
.hodexDetailPage .ctaButton{display:inline-block;padding:16px 56px;background:#01132E;color:#F0E155;font-size:19px;line-height:1.2;text-decoration:none;border-radius:44px;border:none;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 4px 25px -1px #01132e1a;letter-spacing:.01em}
.hodexDetailPage .ctaButton:hover{transform:translateY(-2px);box-shadow:0 12px 44px -1px #01132e24}
.hodexDetailPage .pollSection{padding:56px 16px;background:#fafafa08}
.hodexDetailPage .pollWrapper{max-width:1100px;margin:0 auto}
.hodexDetailPage .pollContainer{background:#01132E;border:2px solid #f0e15533;border-radius:10px;padding:56px;box-shadow:0 3px 3px -1px #f0e15514}
.hodexDetailPage .pollTitle{font-size:24px;line-height:1.45;margin:0 0 28px;color:#FAFAFA;text-align:center;letter-spacing:-.01em}
.hodexDetailPage .pollOptions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hodexDetailPage .pollRadio{display:none}
.hodexDetailPage .pollLabel{display:inline-block;padding:16px 56px;background:#fafafa0d;border:2px solid #f0e1554d;border-radius:10px;font-size:19px;line-height:1.2;color:#FAFAFA;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease;letter-spacing:.01em}
.hodexDetailPage .pollLabel:hover{background:#f0e1551a;border-color:#F0E155;transform:translateY(-1px)}
.hodexDetailPage .pollRadio:checked + .pollLabel{background:#F0E155;color:#01132E;border-color:#F0E155;box-shadow:inset 0 4px 8px #01132e33}
.hodexDetailPage .dividerTriangle{position:relative;height:56px;background:#01132E}
.hodexDetailPage .dividerTriangle svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px}
@media (max-width: 1280px) {
.hodexDetailPage .heroTitle{font-size:56px}
.hodexDetailPage .priceValue{font-size:56px}
}
@media (max-width: 768px) {
.hodexDetailPage .heroDetailBox{padding:28px 16px}
.hodexDetailPage .heroTitle{font-size:40px}
.hodexDetailPage .heroImageBox{margin:28px 0}
.hodexDetailPage .contentMosaicSection{padding:56px 16px}
.hodexDetailPage .contentMosaicWrapper{gap:28px}
.hodexDetailPage .programBlock{padding:28px}
.hodexDetailPage .accentPriceSection{padding:56px 16px}
.hodexDetailPage .priceValue{font-size:40px}
.hodexDetailPage .ctaButton{padding:16px 28px}
.hodexDetailPage .pollContainer{padding:28px}
.hodexDetailPage .pollOptions{flex-direction:column}
.hodexDetailPage .pollLabel{width:100%;text-align:center}
}
@media (max-width: 390px) {
.hodexDetailPage .heroTitle{font-size:32px}
.hodexDetailPage .heroMetaRow{gap:8px}
.hodexDetailPage .metaBadge{font-size:14px;padding:8px 12px}
.hodexDetailPage .priceValue{font-size:32px}
}
.hodexPostContainer{background:#01132E;color:#FAFAFA;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hodexPostContainer img{max-width:100%;height:auto}
.hodexPostContainer *{box-sizing:border-box}
.hodexProgressTracker{position:fixed;top:0;left:0;width:100%;height:4px;background:#f0e1551f;z-index:1000}
.hodexProgressFill{height:100%;background:linear-gradient(90deg,#F0E155 0%,#FAFAFA 100%);width:0;transition:width .15s ease-out;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hodexLeadingHero{max-width:1100px;margin:0 auto;padding:96px 16px 56px;position:relative}
.hodexMetaTagRow{display:flex;gap:8px;align-items:center;margin-bottom:28px;flex-wrap:wrap}
.hodexCategoryBadge{display:inline-block;padding:8px 16px;background:#f0e15524;color:#F0E155;border-radius:6px;font-size:16px;letter-spacing:.03em;transition:background .12s ease-out}
.hodexCategoryBadge:hover{background:#f0e1553d;transform:translateY(-2px)}
.hodexPublishDate{font-size:16px;color:#fafafa9e;letter-spacing:.02em}
.hodexArticleTitle{font-size:70px;line-height:1.2;margin:0 0 28px;letter-spacing:-.02em;font-weight:700;max-width:960px}
.hodexArticleTitle span{background:linear-gradient(135deg,#F0E155 0%,#FAFAFA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-bottom:3px solid #F0E155;display:inline}
.hodexImageFrame{width:100%;height:580px;border-radius:16px;overflow:hidden;position:relative;margin-top:56px;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hodexImageFrame img{width:100%;height:100%;object-fit:cover;display:block}
.hodexImageFrame::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#01132eb8 100%);pointer-events:none}
.hodexContentWrapper{background:#FAFAFA;color:#01132E;padding:96px 16px}
.hodexArticleBody{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:56px}
.hodexContentMain{max-width:780px}
.hodexContentMain p{font-size:19px;line-height:1.65;margin:0 0 28px;letter-spacing:.01em}
.hodexContentMain h2{font-size:24px;line-height:1.45;margin:56px 0 28px;font-weight:600;letter-spacing:-.01em;position:relative;padding-top:28px}
.hodexContentMain h2::before{content:'';position:absolute;top:0;left:0;width:84px;height:3px;background:#F0E155}
.hodexContentMain h3{font-size:19px;line-height:1.45;margin:28px 0 16px;font-weight:600;letter-spacing:0}
.hodexContentMain abbr{text-decoration:none;border-bottom:1px dotted #01132E;cursor:help}
.hodexContentMain em{font-style:italic;color:#01132ed6}
.hodexContentMain ol{margin:28px 0;padding-left:28px;list-style:none;counter-reset:orderedItem}
.hodexContentMain ol li{font-size:19px;line-height:1.65;margin-bottom:16px;counter-increment:orderedItem;position:relative;padding-left:16px}
.hodexContentMain ol li::before{content:counter(orderedItem);position:absolute;left:-28px;top:0;font-weight:600;color:#F0E155;background:#01132E;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:16px}
.hodexContentMain blockquote{margin:56px 0;padding:28px 28px 28px 56px;background:#f0e15514;border-left:6px solid #F0E155;border-radius:10px;position:relative}
.hodexContentMain blockquote::before{content:'';position:absolute;left:16px;top:28px;width:28px;height:28px;background:#F0E155;clip-path:polygon(0% 0%,100% 0%,100% 80%,20% 80%,10% 100%,8% 80%,0% 80%)}
.hodexContentMain blockquote p{font-size:19px;line-height:1.65;margin:0;font-style:italic}
.hodexContentMain figure{margin:56px 0;border-radius:10px;overflow:hidden;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24}
.hodexContentMain figure img{width:100%;height:auto;display:block}
.hodexContentMain figcaption{padding:16px;background:#01132e0a;font-size:16px;line-height:1.45;color:#01132eb8;text-align:center}
.hodexTimelineSection{background:#01132E;padding:96px 16px}
.hodexTimelineInner{max-width:1100px;margin:0 auto}
.hodexTimelineHeading{font-size:24px;line-height:1.45;color:#FAFAFA;margin:0 0 56px;text-align:center;letter-spacing:-.01em}
.hodexTimelineGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hodexTimelineCard{background:#fafafa0a;border-radius:10px;padding:28px;border:1px solid #f0e1551f;position:relative;transition:transform .14s ease,border-color .14s ease}
.hodexTimelineCard:hover{transform:translateY(-4px);border-color:#f0e15552}
.hodexTimelineCard:nth-child(odd){margin-left:0}
.hodexTimelineCard:nth-child(even){margin-left:auto}
.hodexTimelinePeriod{font-size:16px;color:#F0E155;margin:0 0 8px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.hodexTimelineEvent{font-size:19px;line-height:1.65;color:#FAFAFA;margin:0}
.hodexActionBand{background:linear-gradient(135deg,#01132E 0%,#01132ee0 45%,#F0E155 100%);padding:96px 16px}
.hodexActionContent{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.hodexActionHeading{font-size:24px;line-height:1.45;color:#FAFAFA;margin:0;max-width:680px;letter-spacing:-.01em}
.hodexCtaButton{display:inline-block;padding:16px 56px;background:#F0E155;color:#01132E;font-size:19px;font-weight:600;text-decoration:none;border-radius:44px;transition:transform .12s ease-out,box-shadow .12s ease-out;letter-spacing:.01em;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hodexCtaButton:hover{transform:translateY(-3px);box-shadow:0 12px 44px -1px #f0e15552}
.hodexCtaButton:active{transform:translateY(0)}
.hodexCtaButton:focus-visible{outline:3px solid #FAFAFA!important;outline-offset:4px!important}
.hodexVerticalStripePattern{position:relative;overflow:hidden}
.hodexVerticalStripePattern::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(90deg,transparent,transparent 8px,#f0e15508 8px,#f0e15508 9px);pointer-events:none;z-index:1}
.hodexBracketFrame{position:relative;padding:28px}
.hodexBracketFrame::before,.hodexBracketFrame::after{content:'';position:absolute;width:24px;height:100%;top:0;border:2px solid #F0E155}
.hodexBracketFrame::before{left:0;border-right:none;border-radius:6px 0 0 6px}
.hodexBracketFrame::after{right:0;border-left:none;border-radius:0 6px 6px 0}
@media (max-width: 1280px) {
.hodexArticleTitle{font-size:56px}
.hodexImageFrame{height:460px}
}
@media (max-width: 768px) {
.hodexLeadingHero{padding:56px 16px 28px}
.hodexArticleTitle{font-size:36px}
.hodexImageFrame{height:320px;margin-top:28px}
.hodexContentWrapper{padding:56px 16px}
.hodexArticleBody{gap:28px}
.hodexContentMain h2{margin:28px 0 16px;padding-top:16px}
.hodexContentMain blockquote{margin:28px 0;padding:16px 16px 16px 28px}
.hodexTimelineSection{padding:56px 16px}
.hodexTimelineHeading{margin-bottom:28px}
.hodexTimelineGrid{grid-template-columns:1fr}
.hodexTimelineCard:nth-child(even){margin-left:0}
.hodexActionBand{padding:56px 16px}
}
@media (max-width: 390px) {
.hodexArticleTitle{font-size:28px}
.hodexImageFrame{height:240px}
.hodexContentMain p,.hodexContentMain ol li,.hodexContentMain blockquote p{font-size:16px}
.hodexCtaButton{padding:16px 28px;font-size:16px}
}
.hodexEventsPage{background:#01132E;color:#FAFAFA;min-height:100vh}
.hodexEventsPage .heroBox{padding:56px 16px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:center;position:relative}
.hodexEventsPage .quoteMarkDecor{position:absolute;top:28px;left:16px;font-size:180px;line-height:1;color:#f0e15514;font-weight:700;pointer-events:none;user-select:none}
.hodexEventsPage .heroTextZone{position:relative;z-index:2}
.hodexEventsPage .heroTitle{font-size:70px;line-height:1.2;margin:0 0 28px;font-weight:700}
.hodexEventsPage .heroTitle .accentWord{color:#F0E155}
.hodexEventsPage .heroActionLink{display:inline-block;color:#FAFAFA;text-decoration:none;font-size:19px;line-height:1.45;padding:0 0 4px;border-bottom:2px solid #F0E155;transition:transform .15s ease-out}
.hodexEventsPage .heroActionLink:hover{transform:translateX(4px)}
.hodexEventsPage .heroImageBox{width:280px;height:350px;border-radius:10px;overflow:hidden;filter:grayscale(40%) brightness(0.9);transition:filter .18s ease}
.hodexEventsPage .heroImageBox:hover{filter:grayscale(0%) brightness(1.05)}
.hodexEventsPage .heroImageBox img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (max-width: 1280px) {
.hodexEventsPage .heroBox{grid-template-columns:1fr 240px;gap:28px}
.hodexEventsPage .heroImageBox{width:240px;height:300px}
.hodexEventsPage .heroTitle{font-size:56px}
}
@media (max-width: 768px) {
.hodexEventsPage .heroBox{grid-template-columns:1fr;padding:28px 16px}
.hodexEventsPage .heroImageBox{width:100%;height:280px;margin:0 auto}
.hodexEventsPage .heroTitle{font-size:42px}
.hodexEventsPage .quoteMarkDecor{font-size:120px}
}
.hodexEventsPage .eventsGridSection{background:linear-gradient(165deg,#01132eff 0%,#0a1e37ff 58%,#01132eff 100%);padding:96px 16px}
.hodexEventsPage .eventsContainer{max-width:1100px;margin:0 auto}
.hodexEventsPage .sectionHeadline{font-size:24px;line-height:1.2;margin:0 0 56px;font-weight:600;color:#FAFAFA;text-align:center}
.hodexEventsPage .eventsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hodexEventsPage .eventCardBox{background:#fafafa0a;border-radius:16px;overflow:hidden;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524;transition:transform .15s ease-out,box-shadow .15s ease-out;position:relative}
.hodexEventsPage .eventCardBox:hover{transform:translateY(-6px);box-shadow:0 8px 12px -1px #f0e1551f 0 12px 35px -1px #f0e15529 0 16px 54px -1px #f0e15533}
.hodexEventsPage .eventImageBox{width:100%;height:200px;overflow:hidden;position:relative}
.hodexEventsPage .eventImageBox img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease,filter .2s ease}
.hodexEventsPage .eventCardBox:hover .eventImageBox img{transform:scale(1.08);filter:brightness(1.1)}
.hodexEventsPage .eventContentBox{padding:28px}
.hodexEventsPage .eventMetaRow{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;gap:8px}
.hodexEventsPage .eventPrice{font-size:19px;line-height:1.45;color:#F0E155;font-weight:600}
.hodexEventsPage .eventUserType{font-size:16px;line-height:1.45;color:#fafafaa6;text-transform:uppercase;font-size:14px;letter-spacing:.05em}
.hodexEventsPage .eventTitle{font-size:19px;line-height:1.45;margin:0 0 16px;font-weight:600;color:#FAFAFA}
.hodexEventsPage .eventDescription{font-size:16px;line-height:1.65;color:#fafafacc;margin:0 0 28px}
.hodexEventsPage .eventLink{display:inline-block;padding:12px 28px;background:#f0e1551a;color:#F0E155;text-decoration:none;border-radius:44px;font-size:16px;line-height:1.45;font-weight:500;transition:background .12s ease,transform .12s ease;border:1px solid #f0e15540}
.hodexEventsPage .eventLink:hover{background:#f0e1552e;transform:translateY(-2px)}
.hodexEventsPage .eventLink:active{animation:flashAccent .15s ease}
@keyframes flashAccent {
0%,100%{background:#f0e1552e}
50%{background:#f0e15573}
}
@media (max-width: 768px) {
.hodexEventsPage .eventsGrid{grid-template-columns:1fr}
.hodexEventsPage .eventsGridSection{padding:56px 16px}
.hodexEventsPage .sectionHeadline{margin:0 0 28px}
}
.hodexEventsPage .comparisonBox{background:#F0E155;padding:96px 16px}
.hodexEventsPage .comparisonContainer{max-width:1100px;margin:0 auto}
.hodexEventsPage .comparisonHeading{font-size:24px;line-height:1.2;margin:0 0 8px;font-weight:600;color:#01132E;position:relative;padding-top:16px}
.hodexEventsPage .comparisonHeading::before{content:'';position:absolute;top:0;left:0;width:80px;height:3px;background:#01132E}
.hodexEventsPage .comparisonIntro{font-size:16px;line-height:1.65;color:#01132ecc;margin:0 0 56px;max-width:680px}
.hodexEventsPage .comparisonGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.hodexEventsPage .comparisonColumn{background:#01132e14;padding:28px;border-radius:10px}
.hodexEventsPage .comparisonColumnTitle{font-size:19px;line-height:1.45;margin:0 0 16px;font-weight:600;color:#01132E}
.hodexEventsPage .comparisonList{list-style:none;margin:0;padding:0}
.hodexEventsPage .comparisonList li{font-size:16px;line-height:1.65;color:#01132ed9;margin:0 0 8px;padding-left:24px;position:relative}
.hodexEventsPage .comparisonList li::before{content:'';position:absolute;left:0;top:10px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:8px solid #01132E}
@media (max-width: 768px) {
.hodexEventsPage .comparisonBox{padding:56px 16px}
.hodexEventsPage .comparisonGrid{grid-template-columns:1fr}
.hodexEventsPage .comparisonIntro{margin:0 0 28px}
}
.hodexEventsPage .processStepsBox{background:#01132E;padding:96px 16px;border-top:1px dashed #f0e15533;border-bottom:1px dashed #f0e15533}
.hodexEventsPage .processContainer{max-width:1100px;margin:0 auto}
.hodexEventsPage .processTitle{font-size:24px;line-height:1.2;margin:0 0 56px;font-weight:600;color:#FAFAFA}
.hodexEventsPage .stepsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hodexEventsPage .stepItem{background:#fafafa08;padding:28px;border-radius:6px;box-shadow:inset 0 4px 8px #01132e4d;transition:transform .15s ease-out}
.hodexEventsPage .stepItem:hover{transform:translateY(-4px)}
.hodexEventsPage .stepNumber{font-size:70px;line-height:1;color:#f0e15526;font-weight:700;margin:0 0 16px}
.hodexEventsPage .stepLabel{font-size:19px;line-height:1.45;margin:0 0 8px;font-weight:600;color:#FAFAFA}
.hodexEventsPage .stepText{font-size:16px;line-height:1.65;color:#fafafabf;margin:0}
@media (max-width: 1280px) {
.hodexEventsPage .stepsRow{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.hodexEventsPage .processStepsBox{padding:56px 16px}
.hodexEventsPage .stepsRow{grid-template-columns:1fr}
.hodexEventsPage .processTitle{margin:0 0 28px}
}
.hodexEventsPage .expertProfileBox{background:linear-gradient(145deg,#0a1e37ff 0%,#01132eff 100%);padding:96px 16px}
.hodexEventsPage .expertContainer{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}
.hodexEventsPage .expertImageWrapper{width:300px;height:375px;border-radius:16px;overflow:hidden;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24}
.hodexEventsPage .expertImageWrapper img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s ease}
.hodexEventsPage .expertImageWrapper:hover img{transform:scale(1.05)}
.hodexEventsPage .expertContentZone{padding-top:16px}
.hodexEventsPage .expertName{font-size:24px;line-height:1.2;margin:0 0 8px;font-weight:600;color:#F0E155}
.hodexEventsPage .expertRole{font-size:16px;line-height:1.45;margin:0 0 28px;color:#fafafaa6;text-transform:uppercase;letter-spacing:.08em}
.hodexEventsPage .expertBio{font-size:16px;line-height:1.65;color:#fafafad9;margin:0 0 16px}
.hodexEventsPage .expertBio::before{content:'';display:block;width:60px;height:2px;background:#F0E155;margin:0 0 16px}
@media (max-width: 1280px) {
.hodexEventsPage .expertContainer{grid-template-columns:240px 1fr;gap:28px}
.hodexEventsPage .expertImageWrapper{width:240px;height:300px}
}
@media (max-width: 768px) {
.hodexEventsPage .expertProfileBox{padding:56px 16px}
.hodexEventsPage .expertContainer{grid-template-columns:1fr}
.hodexEventsPage .expertImageWrapper{width:100%;height:320px;margin:0 auto}
}
.hodexAboutMain{background:#01132E;color:#FAFAFA;min-height:100vh}
.hodexAboutMain img{max-width:100%;height:auto}
.hodexAboutMain *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hodexAboutMain ::selection{background:#f0e1551a}
.hodexAboutMain .heroSplitContainer{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:96px 28px 56px;align-items:end}
.hodexAboutMain .textColumn{padding-bottom:28px}
.hodexAboutMain .imageColumn{position:relative;height:620px}
.hodexAboutMain .imageColumn img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:grayscale(100%);box-shadow:0 12px 44px -1px #f0e15524}
.hodexAboutMain .decorativeBand{position:absolute;bottom:0;left:0;width:140px;height:6px;background:#F0E155}
.hodexAboutMain .heroHeading{font-size:70px;line-height:1.2;letter-spacing:-.02em;margin:0;color:#FAFAFA}
.hodexAboutMain .curvedDivider{width:100%;height:96px;overflow:hidden}
.hodexAboutMain .curvedDivider svg{display:block;width:100%;height:100%}
.hodexAboutMain .accentSection{background:#F0E155;color:#01132E;padding:96px 28px}
.hodexAboutMain .accentWrapper{max-width:1100px;margin:0 auto}
.hodexAboutMain .complexBlock{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.hodexAboutMain .sidebarBox{display:flex;flex-direction:column;gap:28px}
.hodexAboutMain .iconLabel{display:flex;align-items:center;gap:16px}
.hodexAboutMain .iconShape{width:44px;height:44px;border-radius:44px;background:#01132E;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hodexAboutMain .iconShape svg{width:20px;height:20px;fill:#F0E155}
.hodexAboutMain .labelText{font-size:16px;line-height:1.45;font-weight:600;color:#01132E}
.hodexAboutMain .mainContent{display:flex;flex-direction:column;gap:28px}
.hodexAboutMain .overlineHeading{position:relative;padding-top:16px}
.hodexAboutMain .overlineHeading::before{content:'';position:absolute;top:0;left:0;width:56px;height:3px;background:#01132E}
.hodexAboutMain .sectionTitle{font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0;color:#01132E}
.hodexAboutMain .textContent p{font-size:16px;line-height:1.65;margin:0 0 16px;color:#01132E}
.hodexAboutMain .textContent p:last-child{margin-bottom:0}
.hodexAboutMain .horizontalAccent{position:relative;padding-left:28px}
.hodexAboutMain .horizontalAccent::before{content:'';position:absolute;left:0;top:8px;width:16px;height:2px;background:#01132E}
.hodexAboutMain .darkZone{background:#01132E;padding:96px 28px}
.hodexAboutMain .gridContainer{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:56px}
.hodexAboutMain .cardBox{background:#fafafa08;border-radius:16px;padding:28px;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 3px 3px -1px #f0e15514}
.hodexAboutMain .cardBox:hover{transform:translateY(-4px);box-shadow:0 12px 44px -1px #f0e15524}
.hodexAboutMain .cardImage{width:100%;height:220px;object-fit:cover;border-radius:6px;margin-bottom:28px;box-shadow:0 4px 25px -1px #f0e1551a}
.hodexAboutMain .cardImage.floatingStyle{box-shadow:0 12px 44px -1px #f0e15524}
.hodexAboutMain .cardTitle{font-size:19px;line-height:1.45;letter-spacing:0;margin:0 0 16px;color:#FAFAFA}
.hodexAboutMain .cardText{font-size:16px;line-height:1.65;margin:0;color:#fafafad9}
.hodexAboutMain .teamSection{background:linear-gradient(135deg,#01132E 0%,#0a1e42 100%);padding:96px 28px}
.hodexAboutMain .teamWrapper{max-width:1100px;margin:0 auto}
.hodexAboutMain .teamGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px;margin-top:56px}
.hodexAboutMain .memberCard{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;background:#fafafa0a;padding:28px;border-radius:10px;transition:background .12s ease}
.hodexAboutMain .memberCard:hover{background:#fafafa12}
.hodexAboutMain .portraitBox{width:180px;height:252px;overflow:hidden;border-radius:6px;box-shadow:0 4px 25px -1px #01132e1a}
.hodexAboutMain .portraitBox img{width:100%;height:100%;object-fit:cover;object-position:top}
.hodexAboutMain .memberInfo{display:flex;flex-direction:column;gap:16px}
.hodexAboutMain .memberName{font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0;color:#F0E155}
.hodexAboutMain .memberRole{font-size:16px;line-height:1.45;margin:0;color:#fafafab3;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.hodexAboutMain .memberDescription{font-size:16px;line-height:1.65;margin:0;color:#fafafad9}
.hodexAboutMain .metricRow{display:flex;gap:56px;margin-top:28px}
.hodexAboutMain .metricItem{position:relative}
.hodexAboutMain .metricNumber{font-size:24px;line-height:1.2;font-weight:700;color:#F0E155;margin:0 0 8px}
.hodexAboutMain .metricLabel{font-size:16px;line-height:1.45;color:#fafafab3;margin:0}
.hodexAboutMain .sectionHeader{text-align:center;margin-bottom:56px}
.hodexAboutMain .sectionHeaderTitle{font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0;color:#FAFAFA}
.hodexAboutMain .centerDivider{position:relative;height:2px;background:#f0e15533;margin:28px auto 0;max-width:280px}
.hodexAboutMain .centerDivider::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#F0E155;border-radius:44px}
@media (max-width: 1280px) {
.hodexAboutMain .heroSplitContainer{gap:28px;padding:56px 28px}
.hodexAboutMain .imageColumn{height:480px}
.hodexAboutMain .heroHeading{font-size:56px}
.hodexAboutMain .complexBlock{grid-template-columns:220px 1fr;gap:28px}
.hodexAboutMain .teamGrid{gap:28px}
}
@media (max-width: 768px) {
.hodexAboutMain .heroSplitContainer{grid-template-columns:1fr;gap:28px;padding:56px 16px}
.hodexAboutMain .textColumn{padding-bottom:0}
.hodexAboutMain .imageColumn{height:360px}
.hodexAboutMain .heroHeading{font-size:48px}
.hodexAboutMain .accentSection{padding:56px 16px}
.hodexAboutMain .complexBlock{grid-template-columns:1fr;gap:28px}
.hodexAboutMain .sidebarBox{flex-direction:row;flex-wrap:wrap}
.hodexAboutMain .darkZone{padding:56px 16px}
.hodexAboutMain .gridContainer{grid-template-columns:1fr;gap:28px}
.hodexAboutMain .teamSection{padding:56px 16px}
.hodexAboutMain .teamGrid{grid-template-columns:1fr;gap:28px;margin-top:28px}
.hodexAboutMain .memberCard{grid-template-columns:1fr}
.hodexAboutMain .portraitBox{width:100%;height:420px}
.hodexAboutMain .metricRow{gap:28px}
}
@media (max-width: 390px) {
.hodexAboutMain .heroHeading{font-size:36px}
.hodexAboutMain .imageColumn{height:280px}
.hodexAboutMain .metricRow{flex-direction:column;gap:16px}
.hodexAboutMain .sidebarBox{flex-direction:column}
}
.hodexPage{background:#01132E;color:#FAFAFA;min-height:100vh;overflow-x:hidden}
.hodexPage img{max-width:100%;height:auto}
.hodexPage .titleFrame{max-width:1100px;margin:0 auto;padding:96px 28px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.hodexPage .imageContainer{position:relative;border-radius:16px;overflow:hidden;height:520px}
.hodexPage .imageContainer img{width:100%;height:100%;object-fit:cover;object-position:center}
.hodexPage .imageContainer::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom,transparent,#01132ed9);pointer-events:none}
.hodexPage .textZone{position:relative}
.hodexPage .decorativeQuote{position:absolute;top:-40px;left:-30px;font-size:180px;line-height:1;color:#f0e15514;font-weight:700;pointer-events:none}
.hodexPage .titleFrame h1{font-size:70px;line-height:1.2;margin:0 0 28px}
.hodexPage .titleFrame h1 .accentWord{color:#F0E155}
.hodexPage .titleFrame p{font-size:19px;line-height:1.65;color:#fafafad9}
.hodexPage .waveContainer{width:100%;overflow:hidden;line-height:0}
.hodexPage .waveContainer svg{width:100%;height:80px}
.hodexPage .coloredSection{background:#F0E155;color:#01132E;padding:96px 28px}
.hodexPage .contentWrap{max-width:1100px;margin:0 auto}
.hodexPage .coloredSection h2{font-size:70px;line-height:1.2;margin:0 0 56px;text-align:center}
.hodexPage .iconGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;position:relative}
.hodexPage .iconItem{text-align:center;position:relative;opacity:0;animation:revealItem .8s ease-out forwards}
.hodexPage .iconItem:nth-child(1){animation-delay:.2s}
.hodexPage .iconItem:nth-child(2){animation-delay:.4s}
.hodexPage .iconItem:nth-child(3){animation-delay:.6s}
.hodexPage .iconItem:nth-child(4){animation-delay:.8s}
.hodexPage .iconItem:nth-child(5){animation-delay:1s}
.hodexPage .iconItem:nth-child(6){animation-delay:1.2s}
@keyframes revealItem {
from{opacity:0}
to{opacity:1}
}
.hodexPage .iconCircle{width:96px;height:96px;margin:0 auto 28px;background:#01132E;border-radius:44px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s ease-out}
.hodexPage .iconItem:hover .iconCircle{transform:translateY(-4px)}
.hodexPage .iconCircle svg{width:44px;height:44px;fill:#F0E155}
.hodexPage .iconItem h3{font-size:24px;line-height:1.45;margin:0 0 16px}
.hodexPage .iconItem p{font-size:16px;line-height:1.65;color:#01132ed9;margin:0}
.hodexPage .connectingLine{position:absolute;height:2px;background:#01132e26;pointer-events:none}
.hodexPage .lineOne{top:48px;left:calc(16.66% + 48px);width:calc(16.66% - 96px)}
.hodexPage .lineTwo{top:48px;left:calc(50% + 48px);width:calc(16.66% - 96px)}
.hodexPage .lineThree{top:calc(50% + 48px);left:calc(16.66% + 48px);width:calc(16.66% - 96px)}
.hodexPage .lineFour{top:calc(50% + 48px);left:calc(50% + 48px);width:calc(16.66% - 96px)}
.hodexPage .serviceSection{padding:96px 28px;background:linear-gradient(135deg,#01132E 0%,#01132ef2 50%,#f0e1550d 100%)}
.hodexPage .serviceSection h2{font-size:70px;line-height:1.2;margin:0 0 16px}
.hodexPage .serviceSection h2::before{content:'';display:block;width:96px;height:4px;background:#F0E155;margin-bottom:28px}
.hodexPage .serviceSection .introText{font-size:19px;line-height:1.65;color:#fafafad9;margin:0 0 56px;max-width:720px}
.hodexPage .serviceCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hodexPage .serviceCard{background:#fafafa08;border-radius:16px;overflow:hidden;transition:transform .12s ease-out;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24;position:relative}
.hodexPage .serviceCard:hover{transform:translateY(-6px)}
.hodexPage .cardImageWrap{position:relative;height:280px;overflow:hidden}
.hodexPage .cardImageWrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .18s ease}
.hodexPage .cardImageWrap::after{content:'';position:absolute;inset:0;background:#01132e00;transition:background .18s ease;pointer-events:none}
.hodexPage .serviceCard:hover .cardImageWrap::after{background:#01132eb3}
.hodexPage .serviceCard:hover .cardImageWrap img{opacity:.85}
.hodexPage .cardContent{padding:28px}
.hodexPage .cardContent h3{font-size:24px;line-height:1.45;margin:0 0 16px;color:#F0E155}
.hodexPage .cardContent p{font-size:16px;line-height:1.65;color:#fafafad9;margin:0}
.hodexPage .testimonialSection{padding:96px 28px;background:#FAFAFA;color:#01132E}
.hodexPage .testimonialSection h2{font-size:70px;line-height:1.2;margin:0 0 56px;text-align:center}
.hodexPage .testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.hodexPage .testimonialBox{background:#fff;border-radius:10px;padding:28px;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24;display:flex;gap:28px}
.hodexPage .portraitBox{flex-shrink:0;width:140px;height:186px;border-radius:6px;overflow:hidden}
.hodexPage .portraitBox img{width:100%;height:100%;object-fit:cover;object-position:top}
.hodexPage .testimonialText{flex:1}
.hodexPage .testimonialText h4{font-size:19px;line-height:1.45;margin:0 0 8px;color:#01132E}
.hodexPage .testimonialText .role{font-size:16px;line-height:1.65;color:#01132e99;margin:0 0 16px}
.hodexPage .testimonialText p{font-size:16px;line-height:1.65;color:#01132ed9;margin:0}
.hodexPage .dataSection{padding:96px 28px;background:#01132E}
.hodexPage .dataSection h2{font-size:70px;line-height:1.2;margin:0 0 56px;text-align:center;color:#F0E155}
.hodexPage .twoColumnList{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.hodexPage .listItem{display:flex;gap:16px;align-items:start;padding:28px;background:#fafafa08;border-radius:10px;transition:background .15s ease-out;position:relative}
.hodexPage .listItem::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#F0E155;border-radius:10px 0 0 10px;opacity:0;transition:opacity .15s ease-out}
.hodexPage .listItem:hover{background:#fafafa0f}
.hodexPage .listItem:hover::before{opacity:1}
.hodexPage .listIcon{width:28px;height:28px;flex-shrink:0;border-radius:44px;background:#F0E155;display:flex;align-items:center;justify-content:center}
.hodexPage .listIcon svg{width:14px;height:14px;fill:#01132E}
.hodexPage .listContent h4{font-size:19px;line-height:1.45;margin:0 0 8px;color:#FAFAFA}
.hodexPage .listContent p{font-size:16px;line-height:1.65;color:#fafafad9;margin:0}
@media (max-width: 1280px) {
.hodexPage .titleFrame{gap:28px}
.hodexPage .titleFrame h1{font-size:56px}
.hodexPage .iconGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.hodexPage .connectingLine{display:none}
}
@media (max-width: 768px) {
.hodexPage .titleFrame{grid-template-columns:1fr;padding:56px 16px;gap:28px}
.hodexPage .imageContainer{height:360px}
.hodexPage .titleFrame h1{font-size:42px}
.hodexPage .decorativeQuote{font-size:120px;top:-20px;left:-15px}
.hodexPage .coloredSection{padding:56px 16px}
.hodexPage .coloredSection h2{font-size:42px;margin-bottom:28px}
.hodexPage .iconGrid{grid-template-columns:1fr;gap:28px}
.hodexPage .serviceSection{padding:56px 16px}
.hodexPage .serviceSection h2{font-size:42px}
.hodexPage .serviceCards{grid-template-columns:1fr}
.hodexPage .testimonialSection{padding:56px 16px}
.hodexPage .testimonialSection h2{font-size:42px;margin-bottom:28px}
.hodexPage .testimonialGrid{grid-template-columns:1fr;gap:28px}
.hodexPage .testimonialBox{flex-direction:column;align-items:center;text-align:center}
.hodexPage .dataSection{padding:56px 16px}
.hodexPage .dataSection h2{font-size:42px;margin-bottom:28px}
.hodexPage .twoColumnList{grid-template-columns:1fr}
}
@media (max-width: 390px) {
.hodexPage .titleFrame{padding:28px 16px}
.hodexPage .titleFrame h1{font-size:32px}
.hodexPage .coloredSection h2,.hodexPage .serviceSection h2,.hodexPage .testimonialSection h2,.hodexPage .dataSection h2{font-size:32px}
}
::selection{background:#f0e1551a}
.hodexAnalyticsPage{background:#01132E;color:#FAFAFA;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hodexAnalyticsPage img{max-width:100%;height:auto}
.hodexAnalyticsPage::selection{background:#f0e1551a}
.hodexAnalyticsPage .heroTitleBox{background:linear-gradient(142deg,#01132E 0%,#0a1f42 48%,#01132E 100%);padding:96px 28px;position:relative;overflow:hidden}
.hodexAnalyticsPage .heroTitleBox::before{content:'';position:absolute;top:-20%;left:10%;width:380px;height:380px;background:radial-gradient(circle,#f0e1550f,transparent 68%);border-radius:44px;filter:blur(56px);pointer-events:none}
.hodexAnalyticsPage .heroTitleBox::after{content:'';position:absolute;bottom:-15%;right:15%;width:420px;height:420px;background:radial-gradient(circle,#f0e1550a,transparent 70%);border-radius:44px;filter:blur(64px);pointer-events:none}
.hodexAnalyticsPage .heroInnerWrap{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.hodexAnalyticsPage .heroMainHeading{font-size:70px;line-height:1.2;letter-spacing:-.02em;margin:0 0 28px;font-weight:700}
.hodexAnalyticsPage .heroDescriptionText{font-size:19px;line-height:1.65;letter-spacing:.01em;margin:0 0 16px;max-width:720px}
.hodexAnalyticsPage .heroDescriptionText:last-of-type{margin-bottom:0}
.hodexAnalyticsPage .insightMetricsBox{padding:96px 28px;background:#F0E155;color:#01132E}
.hodexAnalyticsPage .insightMetricsInner{max-width:1100px;margin:0 auto}
.hodexAnalyticsPage .metricsGridWrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hodexAnalyticsPage .metricCardItem{background:#01132e14;padding:28px;border-radius:16px;position:relative;transition:transform .15s ease-out}
.hodexAnalyticsPage .metricCardItem:hover{transform:translateY(-4px)}
.hodexAnalyticsPage .metricNumberDisplay{font-size:70px;line-height:1.2;font-weight:700;margin:0 0 8px;letter-spacing:-.03em}
.hodexAnalyticsPage .metricLabelText{font-size:19px;line-height:1.45;margin:0;letter-spacing:.005em}
.hodexAnalyticsPage .articlesListingBox{padding:96px 28px;background:#01132E}
.hodexAnalyticsPage .articlesInnerWrap{max-width:1100px;margin:0 auto}
.hodexAnalyticsPage .sectionLabelHeading{font-size:24px;line-height:1.2;margin:0 0 56px;font-weight:600;letter-spacing:-.01em;position:relative;padding-top:16px}
.hodexAnalyticsPage .sectionLabelHeading::before{content:'';position:absolute;top:0;left:0;width:88px;height:3px;background:linear-gradient(90deg,#F0E155 0%,transparent 100%)}
.hodexAnalyticsPage .postsCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hodexAnalyticsPage .postCardUnit{background:#fafafa08;border-radius:16px;overflow:hidden;transition:transform .12s ease-out,box-shadow .12s ease-out;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24;display:flex;flex-direction:column}
.hodexAnalyticsPage .postCardUnit:hover{transform:translateY(-6px);box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hodexAnalyticsPage .postImageWrap{width:100%;height:220px;overflow:hidden;position:relative}
.hodexAnalyticsPage .postImageWrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#f0e15500;transition:background .18s ease;pointer-events:none}
.hodexAnalyticsPage .postCardUnit:hover .postImageWrap::after{background:#f0e15538}
.hodexAnalyticsPage .postThumbnailImage{width:100%;height:100%;object-fit:cover;display:block}
.hodexAnalyticsPage .postContentBox{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.hodexAnalyticsPage .postTagsRow{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.hodexAnalyticsPage .postTagBadge{font-size:16px;line-height:1.2;padding:8px 16px;background:#f0e1551f;color:#F0E155;border-radius:44px;letter-spacing:.01em}
.hodexAnalyticsPage .postTitleHeading{font-size:24px;line-height:1.45;margin:0 0 16px;font-weight:600;letter-spacing:-.01em}
.hodexAnalyticsPage .postTitleHeading a{color:#FAFAFA;text-decoration:none;transition:color .14s ease-out}
.hodexAnalyticsPage .postTitleHeading a:hover{color:#F0E155}
.hodexAnalyticsPage .postExcerptText{font-size:16px;line-height:1.65;margin:0 0 16px;letter-spacing:.005em;color:#fafafad1;flex-grow:1}
.hodexAnalyticsPage .postMetaRow{font-size:16px;line-height:1.45;color:#fafafa94;letter-spacing:.005em}
.hodexAnalyticsPage .craftProcessBox{padding:96px 28px;background:#0a1829}
.hodexAnalyticsPage .craftProcessInner{max-width:1100px;margin:0 auto}
.hodexAnalyticsPage .processStepsGrid{display:flex;flex-direction:column;gap:56px}
.hodexAnalyticsPage .processStepRow{display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:start}
.hodexAnalyticsPage .stepNumberCircle{width:140px;height:140px;border-radius:16px;background:linear-gradient(135deg,#f0e15524 0%,#f0e1550a 100%);display:flex;align-items:center;justify-content:center;font-size:70px;line-height:1;font-weight:700;color:#F0E155;box-shadow:inset 0 6px 10px #01132e4d;letter-spacing:-.02em}
.hodexAnalyticsPage .stepContentColumn{display:flex;flex-direction:column;gap:16px}
.hodexAnalyticsPage .stepTitleText{font-size:24px;line-height:1.2;margin:0;font-weight:600;letter-spacing:-.01em}
.hodexAnalyticsPage .stepDescriptionPara{font-size:19px;line-height:1.65;margin:0;color:#fafafadb;letter-spacing:.005em}
.hodexAnalyticsPage .imageShowcaseBox{padding:96px 28px;background:#01132E}
.hodexAnalyticsPage .imageShowcaseInner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hodexAnalyticsPage .showcaseImageWrap{width:100%;height:480px;border-radius:16px;overflow:hidden;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524}
.hodexAnalyticsPage .showcaseMainImage{width:100%;height:100%;object-fit:cover;display:block}
.hodexAnalyticsPage .showcaseTextColumn{display:flex;flex-direction:column;gap:28px}
.hodexAnalyticsPage .showcaseHeadingText{font-size:24px;line-height:1.2;margin:0;font-weight:600;letter-spacing:-.01em;position:relative;padding-left:28px}
.hodexAnalyticsPage .showcaseHeadingText::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:#F0E155}
.hodexAnalyticsPage .showcaseBodyText{font-size:19px;line-height:1.65;margin:0;letter-spacing:.005em;color:#fafafae0}
@media (max-width: 1280px) {
.hodexAnalyticsPage .heroMainHeading{font-size:56px}
.hodexAnalyticsPage .metricNumberDisplay{font-size:56px}
.hodexAnalyticsPage .processStepRow{gap:28px}
.hodexAnalyticsPage .imageShowcaseInner{gap:28px}
}
@media (max-width: 768px) {
.hodexAnalyticsPage .heroTitleBox{padding:56px 16px}
.hodexAnalyticsPage .heroMainHeading{font-size:44px}
.hodexAnalyticsPage .insightMetricsBox{padding:56px 16px}
.hodexAnalyticsPage .metricsGridWrap{grid-template-columns:1fr}
.hodexAnalyticsPage .articlesListingBox{padding:56px 16px}
.hodexAnalyticsPage .postsCardsGrid{grid-template-columns:1fr}
.hodexAnalyticsPage .craftProcessBox{padding:56px 16px}
.hodexAnalyticsPage .processStepRow{grid-template-columns:1fr;gap:28px}
.hodexAnalyticsPage .stepNumberCircle{width:100px;height:100px;font-size:56px}
.hodexAnalyticsPage .imageShowcaseBox{padding:56px 16px}
.hodexAnalyticsPage .imageShowcaseInner{grid-template-columns:1fr}
.hodexAnalyticsPage .showcaseImageWrap{height:360px}
}
@media (max-width: 390px) {
.hodexAnalyticsPage .heroMainHeading{font-size:36px}
.hodexAnalyticsPage .metricNumberDisplay{font-size:44px}
.hodexAnalyticsPage .showcaseImageWrap{height:280px}
}
.hodexMensalContactPage{background:#01132E;color:#FAFAFA;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.hodexMensalContactPage img{max-width:100%;height:auto}
.hodexMensalContactPage *{box-sizing:border-box}
.hodexMensalContactPage .heroWrapper{max-width:1100px;margin:0 auto;padding:96px 16px 56px;display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.hodexMensalContactPage .imageContainer{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 12px 44px -1px #f0e15524}
.hodexMensalContactPage .imageContainer::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at bottom right,#01132e99,transparent 60%);pointer-events:none}
.hodexMensalContactPage .imageContainer img{width:100%;height:360px;object-fit:cover;display:block}
.hodexMensalContactPage .titleContent{padding:28px 0 0}
.hodexMensalContactPage .decorativeShape{width:80px;height:4px;background:#F0E155;margin:0 0 28px;border-radius:6px}
.hodexMensalContactPage .mainHeading{font-size:70px;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:0 0 28px;color:#FAFAFA}
.hodexMensalContactPage .mainHeading .underlinedWord{position:relative;display:inline-block}
.hodexMensalContactPage .mainHeading .underlinedWord::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#F0E155;border-radius:6px}
.hodexMensalContactPage .descriptionText{font-size:19px;line-height:1.65;color:#fafafacc;margin:0;letter-spacing:.01em}
.hodexMensalContactPage .formSection{background:linear-gradient(135deg,#F0E155 0%,#f0e155d9 60%,#01132ee6 100%);padding:96px 16px}
.hodexMensalContactPage .formContainer{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:56px;align-items:start}
.hodexMensalContactPage .contactInfoBox{background:#01132ef2;padding:56px 28px;border-radius:16px;box-shadow:0 12px 44px -1px #01132e24}
.hodexMensalContactPage .infoHeading{font-size:24px;line-height:1.2;font-weight:700;color:#F0E155;margin:0 0 28px;letter-spacing:-.01em;position:relative;padding:28px 0 0}
.hodexMensalContactPage .infoHeading::before{content:'';position:absolute;top:0;left:0;width:60px;height:2px;background:#F0E155;border-radius:6px}
.hodexMensalContactPage .contactDetailsList{list-style:none;padding:0;margin:0}
.hodexMensalContactPage .contactDetailsList li{margin:0 0 28px;padding:0 0 0 28px;position:relative;font-size:16px;line-height:1.65;color:#FAFAFA}
.hodexMensalContactPage .contactDetailsList li::before{content:'';position:absolute;left:0;top:8px;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #F0E155}
.hodexMensalContactPage .contactDetailsList li:last-child{margin:0}
.hodexMensalContactPage .detailLabel{display:block;font-size:16px;font-weight:700;color:#F0E155;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}
.hodexMensalContactPage .detailValue{color:#fafafae6}
.hodexMensalContactPage .actualForm{background:#01132e99;padding:56px;border-radius:16px;box-shadow:0 4px 25px -1px #01132e1a 0 3px 3px -1px #01132e14}
.hodexMensalContactPage .formTitle{font-size:24px;line-height:1.2;font-weight:700;color:#FAFAFA;margin:0 0 56px;letter-spacing:-.01em}
.hodexMensalContactPage .inputRow{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 28px}
.hodexMensalContactPage .fieldGroup{display:flex;flex-direction:column;gap:8px}
.hodexMensalContactPage .fieldLabel{font-size:16px;font-weight:700;color:#FAFAFA;text-transform:uppercase;letter-spacing:.05em}
.hodexMensalContactPage .textInput{padding:16px 28px;border:2px solid #f0e1554d;border-radius:10px;background:#01132ecc;color:#FAFAFA;font-size:16px;line-height:1.45;transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .12s ease}
.hodexMensalContactPage .textInput::placeholder{color:#fafafa66;text-transform:uppercase;font-size:16px;letter-spacing:.03em}
.hodexMensalContactPage .textInput:focus{outline:none;border-color:#F0E155;box-shadow:0 0 0 3px #f0e15526;transform:translateY(-2px)}
.hodexMensalContactPage .textInput:hover{transform:translateY(-1px)}
.hodexMensalContactPage .fullWidthGroup{margin:0 0 28px}
.hodexMensalContactPage .selectWrapper{position:relative}
.hodexMensalContactPage .selectInput{width:100%;padding:16px 56px 16px 28px;border:2px solid #f0e1554d;border-radius:10px;background:#01132ecc;color:#FAFAFA;font-size:16px;line-height:1.45;cursor:pointer;appearance:none;transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .12s ease}
.hodexMensalContactPage .selectInput:focus{outline:none;border-color:#F0E155;box-shadow:0 0 0 3px #f0e15526;transform:translateY(-2px)}
.hodexMensalContactPage .selectInput:hover{transform:translateY(-1px)}
.hodexMensalContactPage .selectWrapper::after{content:'';position:absolute;right:28px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 5px 0;border-color:#F0E155 transparent transparent;pointer-events:none}
.hodexMensalContactPage .privacyCheckbox{margin:0 0 28px;display:flex;align-items:start;gap:16px}
.hodexMensalContactPage .privacyCheckbox input[type="checkbox"]{width:24px;height:24px;margin:0;cursor:pointer;flex-shrink:0;border-radius:6px;accent-color:#F0E155}
.hodexMensalContactPage .privacyLabel{font-size:16px;line-height:1.45;color:#fafafacc;cursor:pointer}
.hodexMensalContactPage .privacyLabel a{color:#F0E155;text-decoration:underline;text-underline-offset:3px;transition:color .12s ease}
.hodexMensalContactPage .privacyLabel a:hover{color:#FAFAFA}
.hodexMensalContactPage .submitButton{width:100%;padding:28px 56px;background:#F0E155;color:#01132E;border:none;border-radius:10px;font-size:19px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;transition:background .15s ease-out,transform .12s ease,box-shadow .15s ease-out;box-shadow:0 4px 25px -1px #f0e1551a;position:relative;overflow:hidden}
.hodexMensalContactPage .submitButton::before{content:'';position:absolute;inset:0;background:#01132E;transform:translateY(100%);transition:transform .18s ease-out}
.hodexMensalContactPage .submitButton:hover::before{transform:translateY(0)}
.hodexMensalContactPage .submitButton span{position:relative;z-index:1;transition:color .18s ease-out}
.hodexMensalContactPage .submitButton:hover span{color:#F0E155}
.hodexMensalContactPage .submitButton:hover{transform:translateY(-3px);box-shadow:0 12px 44px -1px #f0e15524}
.hodexMensalContactPage .submitButton:active{transform:translateY(-1px)}
@media (max-width: 1280px) {
.hodexMensalContactPage .heroWrapper{grid-template-columns:240px 1fr;gap:28px;padding:56px 16px 28px}
.hodexMensalContactPage .imageContainer img{height:300px}
.hodexMensalContactPage .mainHeading{font-size:56px}
.hodexMensalContactPage .formContainer{grid-template-columns:320px 1fr;gap:28px}
.hodexMensalContactPage .formSection{padding:56px 16px}
}
@media (max-width: 768px) {
.hodexMensalContactPage .heroWrapper{grid-template-columns:1fr;gap:28px;padding:56px 16px 28px}
.hodexMensalContactPage .imageContainer{max-width:360px;margin:0 auto}
.hodexMensalContactPage .imageContainer img{height:240px}
.hodexMensalContactPage .mainHeading{font-size:56px}
.hodexMensalContactPage .formContainer{grid-template-columns:1fr;gap:28px}
.hodexMensalContactPage .actualForm{padding:28px}
.hodexMensalContactPage .inputRow{grid-template-columns:1fr;gap:16px;margin:0 0 16px}
.hodexMensalContactPage .fullWidthGroup{margin:0 0 16px}
.hodexMensalContactPage .privacyCheckbox{margin:0 0 16px}
.hodexMensalContactPage .submitButton{padding:16px 28px}
}
@media (max-width: 390px) {
.hodexMensalContactPage .mainHeading{font-size:56px}
.hodexMensalContactPage .heroWrapper{padding:28px 8px 16px}
.hodexMensalContactPage .formSection{padding:28px 8px}
.hodexMensalContactPage .actualForm{padding:16px}
.hodexMensalContactPage .contactInfoBox{padding:28px 16px}
}
.hodexMensalSuccess{background:#01132E;color:#FAFAFA;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 16px}
.hodexMensalSuccess .confirmationWrapper{max-width:1100px;width:100%;text-align:center}
.hodexMensalSuccess .statusIcon{width:88px;height:88px;margin:0 auto 28px;border:4px solid #F0E155;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.hodexMensalSuccess .statusIcon::before{content:'';width:28px;height:16px;border-left:4px solid #F0E155;border-bottom:4px solid #F0E155;transform:rotate(-45deg) translateY(-3px)}
.hodexMensalSuccess .mainHeading{font-size:70px;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;color:#FAFAFA}
.hodexMensalSuccess .confirmationText{font-size:24px;line-height:1.45;letter-spacing:.01em;margin:0 0 56px;color:#fafafad1}
.hodexMensalSuccess .detailsBox{background:#f0e1550f;border:1px solid #f0e1552e;border-radius:16px;padding:28px;margin:0 0 56px;box-shadow:0 3px 3px -1px #01132e14 0 4px 25px -1px #01132e1a 0 12px 44px -1px #01132e24}
.hodexMensalSuccess .detailsBox .infoLabel{font-size:16px;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:#F0E155;margin:0 0 8px}
.hodexMensalSuccess .detailsBox .infoValue{font-size:19px;line-height:1.45;letter-spacing:.01em;color:#FAFAFA;margin:0 0 28px}
.hodexMensalSuccess .detailsBox .infoValue:last-child{margin-bottom:0}
.hodexMensalSuccess .actionGroup{display:flex;flex-direction:column;gap:16px;align-items:center}
.hodexMensalSuccess .primaryButton{background:#F0E155;color:#01132E;font-size:19px;line-height:1.45;letter-spacing:.01em;padding:16px 56px;border:none;border-radius:44px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 3px 3px -1px #f0e15514 0 4px 25px -1px #f0e1551a 0 12px 44px -1px #f0e15524;font-weight:600}
.hodexMensalSuccess .primaryButton:hover{transform:translateY(-2px);box-shadow:0 4px 25px -1px #f0e15524 0 12px 44px -1px #f0e1552e}
.hodexMensalSuccess .secondaryButton{color:#F0E155;font-size:16px;line-height:1.45;letter-spacing:.01em;padding:8px 28px;background:transparent;border:1px solid #f0e1554d;border-radius:44px;cursor:pointer;text-decoration:none;display:inline-block;transition:border-color .12s ease,background .12s ease}
.hodexMensalSuccess .secondaryButton:hover{background:#f0e15514;border-color:#f0e15580}
.hodexMensalSuccess .footerNote{font-size:16px;line-height:1.65;letter-spacing:.02em;color:#fafafa94;margin:96px 0 0}
@media (max-width: 768px) {
.hodexMensalSuccess{padding:56px 16px}
.hodexMensalSuccess .mainHeading{font-size:24px}
.hodexMensalSuccess .confirmationText{font-size:19px}
.hodexMensalSuccess .detailsBox{padding:16px}
.hodexMensalSuccess .primaryButton{font-size:16px;padding:16px 28px;width:100%}
.hodexMensalSuccess .secondaryButton{width:100%}
.hodexMensalSuccess .actionGroup{width:100%}
}
@media (max-width: 390px) {
.hodexMensalSuccess .statusIcon{width:64px;height:64px}
.hodexMensalSuccess .statusIcon::before{width:22px;height:12px;border-width:3px}
}