body { font-family: Barlow } {} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-nK2AH4UiC { cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } @media (max-width: 639px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (min-width: 1200px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: transparent; } @media (max-width: 639px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (min-width: 1200px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --purple: #2d0f47; --purple-dark: #2d0f47; --purple-pale: #f0eafa; --gold: #c8a228; --gold-light: #f5e6a3; --gold-pale: #fdf8e7; --white: #ffffff; --off-white: #fdfaf5; --text-dark: #1a1a2e; --text-mid: #4a4a6a; --text-light: #8888aa; --border-gold: rgba(212,160,23,0.3); } body { font-family: 'Montserrat', sans-serif; background: var(--off-white); color: var(--text-dark); line-height: 1.7; } /* ── GOLD ACCENT BAR ── */ .gold-bar { height: 6px; background: #c8a228; width: 100%; } /* ── HERO ── */ .hero { background: #2d0f47; padding: 60px 40px 70px; text-align: center; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: -80px; left: -80px; width: 260px; height: 260px; border-radius: 50%; background: rgba(212,160,23,0.07); } .hero::after { content: ''; position: absolute; bottom: -100px; right: -60px; width: 320px; height: 320px; border-radius: 50%; background: rgba(212,160,23,0.05); } .hero-crown-mark { font-size: 52px; display: block; margin-bottom: 4px; color: #c8a228; letter-spacing: 4px; } .hero-gurl { font-family: 'Dancing Script', cursive; font-size: clamp(52px, 9vw, 90px); color: var(--white); line-height: 1; margin-bottom: 0; display: block; } .hero-title { font-family: 'Montserrat', sans-serif; font-size: clamp(22px, 4.5vw, 42px); font-weight: 800; color: var(--white); letter-spacing: 2px; text-transform: uppercase; line-height: 1.1; margin-bottom: 20px; } .hero-sub { font-size: clamp(14px, 2vw, 17px); font-weight: 500; color: var(--white); margin-bottom: 8px; } .hero-tagline { font-size: clamp(13px, 1.8vw, 15px); color: #c8a228; font-style: italic; font-weight: 400; margin-bottom: 36px; letter-spacing: 0.5px; } .btn-gold { display: inline-block; background: #c8a228; color: var(--purple-dark); font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 15px 36px; border-radius: 6px; text-decoration: none; text-transform: uppercase; transition: opacity 0.2s, transform 0.2s; border: none; cursor: pointer; } .btn-gold:hover { opacity: 0.9; transform: translateY(-2px); } /* ── SECTION BASE ── */ .section { padding: 64px 40px; } .section-eyebrow { font-size: 11px; letter-spacing: 3px; font-weight: 700; color: #c8a228; text-transform: uppercase; margin-bottom: 10px; display: block; text-align: center; } .section-title { font-family: 'Playfair Display', serif; font-size: clamp(24px, 4vw, 38px); color: var(--purple-dark); font-weight: 700; line-height: 1.25; margin-bottom: 16px; text-align: center; } .section-title span { color: #c8a228; } .section-title.white { color: var(--white); } .gold-rule { width: 56px; height: 3px; background: #c8a228; border-radius: 2px; margin: 0 auto 28px; } .section-body { max-width: 700px; margin: 0 auto; font-size: 15px; color: var(--text-mid); line-height: 1.9; text-align: center; } .section-body.white { color: rgba(255,255,255,0.88); } /* ── ABOUT ── */ .about { background: var(--white); text-align: center; } /* ── STATS ── */ .stats { background: #2d0f47; padding: 50px 40px; display: flex; justify-content: center; flex-wrap: wrap; gap: 48px; text-align: center; } .stat-item {} .stat-number { font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 700; color: #c8a228; display: block; line-height: 1; } .stat-label { font-size: 11px; letter-spacing: 2px; color: rgba(255,255,255,0.7); text-transform: uppercase; margin-top: 6px; display: block; } /* ── WHY SPONSOR ── */ .why { background: var(--off-white); text-align: center; } .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; max-width: 940px; margin: 0 auto; } .why-card { background: var(--white); border: 1px solid var(--border-gold); border-radius: 14px; padding: 28px 20px; text-align: center; } .why-icon { width: 58px; height: 58px; border-radius: 50%; background: var(--purple-pale); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 24px; } .why-card h3 { font-family: 'Playfair Display', serif; font-size: 16px; color: var(--purple-dark); margin-bottom: 8px; font-weight: 700; } .why-card p { font-size: 13px; color: var(--text-mid); line-height: 1.7; } /* ── TIERS ── */ .tiers { background: var(--white); text-align: center; } .tiers-intro { max-width: 640px; margin: 0 auto 40px; font-size: 15px; color: var(--text-mid); line-height: 1.8; } .tiers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 16px; max-width: 960px; margin: 0 auto; } .tier-card { border-radius: 14px; padding: 26px 16px; text-align: center; border: 1.5px solid var(--border-gold); background: var(--off-white); position: relative; } .tier-card.premium { background: #2d0f47; border-color: #c8a228; border-width: 2px; } .tier-available { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #c8a228; background: rgba(212,160,23,0.12); border-radius: 20px; padding: 3px 10px; display: inline-block; margin-bottom: 10px; } .tier-card:not(.premium) .tier-available { color: #2d0f47; background: var(--purple-pale); } .tier-amount { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700; color: #c8a228; display: block; margin-bottom: 4px; } .tier-card:not(.premium) .tier-amount { color: var(--purple-dark); } .tier-name { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,0.9); margin-bottom: 10px; display: block; } .tier-card:not(.premium) .tier-name { color: var(--text-mid); } .tier-desc { font-size: 11px; color: rgba(255,255,255,0.65); line-height: 1.6; } .tier-card:not(.premium) .tier-desc { color: var(--text-light); } /* ── SPONSORS ── */ .sponsors { background: var(--off-white); text-align: center; } .sponsors-inner { max-width: 960px; margin: 0 auto; } .tier-section { margin-bottom: 52px; } .tier-badge { display: inline-block; background: #2d0f47; color: #c8a228; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 6px 20px; border-radius: 20px; margin-bottom: 24px; } .sponsor-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 14px; } .sponsor-card { background: var(--white); border: 1px solid var(--border-gold); border-radius: 14px; padding: 22px 14px; display: flex; flex-direction: column; align-items: center; gap: 10px; transition: border-color 0.2s, transform 0.15s; } .sponsor-card:hover { border-color: #c8a228; transform: translateY(-2px); } .s-logo { width: 62px; height: 62px; border-radius: 50%; background: var(--purple-pale); display: flex; align-items: center; justify-content: center; font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 700; color: var(--purple-dark); flex-shrink: 0; border: 1.5px solid var(--border-gold); } .s-logo.gold-bg { background: var(--gold-pale); color: #7a5800; } .s-logo.teal-bg { background: #e1f5ee; color: #0F6E56; } .s-name { font-size: 13px; font-weight: 600; color: var(--text-dark); text-align: center; line-height: 1.3; } .s-type { font-size: 11px; color: var(--text-light); text-align: center; } /* ── OPEN SPOT CARD ── */ .open-spot { background: var(--white); border: 2px dashed #c8a228; border-radius: 14px; padding: 32px 20px; display: flex; flex-direction: column; align-items: center; gap: 10px; } .open-crown { width: 62px; height: 62px; border-radius: 50%; background: var(--gold-pale); display: flex; align-items: center; justify-content: center; font-size: 26px; } .open-label { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #c8a228; } .open-desc { font-size: 12px; color: var(--text-light); text-align: center; line-height: 1.5; } /* ── ENDORSEMENT ── */ .endorsement-band { background: var(--gold-pale); border-top: 1px solid var(--border-gold); border-bottom: 1px solid var(--border-gold); padding: 18px 40px; text-align: center; font-size: 13px; color: var(--text-mid); font-style: italic; font-weight: 500; } .endorsement-band strong { color: var(--purple-dark); } /* ── FAQ ── */ .faq { background: var(--white); } .faq-inner { max-width: 720px; margin: 0 auto; } .faq-item { border-bottom: 1px solid var(--border-gold); padding: 20px 0; } .faq-q { font-size: 15px; font-weight: 600; color: var(--purple-dark); margin-bottom: 8px; } .faq-a { font-size: 14px; color: var(--text-mid); line-height: 1.8; } /* ── CTA BAND ── */ .cta-band { background: #2d0f47; padding: 64px 40px; text-align: center; } /* ── FOUNDER ── */ .founder { background: #c8a228; padding: 72px 40px; text-align: center; } .founder-eyebrow { font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: var(--purple-dark); font-weight: 700; margin-bottom: 28px; display: block; } .founder-quote { font-family: 'Playfair Display', serif; font-size: clamp(18px, 3vw, 26px); font-style: italic; color: var(--purple-dark); line-height: 1.65; max-width: 640px; margin: 0 auto 14px; font-weight: 400; } .founder-attr { font-size: 13px; font-weight: 700; color: var(--purple-dark); letter-spacing: 0.5px; margin-bottom: 36px; } .founder-message { background: #2d0f47; border-radius: 16px; padding: 32px 36px; max-width: 660px; margin: 0 auto 36px; font-size: 15px; color: rgba(255,255,255,0.9); line-height: 1.95; text-align: left; } .founder-message strong { color: #c8a228; } .founder-tagline { font-family: 'Playfair Display', serif; font-size: 20px; font-style: italic; color: var(--purple-dark); font-weight: 700; margin-bottom: 36px; } .contact-row { display: flex; justify-content: center; gap: 36px; flex-wrap: wrap; margin-bottom: 24px; } .contact-item { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: var(--purple-dark); text-decoration: none; } .contact-icon { width: 38px; height: 38px; border-radius: 50%; background: var(--purple-dark); display: flex; align-items: center; justify-content: center; color: #c8a228; font-size: 17px; } .footer-note { font-size: 12px; color: var(--purple-dark); opacity: 0.7; font-style: italic; margin-top: 12px; } @media (max-width: 600px) { .hero, .section, .faq, .cta-band, .founder { padding: 48px 20px; } .stats { padding: 40px 20px; gap: 32px; } .founder-message { padding: 24px 20px; text-align: center; } .contact-row { flex-direction: column; align-items: center; gap: 16px; } } .gfyc-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(36,14,52,.97);border-bottom:2px solid #c8a228;display:flex;align-items:center;justify-content:space-between;padding:14px 36px;} .gfyc-nav-brand{font-family:'Montserrat',sans-serif;font-size:1rem;font-weight:700;letter-spacing:3px;color:#c8a228;text-decoration:none;} .gfyc-nav-cta{background:#c8a228;color:#240e34;font-size:.75rem;font-weight:700;letter-spacing:2px;padding:10px 22px;text-decoration:none;text-transform:uppercase;transition:background .2s;} .gfyc-nav-cta:hover{background:#e8c84a;} .gfyc-faq details{border-bottom:1px solid rgba(200,162,40,.2);} .gfyc-faq details summary{padding:20px 0;font-weight:600;font-size:.92rem;color:#240e34;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;} .gfyc-faq details summary::-webkit-details-marker{display:none;} .gfyc-faq details summary::after{content:"▼";color:#c8a228;font-size:.75rem;transition:transform .25s;flex-shrink:0;} .gfyc-faq details[open] summary::after{transform:rotate(180deg);} .gfyc-faq details p{font-size:.88rem;color:#3a3a3a;line-height:1.85;padding-bottom:20px;margin:0;} .gfyc-footer{background:#080112;padding:48px 24px 32px;text-align:center;} .gfyc-footer-brand{font-family:'Montserrat',sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:3px;color:#c8a228;margin-bottom:20px;display:block;} .gfyc-footer-social{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;} .gfyc-footer-social a{ color:#c8a228;text-decoration:none;font-size:1.6rem; display:inline-flex;align-items:center;justify-content:center; transition:all .2s;margin:0 4px; } .gfyc-footer-social a:hover{color:#e8c84a;transform:translateY(-2px);} .gfyc-footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:20px;} .gfyc-footer-links a{font-size:.78rem;color:rgba(255,255,255,.4);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color .2s;} .gfyc-footer-links a:hover{color:#c8a228;} .gfyc-footer-copy{font-size:.72rem;color:rgba(255,255,255,.25);letter-spacing:1px;}