39782-vm/wp-content/mu-plugins/aizone-investor.css
Flatlogic Bot 8b4ce34f82 v1
2026-04-23 18:30:01 +00:00

498 lines
10 KiB
CSS

body.aizone-investor-active {
--aiz-bg: #061018;
--aiz-bg-soft: #0b1724;
--aiz-surface: rgba(10, 22, 34, 0.88);
--aiz-surface-strong: #0e1e2d;
--aiz-surface-muted: rgba(255, 255, 255, 0.04);
--aiz-border: rgba(214, 181, 101, 0.22);
--aiz-border-strong: rgba(214, 181, 101, 0.42);
--aiz-text: #f5f2ea;
--aiz-muted: #aeb7c3;
--aiz-gold: #d6b565;
--aiz-gold-soft: #f0d9a0;
--aiz-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
--aiz-radius: 24px;
--aiz-radius-sm: 18px;
color: var(--aiz-text);
background:
radial-gradient(circle at 15% 10%, rgba(214, 181, 101, 0.14), transparent 22%),
radial-gradient(circle at 85% 0%, rgba(67, 112, 157, 0.20), transparent 24%),
linear-gradient(180deg, #040a10 0%, #09111a 35%, #08131d 100%);
}
body.aizone-investor-active .wp-site-blocks,
body.aizone-investor-active .site,
body.aizone-investor-active main,
body.aizone-investor-active .entry-content,
body.aizone-investor-active .wp-block-post-content,
body.aizone-investor-active .wp-block-group {
color: var(--aiz-text);
}
body.aizone-investor-active a {
color: inherit;
}
body.aizone-investor-active .wp-block-separator {
border-color: var(--aiz-border);
}
body.aizone-investor-active .wp-site-blocks {
position: relative;
}
body.aizone-investor-active :where(main.wp-block-group.has-global-padding, .entry-content.wp-block-post-content.has-global-padding) {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}
body.aizone-investor-active .aizone-site-header-shell,
body.aizone-investor-active .aizone-site-footer-shell {
background: transparent;
}
body.aizone-investor-active .aizone-site-header-shell > .wp-block-group__inner-container,
body.aizone-investor-active .aizone-site-footer-shell > .wp-block-group__inner-container {
max-width: 1280px;
margin: 0 auto;
padding-left: 20px !important;
padding-right: 20px !important;
}
body.aizone-investor-active .aizone-site-header {
border-bottom: 1px solid rgba(255,255,255,0.06);
backdrop-filter: blur(16px);
background: rgba(4, 10, 16, 0.72);
}
body.aizone-investor-active .aizone-site-header .wp-block-group.alignwide {
gap: 1rem;
}
body.aizone-investor-active .aizone-site-header .wp-block-site-title a {
font-size: 1.02rem;
letter-spacing: 0.18em;
text-transform: uppercase;
text-decoration: none;
color: var(--aiz-text);
}
body.aizone-investor-active .aizone-site-header .wp-block-navigation-item__content {
color: var(--aiz-muted);
font-size: 0.96rem;
}
body.aizone-investor-active .aizone-site-header .wp-block-navigation-item__content:hover,
body.aizone-investor-active .aizone-site-header .wp-block-navigation-item__content:focus {
color: var(--aiz-text);
}
body.aizone-investor-active .aizone-site-header .wp-block-button__link,
body.aizone-investor-active .aizone-button,
body.aizone-investor-active .aizone-form button {
border-radius: 999px !important;
padding: 0.95rem 1.35rem !important;
border: 1px solid var(--aiz-border-strong) !important;
background: linear-gradient(180deg, #e0c074 0%, #c89d46 100%) !important;
color: #09111a !important;
font-weight: 700;
text-decoration: none;
box-shadow: none !important;
}
body.aizone-investor-active .aizone-button.is-secondary {
background: transparent !important;
color: var(--aiz-text) !important;
}
body.aizone-investor-active .aizone-button.is-secondary:hover,
body.aizone-investor-active .aizone-site-header .wp-block-button__link:hover,
body.aizone-investor-active .aizone-form button:hover {
transform: translateY(-1px);
}
.aizone-landing,
.aizone-simple-page {
max-width: 1280px;
margin: 0 auto;
padding: 24px 20px 96px;
}
.aizone-section,
.aizone-hero {
position: relative;
margin: 0 0 22px;
padding: clamp(28px, 5vw, 56px);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 30px;
background: linear-gradient(180deg, rgba(11, 23, 36, 0.94) 0%, rgba(6, 16, 24, 0.98) 100%);
box-shadow: var(--aiz-shadow);
overflow: hidden;
}
.aizone-hero::before,
.aizone-section::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(135deg, rgba(214, 181, 101, 0.08), transparent 35%, transparent 70%, rgba(214, 181, 101, 0.05));
}
.aizone-eyebrow {
margin: 0 0 16px;
color: var(--aiz-gold-soft);
font-size: 0.78rem;
letter-spacing: 0.22em;
text-transform: uppercase;
}
.aizone-hero-grid,
.aizone-grid-2,
.aizone-grid-3,
.aizone-grid-4,
.aizone-dual-card,
.aizone-cta-row,
.aizone-proof-grid,
.aizone-use-grid {
display: grid;
gap: 18px;
}
.aizone-hero-grid,
.aizone-grid-2,
.aizone-dual-card,
.aizone-cta-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aizone-grid-3,
.aizone-proof-grid,
.aizone-use-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.aizone-grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.aizone-hero h1,
.aizone-section h2,
.aizone-simple-page h1 {
margin: 0 0 16px;
line-height: 0.96;
letter-spacing: -0.05em;
}
.aizone-hero h1 {
max-width: 10ch;
font-size: clamp(3rem, 8vw, 6.6rem);
}
.aizone-section h2,
.aizone-simple-page h1 {
font-size: clamp(2rem, 5vw, 3.8rem);
}
.aizone-lead,
.aizone-simple-page .aizone-lead {
max-width: 48rem;
font-size: clamp(1.06rem, 1.8vw, 1.2rem);
line-height: 1.75;
color: var(--aiz-muted);
}
.aizone-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 28px;
}
.aizone-card,
.aizone-proof,
.aizone-stat,
.aizone-note,
.aizone-faq,
.aizone-use,
.aizone-simple-panel,
.aizone-form-shell,
body.aizone-investor-active .coach-ssa-card {
position: relative;
padding: 22px;
border-radius: var(--aiz-radius-sm);
border: 1px solid var(--aiz-border);
background: linear-gradient(180deg, rgba(255,255,255,0.035) 0%, rgba(255,255,255,0.02) 100%);
}
.aizone-card strong,
.aizone-proof strong,
.aizone-use strong,
.aizone-stat strong,
.aizone-simple-panel strong {
display: block;
margin-bottom: 8px;
font-size: 1.08rem;
color: var(--aiz-text);
}
.aizone-card p,
.aizone-proof p,
.aizone-use p,
.aizone-note p,
.aizone-simple-panel p,
.aizone-faq p,
.aizone-form-actions p,
body.aizone-investor-active .coach-ssa-card p {
margin: 0;
color: var(--aiz-muted);
line-height: 1.7;
}
.aizone-stat span {
display: block;
margin-bottom: 10px;
color: var(--aiz-gold-soft);
font-size: 0.82rem;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.aizone-stat strong {
font-size: 2rem;
line-height: 1.05;
margin-bottom: 6px;
}
.aizone-list,
.aizone-checklist {
margin: 0;
padding-left: 18px;
color: var(--aiz-muted);
line-height: 1.8;
}
.aizone-checklist li + li,
.aizone-list li + li {
margin-top: 6px;
}
.aizone-divider {
height: 1px;
margin: 28px 0;
background: linear-gradient(90deg, rgba(214,181,101,0), rgba(214,181,101,.45), rgba(214,181,101,0));
}
.aizone-hero-meta {
align-content: start;
}
.aizone-hero-meta .aizone-card {
min-height: 100%;
}
.aizone-chip-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.aizone-chip {
padding: 0.7rem 0.9rem;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.03);
color: var(--aiz-muted);
font-size: 0.92rem;
}
.aizone-highlight {
color: var(--aiz-gold-soft);
}
.aizone-form {
display: grid;
gap: 16px;
}
.aizone-form-grid {
display: grid;
gap: 14px;
}
.aizone-form-grid.two-up {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.aizone-form label {
display: grid;
gap: 8px;
}
.aizone-form label span {
font-size: 0.94rem;
color: var(--aiz-text);
}
.aizone-form input,
.aizone-form textarea {
width: 100%;
box-sizing: border-box;
padding: 0.95rem 1rem;
border-radius: 14px;
border: 1px solid rgba(255,255,255,0.10);
background: rgba(255,255,255,0.04);
color: var(--aiz-text);
}
.aizone-form input::placeholder,
.aizone-form textarea::placeholder {
color: #8090a1;
}
.aizone-form-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: center;
justify-content: space-between;
}
.aizone-alert {
margin-bottom: 16px;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid;
}
.aizone-alert.success {
border-color: rgba(80, 201, 170, 0.35);
background: rgba(80, 201, 170, 0.10);
color: #d7fff3;
}
.aizone-alert.error {
border-color: rgba(255, 132, 132, 0.35);
background: rgba(255, 132, 132, 0.10);
color: #ffd8d8;
}
.aizone-faq h3 {
margin: 0 0 8px;
font-size: 1.12rem;
}
.aizone-cta-band {
text-align: center;
}
.aizone-site-footer {
padding-bottom: 32px;
}
.aizone-site-footer-inner {
padding: clamp(24px, 5vw, 38px);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 28px;
background: rgba(4, 10, 16, 0.9);
}
.aizone-site-footer-grid {
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 24px;
}
.aizone-site-footer h2 {
margin: 0 0 14px;
font-size: clamp(1.8rem, 4vw, 3rem);
line-height: 1;
}
.aizone-site-footer p,
.aizone-site-footer-meta,
.aizone-site-footer-link em {
color: var(--aiz-muted);
}
.aizone-site-footer-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 20px;
}
.aizone-site-footer-links {
display: grid;
gap: 12px;
}
.aizone-site-footer-link {
display: grid;
grid-template-columns: auto 1fr auto;
gap: 14px;
align-items: start;
padding: 16px;
border-radius: 16px;
border: 1px solid var(--aiz-border);
background: rgba(255,255,255,0.02);
text-decoration: none;
}
.aizone-site-footer-link span:first-child {
color: var(--aiz-gold-soft);
}
.aizone-site-footer-meta {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid rgba(255,255,255,0.08);
font-size: 0.92rem;
}
body.aizone-investor-active .coach-ssa-card iframe.ssa_booking_iframe {
min-height: 760px;
border-radius: 14px;
background: white;
}
body.aizone-investor-active .coach-ssa-fallback,
body.aizone-investor-active .coach-ssa-card h3 {
color: var(--aiz-text);
}
@media (max-width: 960px) {
.aizone-hero-grid,
.aizone-grid-2,
.aizone-grid-3,
.aizone-grid-4,
.aizone-dual-card,
.aizone-proof-grid,
.aizone-use-grid,
.aizone-form-grid.two-up,
.aizone-cta-row,
.aizone-site-footer-grid {
grid-template-columns: 1fr;
}
body.aizone-investor-active .aizone-site-header .wp-block-group.alignwide {
flex-wrap: wrap !important;
}
body.aizone-investor-active .aizone-site-header .wp-block-navigation {
width: 100%;
justify-content: flex-start;
}
.aizone-site-footer-meta,
.aizone-form-actions {
flex-direction: column;
align-items: flex-start;
}
}