/* Midnight observatory — patrelia.org */
html:root{--bg:#081c27;--surface:#102d3b;--surface-2:#183c4b;--text:#ebf9fc;--text-muted:#a7c4ce;--accent:#69e1e8;--accent-hover:#a0f4f6;--border:#2d5161;--border-soft:#2d5161;--accent-tint:#69e1e814;--accent-tint-strong:#69e1e826;--radius:16px;--radius-sm:16px;--radius-lg:16px;--cta-text:#08232d;--heading-font:"Segoe UI", Arial, sans-serif;--shadow-sm:0 4px 18px #ebf9fc08;--shadow-md:0 12px 32px #ebf9fc12;--shadow-lg:0 20px 55px #ebf9fc18;--ok:#9ddbaf;--danger:#ffa7a0;--button-radius:16px;--input-radius:8px}

/* Site identity layer. Presentation only; existing markup and integrations remain intact. */
body{font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
h1,h2,h3,h4,.calc-widget__title{font-family:var(--heading-font)}
.site-header,.site-header.is-scrolled{background:var(--bg);border-color:var(--border)}
.site-header{box-shadow:none}.header__inner{min-height:86px}.logo__mark{width:44px;height:44px;filter:none}
.logo__word,.logo__word em{color:var(--text)}
.btn--primary,.form-block button[type=submit],.form-block input[type=submit],#registration-form input[type=submit]{background:var(--accent)!important;color:var(--cta-text)!important;border-radius:var(--button-radius,var(--radius));box-shadow:none}
.btn--primary:hover,.form-block input[type=submit]:hover{background:var(--accent-hover)!important;color:var(--cta-text)!important}
.btn--secondary{border-color:var(--accent);color:var(--accent)}
.btn{white-space:normal;text-align:center}.section--band{background:var(--surface)}.section--tint{background:var(--surface-2)}.section--tint::before{background:none}
.section{padding-block:clamp(48px,6.5vw,94px)}
html:root body .hero .hero__bg::before,html:root body .hero .hero__bg::after{display:none}
.hero--home .hero__title-group,.hero--home .hero__rest-group{min-width:0}
.hero--home h1{font-family:var(--heading-font);color:var(--text);text-shadow:none;line-height:1.06}
.hero--home .hero__brand,.hero--home .hero__eyebrow{color:var(--accent)}
.hero--home .hero__lead,.hero--home .hero__benefit small,.hero--home .hero__places>span:first-child{color:var(--text-muted)}
.hero--home .hero__benefit strong,.hero--home .hero__country{color:var(--text)}
.hero--home .hero__benefit-icon{color:var(--accent);border-color:var(--border)}
.hero--home .hero__places{display:flex;flex-wrap:wrap;gap:12px 22px}.hero--home .hero__places>span:first-child{flex-basis:100%}
html:root body .hero__form-col{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:28px}
html:root body .hero .form-heading{font-family:var(--heading-font);font-size:1.4rem;color:var(--text);margin-bottom:20px}
html:root body .hero .form-block{padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;max-width:none}
.form-block{background:var(--surface);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
html:root body .form-block input:not([type=submit]):not([type=hidden]):not([type=checkbox]):not([type=radio]),html:root body .form-block select,html:root body .form-block textarea{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--input-radius,8px)!important}
html:root body .form-block input::placeholder{color:var(--text-muted)!important;opacity:1}
html:root body .hero .form-note,html:root body .hero .form-legal{color:var(--text-muted)}html:root body .hero .form-legal a{color:var(--accent)}
html:root body .iti__selected-dial-code{color:var(--text)}
.iti__country-list{background:var(--surface)!important;color:var(--text)!important}
.card,.review,.step,.faq-item{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.review{min-width:0}.icon-badge{color:var(--accent);background:var(--accent-tint)}.card:hover{border-color:var(--accent)}
.step__num{color:var(--cta-text);background:var(--accent);border-color:var(--accent)}
.section__head h2::before{background:var(--accent)}
.exchange-strip .xlogo{color:var(--text)}.exchange-strip .xlogo:hover{color:var(--accent)}
.exchange-strip h2{color:var(--text-muted)}
.calc-wrap,#inscription{background:var(--surface-2)}
/* Keep the fixed calculator dialog above the header and subsequent sections. */
.calc-wrap{isolation:auto}.calc-wrap>.container{z-index:auto}
html:root body .calc-widget{--calc-accent:var(--accent)!important;--calc-cta-bg:var(--accent)!important;--calc-cta-text-color:var(--cta-text)!important;--calc-result-bg:var(--surface)!important;--calc-surface:var(--surface)!important;--calc-track:var(--border)!important;--calc-title-color:var(--text)!important;--calc-subtitle-color:var(--text-muted)!important;--calc-label-color:var(--text)!important;--calc-value-color:var(--text)!important;--calc-minmax-color:var(--text-muted)!important;--calc-result-title-color:var(--text-muted)!important;--calc-result-value-color:var(--accent)!important;--calc-result-label-color:var(--text-muted)!important;--calc-radius:var(--radius)!important}
.calc-widget__result{border-radius:var(--radius)!important}.calc-widget__wrapper{gap:48px}
.security-visual,.investment-steps .investment-visual,.security-page-visual{border-radius:var(--radius)}
.site-footer{background:var(--surface-2)}.footer__grid{row-gap:32px}
.table-wrap{border-color:var(--border);border-radius:var(--radius)}
table.data tbody tr:nth-child(even){background:var(--accent-tint)}table.data td.tick{color:var(--ok)}table.data td.cross{color:var(--danger)}
/* Unwrapped content tables must scroll locally, including inline min-width tables. */
.prose>table.data{display:block;width:100%;max-width:100%;min-width:0!important;overflow-x:auto}.prose>table.data th,.prose>table.data td{min-width:130px}
.skip-link,.skip-link:focus{color:var(--cta-text)}
html:root body .calc-widget__cta{font-family:inherit;font-size:1rem;min-height:48px;padding:12px 26px;border-radius:var(--button-radius,var(--radius))}
.hero--page h1{font-size:clamp(2.4rem,4.5vw,4.3rem);letter-spacing:-.045em}.page-body .prose{max-width:850px}
html:root body :is(.form-block,.calc-modal__content) input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:14px!important;min-height:46px}
html:root body .calc-modal__content{--calc-modal-text:var(--text);--calc-modal-muted:var(--text-muted);--calc-modal-close-color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:calc(100dvh - 32px);overflow-y:auto}
html:root body .calc-modal__content input:not([type=submit]):not([type=hidden]){background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--input-radius)!important}
html:root body .calc-modal__content input::placeholder{color:var(--text-muted)!important;opacity:1}
html:root body .calc-modal__content input[type=submit]{background:var(--accent)!important;color:var(--cta-text)!important;border-radius:var(--button-radius)!important}
html:root body .calc-modal__legal a{color:var(--accent)}
html:root body .hero__eyebrow{color:var(--accent);border-color:var(--border)}
html:root body .iti__selected-dial-code{color:var(--text)!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

html:root body .hero .hero__bg{background:radial-gradient(ellipse at 75% 30%,#245869 0,transparent 53%),radial-gradient(ellipse at 10% 85%,#152d4b,transparent 60%),#081c27}
html:root body .hero .hero__bg::after{display:block;content:'';position:absolute;width:730px;height:730px;inset:-60px -160px auto auto;border:1px solid #69e1e826;border-radius:50%;box-shadow:0 0 0 80px #69e1e807,0 0 0 160px #69e1e807;background:none;opacity:1;mask-image:none}
.hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-template-areas:'title form' 'rest form';gap:24px 84px;min-height:760px;padding-block:85px}
.hero--home h1{font-size:clamp(3.3rem,5.2vw,5rem);font-weight:300;letter-spacing:-.045em}.hero--home .hero__brand{font-weight:700}.hero--home .hero__eyebrow{background:#123844;border:1px solid #347284;border-radius:99px;padding:8px 16px;font-size:.72rem;letter-spacing:.16em}
html:root body .hero__form-col{background:#12303ee6;border:1px solid #598797;border-radius:24px;box-shadow:0 30px 70px #0004;backdrop-filter:blur(12px);padding:32px}
.logo__word{letter-spacing:.09em;font-size:1.2rem;font-weight:500}.btn{border-radius:10px}.card{background:linear-gradient(135deg,#163a48,#102936);border:1px solid #345766;border-radius:18px;box-shadow:none}.card:hover{box-shadow:0 12px 40px #69e1e811}
.icon-badge{border-radius:50%;border:1px solid #3a7080;background:transparent}.section__head h2::before{width:50px;height:2px;box-shadow:0 0 12px #69e1e8}
.step{border:0;border-left:1px solid var(--accent);border-radius:0;background:transparent;box-shadow:none}.step__num{border:1px solid var(--accent);background:var(--bg);border-radius:50%;color:var(--accent)}
.exchange-strip{background:#0b2430}.review{background:#102d3b;border:1px solid #2d5161;border-radius:22px}.calc-widget__result{border:1px solid #4d8a9b;box-shadow:0 0 60px #69e1e810}
.security-visual{border-radius:50% 50% 16px 16px}.faq-item{box-shadow:none;border-radius:12px}.site-footer{background:#061721;border-top:1px solid #4c7988}

/* Layout changes collapse without changing DOM order, form IDs or script hooks. */
@media(min-width:1024px){.hero--home .hero__form-col{max-width:490px;justify-self:center}.hero--home .hero__title-group{width:100%}}
@media(max-width:1023px){
 .hero--home .hero__inner--crypto{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);grid-template-areas:'title title' 'rest form';gap:30px;padding-block:44px;min-height:0}
 .hero--home h1{font-size:clamp(2.8rem,6vw,4.4rem);max-width:900px}.hero--home .hero__title-group{text-align:left;max-width:100%;padding-bottom:0}
 .hero--home .hero__benefits{grid-template-columns:1fr}.hero--home .hero__form-col{max-width:none;padding:24px}
 .investment-steps .container{display:block}.investment-steps .investment-visual{height:auto;max-height:340px}.security-intro{grid-template-columns:1fr 1fr}
 .header__inner{min-height:76px}.calc-widget__wrapper{gap:30px}.calc-wrap>.container{padding:32px 24px}
}
@media(max-width:700px){
 .hero--home .hero__inner--crypto{grid-template-columns:minmax(0,1fr);grid-template-areas:'title' 'rest' 'form';gap:28px;padding-block:36px 48px}
 .hero--home h1{font-size:clamp(2.6rem,11vw,3.8rem)}.hero--home .hero__form-col{max-width:520px;justify-self:center;padding:24px 20px}
 .hero--home .hero__lead{font-size:1.05rem}.hero--home .hero__benefits{margin-block:22px;gap:18px}.hero--home .hero__eyebrow{font-size:.7rem;letter-spacing:.11em}
 .hero--home .hero__places{gap:10px 18px}.hero--home .hero__country{font-size:.85rem}
 .security-intro{grid-template-columns:1fr}.investment-steps .steps{grid-template-columns:1fr}.card-grid,.card-grid--asym,.reviews-grid{grid-template-columns:minmax(0,1fr)}
 .card-grid--asym>.card:first-child{grid-row:auto}.review{margin:0}.card{padding:28px 24px}.step{padding:24px}
 .calc-widget__wrapper{grid-template-columns:minmax(0,1fr);gap:32px}.calc-wrap>.container{border-radius:0;padding:28px 20px}.calc-widget__title{font-size:2rem}
 .exchange-strip{padding-block:28px}.section__head h2{font-size:1.8rem}.security-visual{max-height:340px}
 .footer__grid{column-gap:18px}.footer__col a{overflow-wrap:anywhere}.hero--page .hero__inner{gap:28px}.hero__form-col{min-width:0}
 html:root body :is(.form-block,.calc-modal__content) input:not([type=hidden]):not([type=checkbox]):not([type=radio]){font-size:16px!important}
}
@media(max-width:480px){.header__inner>.logo{width:auto}.header__inner{gap:12px}.header__actions{width:100%;margin:0}.logo__word{font-size:1.3rem}.header__inner{padding-block:14px}.hero--home .hero__form-col{box-shadow:none}.site-footer{border-radius:0}.section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Crypto hero artwork */
.hero--home .hero__rest-group::before{content:"";display:block;width:100%;max-width:600px;height:auto;aspect-ratio:600/140;margin:0 0 24px;background:url('../images/hero-crypto-accent.svg') center/contain no-repeat;pointer-events:none}
@media(max-width:700px){.hero--home .hero__rest-group::before{margin-bottom:22px;min-height:84px}}
/* Home image motion */
@media(min-width:1024px) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero--home .hero__rest-group::before{transform:translate3d(0,var(--parallax-y,0px),0)}
 body:has(.hero--home) .investment-visual,body:has(.hero--home) .security-visual{transform:translate3d(0,var(--parallax-y,0px),0)}
}
/* Match the new illustration colors and keep the focal objects visible. */
body:has(.hero--home) .investment-steps .investment-visual{object-position:center;filter:none}
body:has(.hero--home) .security-visual{filter:none}
