/* Bundled 2026-09-10 00:49 from, in cascade order: * theme.css * site.css * tailwind.css * Rebuild by re-running bundle_css.php after changing any source file. */ /* ==== theme.css ==== */ /* ========================================================================== EDUGLOBAL INSTITUTE — DESIGN SYSTEM v2 Studio Vaia palette: Tulips / Meadow / Magnolia / Daffodils / Clear Sky applied as accents over a deep ink base. Rule: the five pastels carry identity, energy and subject colour. Text and page structure sit on ink + warm white so everything stays readable and passes WCAG AA. Do not set colours inline — use tokens. ========================================================================== */ :root { /* ---- The five brand pastels (exact, unchanged) ---------------------- */ --tulips: #E37083; /* chemistry, alerts, warm accent */ --meadow: #A8BF8A; /* biology, success, growth */ --magnolia: #F49AA2; /* junior grades, soft highlight */ --daffodils: #FCCD86; /* primary CTA, highlights, energy */ --clearsky: #89B7C2; /* mathematics, links, calm */ /* ---- Darkened partners: same hues, usable as TEXT on light ---------- */ --tulips-ink: #8E2F40; --meadow-ink: #4A6238; --magnolia-ink: #9B3F49; --daffodils-ink: #8A5B12; --clearsky-ink: #2F5E6B; /* ---- Tints: same hues at low saturation, for section bands ---------- */ --tulips-wash: #FDF0F2; --meadow-wash: #F2F6ED; --magnolia-wash: #FEF2F3; --daffodils-wash: #FFF8EB; --clearsky-wash: #EFF6F8; /* ---- Base: deep ink + warm white ------------------------------------ */ --ink: #1E2A32; /* headings — deep blue-slate, never pure black */ --ink-deep: #141D23; /* footer, dark sections */ --body: #4E5F69; /* body copy */ --muted: #7E8D96; /* captions, meta */ --line: #E6E2DC; /* borders — warm */ --line-soft: #F2EFEA; --canvas: #FDFBF8; /* page background — warm white */ --surface: #FFFFFF; /* cards */ /* ---- Primary / accent roles ----------------------------------------- */ --primary: var(--clearsky); /* brand anchor */ --primary-ink: var(--clearsky-ink); --primary-wash: var(--clearsky-wash); --accent: var(--daffodils); /* CTA */ --accent-ink: var(--daffodils-ink); --accent-wash: var(--daffodils-wash); /* ---- Semantic ------------------------------------------------------- */ --success: var(--meadow-ink); --success-bg: var(--meadow-wash); --warning: var(--daffodils-ink); --warning-bg: var(--daffodils-wash); --danger: var(--tulips-ink); --danger-bg: var(--tulips-wash); /* ---- Type ----------------------------------------------------------- */ --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* ---- Shape ---------------------------------------------------------- */ --r-sm: 6px; --r: 10px; --r-lg: 16px; --r-xl: 24px; /* Shadows tinted with ink, never neutral black. */ --shadow-sm: 0 1px 2px rgba(30,42,50,.06), 0 1px 3px rgba(30,42,50,.04); --shadow: 0 4px 14px rgba(30,42,50,.08), 0 2px 4px rgba(30,42,50,.04); --shadow-lg: 0 20px 44px -14px rgba(30,42,50,.18), 0 8px 18px -10px rgba(30,42,50,.10); --ring: 0 0 0 3px rgba(137,183,194,.42); --ease: cubic-bezier(.2,.8,.2,1); } /* ========================================================================== BASE ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; font-family: var(--font-sans); font-size: 16px; line-height: 1.65; color: var(--body); background: var(--canvas); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1,h2,h3,h4,h5,h6 { margin: 0 0 .5em; color: var(--ink); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; } h1 { font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.6rem); letter-spacing: -.03em; } h2 { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.5rem); } h3 { font-size: clamp(1.2rem, 1.05rem + .6vw, 1.5rem); font-weight: 700; } h4 { font-size: 1.075rem; font-weight: 700; } p { margin: 0 0 1.15em; } p:last-child { margin-bottom: 0; } a { color: var(--clearsky-ink); text-decoration: none; transition: color .2s var(--ease); } a:hover { color: var(--tulips-ink); } img, svg, video { max-width: 100%; height: auto; display: block; } hr { border: 0; border-top: 1px solid var(--line); margin: 2.5rem 0; } ::selection { background: var(--daffodils); color: var(--ink); } :focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--r-sm); } /* ========================================================================== LAYOUT ========================================================================== */ .eg-container { width:100%; max-width:1200px; margin-inline:auto; padding-inline:1.25rem; } @media (min-width:768px){ .eg-container { padding-inline:2rem; } } .eg-section { padding-block: clamp(3.5rem, 2rem + 6vw, 7rem); } .eg-section--sm { padding-block: clamp(2.5rem, 1.5rem + 4vw, 4.5rem); } /* Pastel section bands — this is where the palette shows at scale. */ .eg-section--sky { background: var(--clearsky-wash); } .eg-section--meadow { background: var(--meadow-wash); } .eg-section--magnolia { background: var(--magnolia-wash); } .eg-section--daffodil { background: var(--daffodils-wash); } .eg-section--tulip { background: var(--tulips-wash); } .eg-section--dark { background: var(--ink-deep); color: rgba(255,255,255,.82); } .eg-section--dark h1, .eg-section--dark h2, .eg-section--dark h3 { color:#fff; } /* ========================================================================== TYPE HELPERS ========================================================================== */ .eg-eyebrow { display:inline-block; font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color: var(--clearsky-ink); margin-bottom:.85rem; } .eg-section--dark .eg-eyebrow { color: var(--daffodils); } .eg-lede { font-size: clamp(1.02rem,.97rem + .3vw,1.2rem); line-height:1.7; color:var(--body); max-width:62ch; } .eg-section--dark .eg-lede { color: rgba(255,255,255,.78); } /* Accent rule replaces decorative icon clutter. */ .eg-rule { width:52px; height:3px; background:var(--daffodils); border-radius:3px; margin:1.1rem 0 1.5rem; } .eg-rule--center { margin-inline:auto; } .eg-rule--sky { background:var(--clearsky); } .eg-rule--tulip { background:var(--tulips); } .eg-muted { color:var(--muted); } .eg-center { text-align:center; } /* ========================================================================== BUTTONS ========================================================================== */ .eg-btn { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.8rem 1.6rem; font-family:inherit; font-size:.94rem; font-weight:700; line-height:1; border:1px solid transparent; border-radius:var(--r); cursor:pointer; white-space:nowrap; transition: transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease); } .eg-btn:active { transform: translateY(1px); } /* Primary CTA: Daffodils on ink text — high contrast, warm, unmissable. */ .eg-btn--primary { background: var(--daffodils); color: var(--ink); box-shadow: var(--shadow-sm); } .eg-btn--primary:hover { background:#F9C069; color:var(--ink); box-shadow: var(--shadow); transform: translateY(-1px); } .eg-btn--ink { background: var(--ink); color:#fff; box-shadow:var(--shadow-sm); } .eg-btn--ink:hover { background:#2A3942; color:#fff; box-shadow:var(--shadow); transform:translateY(-1px); } .eg-btn--sky { background: var(--clearsky); color: var(--ink); } .eg-btn--sky:hover { background:#7AAAB6; color:var(--ink); transform:translateY(-1px); } .eg-btn--ghost { background:transparent; color:var(--ink); border-color:var(--line); } .eg-btn--ghost:hover { border-color:var(--clearsky); background:var(--clearsky-wash); } .eg-section--dark .eg-btn--ghost { color:#fff; border-color:rgba(255,255,255,.28); } .eg-section--dark .eg-btn--ghost:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.5); } .eg-btn--lg { padding:1rem 2rem; font-size:1rem; } /* ========================================================================== CARDS — subject identity comes from the top accent bar ========================================================================== */ .eg-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 1.6rem; box-shadow: var(--shadow-sm); transition: transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease); } .eg-card--hover:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); } /* Subject-coded cards */ .eg-card--maths { border-top: 4px solid var(--clearsky); } .eg-card--physics { border-top: 4px solid var(--ink); } .eg-card--chemistry { border-top: 4px solid var(--tulips); } .eg-card--biology { border-top: 4px solid var(--meadow); } .eg-card--coding { border-top: 4px solid var(--daffodils); } .eg-card--junior { border-top: 4px solid var(--magnolia); } .eg-card__title { font-size:1.1rem; font-weight:700; color:var(--ink); margin-bottom:.4rem; } .eg-card__meta { font-size:.8rem; color:var(--muted); } .eg-grid { display:grid; gap:1.5rem; } .eg-grid--2 { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); } .eg-grid--3 { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); } .eg-grid--4 { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); } /* ========================================================================== BADGES — pastel fill, darkened text (readable) ========================================================================== */ .eg-badge { display:inline-flex; align-items:center; gap:.35rem; padding:.3rem .7rem; font-size:.74rem; font-weight:700; letter-spacing:.03em; border-radius:999px; background:var(--daffodils-wash); color:var(--daffodils-ink); border:1px solid var(--daffodils); } .eg-badge--sky { background:var(--clearsky-wash); color:var(--clearsky-ink); border-color:var(--clearsky); } .eg-badge--meadow { background:var(--meadow-wash); color:var(--meadow-ink); border-color:var(--meadow); } .eg-badge--tulip { background:var(--tulips-wash); color:var(--tulips-ink); border-color:var(--tulips); } .eg-badge--magnolia { background:var(--magnolia-wash); color:var(--magnolia-ink); border-color:var(--magnolia); } /* ========================================================================== FORMS ========================================================================== */ .eg-label { display:block; font-size:.84rem; font-weight:700; color:var(--ink); margin-bottom:.4rem; } .eg-input, .eg-select, .eg-textarea { width:100%; padding:.78rem .95rem; font-family:inherit; font-size:.95rem; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:var(--r); transition:border-color .18s var(--ease), box-shadow .18s var(--ease); } .eg-input:focus,.eg-select:focus,.eg-textarea:focus { outline:none; border-color:var(--clearsky); box-shadow:var(--ring); } .eg-input::placeholder { color:var(--muted); } .eg-help { font-size:.78rem; color:var(--muted); margin-top:.35rem; } /* ========================================================================== TABLE ========================================================================== */ .eg-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; } .eg-table { width:100%; border-collapse:collapse; font-size:.92rem; } .eg-table th { text-align:left; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); padding:.8rem 1rem; border-bottom:1px solid var(--line); white-space:nowrap; } .eg-table td { padding:.9rem 1rem; border-bottom:1px solid var(--line-soft); color:var(--body); } .eg-table tbody tr:hover { background:var(--clearsky-wash); } /* ========================================================================== NAV ========================================================================== */ .eg-nav-link { position:relative; font-weight:600; font-size:.93rem; color:var(--ink); padding-bottom:.4rem; } .eg-nav-link::after { content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--daffodils); border-radius:2px; transition:width .28s var(--ease); } .eg-nav-link:hover { color:var(--clearsky-ink); } .eg-nav-link:hover::after, .group:hover > .eg-nav-link::after { width:100%; } /* ========================================================================== MOTION ========================================================================== */ @keyframes eg-rise { from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:none;} } .eg-rise { animation: eg-rise .6s var(--ease) both; } .eg-rise-2 { animation-delay:.08s; } .eg-rise-3 { animation-delay:.16s; } @media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } } /* ========================================================================== SCROLLBAR / PRINT ========================================================================== */ .eg-scroll::-webkit-scrollbar { width:8px; height:8px; } .eg-scroll::-webkit-scrollbar-track { background:transparent; } .eg-scroll::-webkit-scrollbar-thumb { background:#D6DDE0; border-radius:999px; border:2px solid var(--canvas); } .eg-scroll::-webkit-scrollbar-thumb:hover { background:var(--muted); } @media print { body { background:#fff; color:#000; } .eg-no-print, nav, footer { display:none !important; } } /* ========================================================================== EduGlobal - trial booking block Appended to theme.css. Uses the shared palette tokens. ========================================================================== */ .eg-trial{background:var(--clearsky-wash,#EFF6F8);padding:clamp(2.5rem,1.5rem+4vw,4.5rem) 1.25rem} .eg-trial__inner{max-width:1120px;margin-inline:auto;display:grid;gap:2rem; grid-template-columns:1fr;align-items:start} @media(min-width:900px){.eg-trial__inner{grid-template-columns:1fr 460px;gap:3rem}} .eg-trial__eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.16em; text-transform:uppercase;color:var(--clearsky-ink,#2F5E6B);margin-bottom:.6rem} .eg-trial__h{font-size:clamp(1.6rem,1.2rem+1.4vw,2.3rem);font-weight:800;color:var(--ink,#1E2A32); letter-spacing:-.02em;line-height:1.15;margin:0 0 .6rem} .eg-trial__lede{color:var(--body,#4E5F69);font-size:1.02rem;line-height:1.7;max-width:52ch;margin:0 0 1.4rem} .eg-trial__points{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.6rem} .eg-trial__points li{position:relative;padding-left:1.6rem;color:var(--body,#4E5F69);font-size:.94rem;line-height:1.55} .eg-trial__points li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px; border-radius:50%;background:var(--daffodils,#FCCD86)} .eg-trial__points b{color:var(--ink,#1E2A32)} .eg-trial__pricecard{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:16px;padding:1.1rem 1.25rem; box-shadow:0 1px 2px rgba(30,42,50,.06)} .eg-trial__pricehead{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; color:var(--muted,#7E8D96);margin-bottom:.7rem} .eg-trial__table{width:100%;border-collapse:collapse;font-size:.9rem} .eg-trial__table td{padding:.5rem 0;border-bottom:1px solid var(--line-soft,#F2EFEA);color:var(--body,#4E5F69)} .eg-trial__table tr:last-child td{border-bottom:0} .eg-trial__table td:first-child{font-weight:600;color:var(--ink,#1E2A32)} .eg-trial__sess{text-align:center;font-size:.8rem;color:var(--muted,#7E8D96);white-space:nowrap} .eg-trial__amt{text-align:right;font-weight:800;color:var(--ink,#1E2A32);white-space:nowrap} .eg-trial__note{font-size:.78rem;color:var(--muted,#7E8D96);margin:.8rem 0 0;line-height:1.5} /* ---- form ---- */ .eg-trial__form{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:18px; padding:1.6rem;box-shadow:0 18px 40px -18px rgba(30,42,50,.18)} .eg-trial__formh{font-size:1.25rem;font-weight:800;color:var(--ink,#1E2A32);margin:0 0 .3rem;letter-spacing:-.01em} .eg-trial__formsub{font-size:.86rem;color:var(--muted,#7E8D96);margin:0 0 1.2rem;line-height:1.5} .eg-f{margin-bottom:.9rem} .eg-f label{display:block;font-size:.8rem;font-weight:700;color:var(--ink,#1E2A32);margin-bottom:.32rem} .eg-f label span{color:var(--tulips-ink,#8E2F40)} .eg-f input,.eg-f select,.eg-f textarea, .eg-f__code select,.eg-f__num input{ width:100%;padding:.72rem .85rem;font-family:inherit;font-size:.94rem;color:var(--ink,#1E2A32); background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:10px; transition:border-color .18s,box-shadow .18s} .eg-f input:focus,.eg-f select:focus,.eg-f textarea:focus, .eg-f__code select:focus,.eg-f__num input:focus{ outline:none;border-color:var(--clearsky,#89B7C2);box-shadow:0 0 0 3px rgba(137,183,194,.32)} .eg-f textarea{resize:vertical;min-height:78px} .eg-f--row{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:.6rem;align-items:end} .eg-f__code label,.eg-f__num label{display:block;font-size:.8rem;font-weight:700; color:var(--ink,#1E2A32);margin-bottom:.32rem} .eg-f__code label span,.eg-f__num label span{color:var(--tulips-ink,#8E2F40)} /* ---- upgrade + fee ---- */ .eg-trial__opt{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem;border-radius:12px; border:1px dashed var(--clearsky,#89B7C2);background:var(--clearsky-wash,#EFF6F8); cursor:pointer;margin:.4rem 0 1rem} .eg-trial__opt input{margin-top:.2rem;flex:0 0 auto;width:16px;height:16px;accent-color:#2F5E6B} .eg-trial__opt b{display:block;font-size:.88rem;color:var(--ink,#1E2A32)} .eg-trial__opt em{display:block;font-style:normal;font-size:.78rem;color:var(--muted,#7E8D96);margin-top:.15rem} .eg-trial__fee{border:1px solid var(--daffodils,#FCCD86);background:var(--daffodils-wash,#FFF8EB); border-radius:12px;padding:.95rem 1rem;margin-bottom:1rem} .eg-trial__feerow{display:flex;justify-content:space-between;align-items:baseline;gap:1rem; padding-bottom:.7rem;margin-bottom:.7rem;border-bottom:1px solid rgba(138,91,18,.18)} .eg-trial__feerow span{font-size:.85rem;font-weight:600;color:var(--daffodils-ink,#8A5B12)} .eg-trial__feerow strong{font-size:1.35rem;font-weight:800;color:var(--ink,#1E2A32);white-space:nowrap} .eg-trial__ack{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer} .eg-trial__ack input{margin-top:.18rem;flex:0 0 auto;width:16px;height:16px;accent-color:#8A5B12} .eg-trial__ack span{font-size:.8rem;line-height:1.5;color:var(--daffodils-ink,#8A5B12)} .eg-trial__btn{width:100%;padding:.95rem 1.2rem;border:0;border-radius:12px;cursor:pointer; background:var(--ink,#1E2A32);color:#fff;font-family:inherit;font-size:.98rem;font-weight:700; transition:background .18s,transform .18s} .eg-trial__btn:hover{background:#2A3942;transform:translateY(-1px)} .eg-trial__btn:active{transform:translateY(0)} .eg-trial__legal{font-size:.75rem;color:var(--muted,#7E8D96);text-align:center;margin:.8rem 0 0;line-height:1.5} /* ---- flash message ---- */ .eg-flash{max-width:1120px;margin:0 auto 1.25rem;padding:.95rem 1.1rem;border-radius:12px;font-size:.9rem} .eg-flash--success{background:var(--meadow-wash,#F2F6ED);border:1px solid var(--meadow,#A8BF8A);color:var(--meadow-ink,#4A6238)} .eg-flash--error{background:var(--tulips-wash,#FDF0F2);border:1px solid var(--tulips,#E37083);color:var(--tulips-ink,#8E2F40)} /* ========================================================================== Course page: outcomes, syllabus, FAQ ========================================================================== */ .eg-out{display:grid;gap:.85rem;grid-template-columns:1fr;list-style:none;padding:0;margin:0} @media(min-width:700px){.eg-out{grid-template-columns:1fr 1fr}} .eg-out li{display:flex;gap:.7rem;align-items:flex-start;background:#fff;border:1px solid var(--line,#E6E2DC); border-radius:12px;padding:.9rem 1rem;font-size:.93rem;line-height:1.55;color:var(--body,#4E5F69)} .eg-out li::before{content:"\2713";flex:0 0 auto;width:22px;height:22px;border-radius:50%; background:var(--meadow-wash,#F2F6ED);color:var(--meadow-ink,#4A6238);font-size:.7rem;font-weight:800; display:flex;align-items:center;justify-content:center;margin-top:.1rem} .eg-syll{counter-reset:m;list-style:none;padding:0;margin:0;display:grid;gap:.6rem} .eg-syll li{counter-increment:m;position:relative;padding:.85rem 1rem .85rem 3.1rem;background:#fff; border:1px solid var(--line,#E6E2DC);border-radius:12px;font-size:.93rem;color:var(--body,#4E5F69)} .eg-syll li::before{content:counter(m,decimal-leading-zero);position:absolute;left:1rem;top:.85rem; font-size:.78rem;font-weight:800;color:var(--clearsky-ink,#2F5E6B)} .eg-faq{display:grid;gap:.6rem} .eg-faq details{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:12px;overflow:hidden} .eg-faq summary{cursor:pointer;padding:.95rem 1.1rem;font-weight:700;font-size:.95rem; color:var(--ink,#1E2A32);list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center} .eg-faq summary::-webkit-details-marker{display:none} .eg-faq summary::after{content:"+";font-size:1.2rem;font-weight:400;color:var(--clearsky-ink,#2F5E6B);flex:0 0 auto} .eg-faq details[open] summary::after{content:"\2013"} .eg-faq details[open] summary{border-bottom:1px solid var(--line-soft,#F2EFEA)} .eg-faq p{margin:0;padding:.95rem 1.1rem;font-size:.92rem;line-height:1.65;color:var(--body,#4E5F69)} .eg-facts{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;padding:0} .eg-facts div{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:12px;padding:.8rem .9rem} .eg-facts dt{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase; color:var(--muted,#7E8D96);margin-bottom:.2rem} .eg-facts dd{margin:0;font-size:.95rem;font-weight:700;color:var(--ink,#1E2A32)} /* ========================================================================== EduGlobal - long-form content typography (.eg-prose) Course and article bodies store real HTML (h2/h3/p/ul/table). Without these rules headings render at body size and the page reads as one block. ========================================================================== */ .eg-prose{color:var(--body,#4E5F69);font-size:1.02rem;line-height:1.75;max-width:72ch} .eg-prose > *:first-child{margin-top:0} .eg-prose > *:last-child{margin-bottom:0} .eg-prose h1,.eg-prose h2,.eg-prose h3,.eg-prose h4{ color:var(--ink,#1E2A32);font-weight:800;letter-spacing:-.02em;line-height:1.2} .eg-prose h1{font-size:clamp(1.7rem,1.3rem+1.6vw,2.3rem);margin:2.4rem 0 .9rem} .eg-prose h2{font-size:clamp(1.35rem,1.15rem+.9vw,1.75rem);margin:2.6rem 0 .85rem; padding-top:1.4rem;border-top:1px solid var(--line,#E6E2DC);position:relative} .eg-prose h2::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:3px; background:var(--daffodils,#FCCD86);border-radius:3px} .eg-prose h2:first-child{border-top:0;padding-top:0;margin-top:0} .eg-prose h2:first-child::before{display:none} .eg-prose h3{font-size:1.15rem;margin:1.9rem 0 .6rem;font-weight:700} .eg-prose h4{font-size:1rem;margin:1.5rem 0 .5rem;font-weight:700; color:var(--clearsky-ink,#2F5E6B)} .eg-prose p{margin:0 0 1.15em} .eg-prose strong,.eg-prose b{color:var(--ink,#1E2A32);font-weight:700} .eg-prose em{font-style:italic} .eg-prose a{color:var(--clearsky-ink,#2F5E6B);text-decoration:underline; text-underline-offset:2px;text-decoration-thickness:1px} .eg-prose a:hover{color:var(--tulips-ink,#8E2F40)} .eg-prose ul,.eg-prose ol{margin:0 0 1.3em;padding-left:0;list-style:none} .eg-prose ul > li{position:relative;padding-left:1.5rem;margin-bottom:.55rem;line-height:1.65} .eg-prose ul > li::before{content:"";position:absolute;left:.3rem;top:.62em;width:7px;height:7px; border-radius:50%;background:var(--clearsky,#89B7C2)} .eg-prose ol{counter-reset:egp} .eg-prose ol > li{counter-increment:egp;position:relative;padding-left:2.1rem;margin-bottom:.55rem;line-height:1.65} .eg-prose ol > li::before{content:counter(egp);position:absolute;left:0;top:.05em; width:1.45rem;height:1.45rem;border-radius:50%; background:var(--clearsky-wash,#EFF6F8);color:var(--clearsky-ink,#2F5E6B); font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center} .eg-prose li > ul,.eg-prose li > ol{margin:.5rem 0 0} .eg-prose blockquote{margin:1.6em 0;padding:.9rem 1.2rem;border-left:4px solid var(--daffodils,#FCCD86); background:var(--daffodils-wash,#FFF8EB);border-radius:0 10px 10px 0;color:var(--ink,#1E2A32)} .eg-prose blockquote p:last-child{margin-bottom:0} .eg-prose code{background:var(--clearsky-wash,#EFF6F8);color:var(--clearsky-ink,#2F5E6B); padding:.12em .38em;border-radius:5px;font-size:.88em; font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .eg-prose pre{background:var(--ink-deep,#141D23);color:#E6EDF0;padding:1rem 1.1rem;border-radius:12px; overflow-x:auto;margin:1.5em 0;font-size:.86rem;line-height:1.6} .eg-prose pre code{background:none;color:inherit;padding:0} .eg-prose img{border-radius:12px;margin:1.6em 0;border:1px solid var(--line,#E6E2DC)} .eg-prose hr{border:0;border-top:1px solid var(--line,#E6E2DC);margin:2.4em 0} .eg-prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.92rem;display:block;overflow-x:auto} .eg-prose th{text-align:left;padding:.65rem .8rem;border-bottom:2px solid var(--line,#E6E2DC); font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#7E8D96);white-space:nowrap} .eg-prose td{padding:.65rem .8rem;border-bottom:1px solid var(--line-soft,#F2EFEA)} /* Content authored with its own wrappers still behaves. */ .eg-prose article,.eg-prose section,.eg-prose div{max-width:none} .eg-prose header h1{margin-top:0} /* ========================================================================== Course page shell ========================================================================== */ .eg-cwrap{max-width:1180px;margin-inline:auto;padding:0 1.25rem} .eg-clayout{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:start} @media(min-width:1000px){.eg-clayout{grid-template-columns:minmax(0,1fr) 340px;gap:3rem}} .eg-chero{background:var(--ink-deep,#141D23);color:#fff;padding:clamp(2.2rem,1.5rem+3vw,3.6rem) 0 clamp(2rem,1.5rem+2vw,3rem)} .eg-chero__crumb{font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:1rem} .eg-chero__crumb a{color:rgba(255,255,255,.75);text-decoration:none} .eg-chero__crumb a:hover{color:var(--daffodils,#FCCD86)} .eg-chero__tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem} .eg-ctag{display:inline-block;padding:.25rem .65rem;border-radius:99px;font-size:.7rem;font-weight:800; letter-spacing:.04em;background:rgba(252,205,134,.16);color:var(--daffodils,#FCCD86); border:1px solid rgba(252,205,134,.35)} .eg-ctag--sub{background:rgba(137,183,194,.16);color:#A8D0DA;border-color:rgba(137,183,194,.35)} .eg-chero__h1{font-size:clamp(1.85rem,1.3rem+2.2vw,2.9rem);font-weight:800;line-height:1.14; letter-spacing:-.025em;color:#fff;margin:0 0 .8rem;max-width:20ch} .eg-chero__sub{font-size:1.02rem;line-height:1.65;color:rgba(255,255,255,.76);max-width:60ch;margin:0} .eg-cmeta{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.6rem;padding-top:1.4rem; border-top:1px solid rgba(255,255,255,.14)} .eg-cmeta div{min-width:88px} .eg-cmeta dt{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; color:rgba(255,255,255,.5);margin-bottom:.2rem} .eg-cmeta dd{margin:0;font-size:.95rem;font-weight:700;color:#fff} /* sticky enquiry card */ .eg-cta{position:sticky;top:1.25rem;background:#fff;border:1px solid var(--line,#E6E2DC); border-radius:18px;overflow:hidden;box-shadow:0 20px 44px -20px rgba(30,42,50,.24)} .eg-cta__top{background:var(--ink,#1E2A32);padding:1.15rem 1.25rem} .eg-cta__top h3{margin:0;font-size:1.08rem;font-weight:800;color:#fff;letter-spacing:-.01em} .eg-cta__top p{margin:.3rem 0 0;font-size:.8rem;line-height:1.5;color:rgba(255,255,255,.72)} .eg-cta__body{padding:1.25rem} .eg-cta__price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.9rem} .eg-cta__price b{font-size:1.6rem;font-weight:800;color:var(--ink,#1E2A32)} .eg-cta__price span{font-size:.8rem;color:var(--muted,#7E8D96)} .eg-cta__btn{display:block;width:100%;text-align:center;padding:.85rem 1rem;border-radius:11px; font-weight:700;font-size:.94rem;text-decoration:none;border:0;cursor:pointer;transition:.18s} .eg-cta__btn--primary{background:var(--daffodils,#FCCD86);color:var(--ink,#1E2A32);margin-bottom:.55rem} .eg-cta__btn--primary:hover{background:#F9C069} .eg-cta__btn--ghost{background:#fff;color:var(--ink,#1E2A32);border:1px solid var(--line,#E6E2DC)} .eg-cta__btn--ghost:hover{border-color:var(--clearsky,#89B7C2);background:var(--clearsky-wash,#EFF6F8)} .eg-cta__list{list-style:none;padding:0;margin:1rem 0 0;font-size:.83rem;color:var(--body,#4E5F69)} .eg-cta__list li{position:relative;padding-left:1.35rem;margin-bottom:.45rem;line-height:1.5} .eg-cta__list li::before{content:"\2713";position:absolute;left:0;color:var(--meadow-ink,#4A6238);font-weight:800;font-size:.8rem} /* section rhythm on the course page */ .eg-csec{margin-top:clamp(2.4rem,1.5rem+2.5vw,3.6rem)} .eg-csec__h{font-size:clamp(1.3rem,1.1rem+.8vw,1.7rem);font-weight:800;color:var(--ink,#1E2A32); letter-spacing:-.02em;margin:0 0 .35rem} .eg-csec__lede{font-size:.92rem;color:var(--muted,#7E8D96);margin:0 0 1.2rem} /* on-page jump nav */ .eg-jump{position:sticky;top:0;z-index:20;background:rgba(253,251,248,.94);backdrop-filter:blur(8px); border-bottom:1px solid var(--line,#E6E2DC);margin-bottom:2rem} .eg-jump ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:.6rem 0;overflow-x:auto} .eg-jump a{display:block;padding:.4rem .8rem;border-radius:8px;font-size:.84rem;font-weight:700; color:var(--muted,#7E8D96);text-decoration:none;white-space:nowrap} .eg-jump a:hover{background:var(--clearsky-wash,#EFF6F8);color:var(--clearsky-ink,#2F5E6B)} /* ========================================================================== EduGlobal - catalogue cards, filter tags, subject mega menu ========================================================================== */ .eg-ftag{display:inline-block;padding:.5rem .95rem;border-radius:99px;font-size:.86rem;font-weight:700; text-decoration:none;color:var(--body,#4E5F69);background:#fff;border:1px solid var(--line,#E6E2DC); transition:.16s;white-space:nowrap} .eg-ftag:hover{border-color:var(--clearsky,#89B7C2);background:var(--clearsky-wash,#EFF6F8);color:var(--clearsky-ink,#2F5E6B)} .eg-ftag.on{background:var(--ink,#1E2A32);border-color:var(--ink,#1E2A32);color:#fff} .eg-ftag--sm{padding:.35rem .75rem;font-size:.79rem} .eg-cgrid{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))} .eg-ccard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E6E2DC); border-radius:16px;overflow:hidden;text-decoration:none;transition:.2s} .eg-ccard:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px rgba(30,42,50,.22); border-color:var(--clearsky,#89B7C2)} .eg-ccard__img{aspect-ratio:16/9;overflow:hidden;background:var(--clearsky-wash,#EFF6F8)} .eg-ccard__img img{width:100%;height:100%;object-fit:cover;display:block} .eg-ccard__body{padding:1.1rem 1.15rem 1.15rem;display:flex;flex-direction:column;flex:1} .eg-ccard__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem} .eg-ccard__h{font-size:1.02rem;font-weight:800;color:var(--ink,#1E2A32);line-height:1.35; letter-spacing:-.01em;margin:0 0 .45rem} .eg-ccard__p{font-size:.86rem;line-height:1.6;color:var(--body,#4E5F69);margin:0 0 1rem;flex:1} .eg-ccard__foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem; padding-top:.8rem;border-top:1px solid var(--line-soft,#F2EFEA);font-size:.82rem} .eg-ccard__foot span{color:var(--muted,#7E8D96)} .eg-ccard__foot strong{color:var(--ink,#1E2A32);font-weight:800} /* ---- subject mega menu ---- */ .eg-nav{position:relative} .eg-nav__item{position:relative} .eg-mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-8px); width:min(940px,94vw);background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:16px; box-shadow:0 28px 60px -24px rgba(30,42,50,.3);opacity:0;visibility:hidden; transition:opacity .2s,transform .2s,visibility .2s;z-index:60;overflow:hidden} .eg-nav__item:hover .eg-mega,.eg-nav__item:focus-within .eg-mega{ opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)} /* hover bridge so the menu does not close between the link and the panel */ .eg-mega::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;background:transparent} .eg-mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0} @media(max-width:860px){.eg-mega__grid{grid-template-columns:repeat(2,1fr)}} .eg-mega__col{padding:1.1rem 1.2rem;border-right:1px solid var(--line-soft,#F2EFEA); border-bottom:1px solid var(--line-soft,#F2EFEA)} .eg-mega__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem; font-size:.92rem;font-weight:800;color:var(--ink,#1E2A32);text-decoration:none;margin-bottom:.2rem} .eg-mega__head:hover{color:var(--clearsky-ink,#2F5E6B)} .eg-mega__head em{font-style:normal;font-size:.68rem;font-weight:800;padding:.1rem .4rem;border-radius:99px; background:var(--daffodils-wash,#FFF8EB);color:var(--daffodils-ink,#8A5B12)} .eg-mega__blurb{display:block;font-size:.75rem;line-height:1.45;color:var(--muted,#7E8D96);margin-bottom:.7rem} .eg-mega__bands{list-style:none;margin:0;padding:0} .eg-mega__bands li{margin-bottom:.2rem} .eg-mega__bands a{display:flex;justify-content:space-between;align-items:center; padding:.32rem .5rem;border-radius:7px;font-size:.82rem;color:var(--body,#4E5F69);text-decoration:none} .eg-mega__bands a:hover{background:var(--clearsky-wash,#EFF6F8);color:var(--clearsky-ink,#2F5E6B)} .eg-mega__bands a.is-empty{opacity:.4} .eg-mega__bands i{font-style:normal;font-size:.7rem;color:var(--muted,#7E8D96)} .eg-mega__foot{display:flex;gap:1.4rem;padding:.85rem 1.2rem;background:var(--canvas,#FDFBF8)} .eg-mega__foot a{font-size:.82rem;font-weight:700;color:var(--clearsky-ink,#2F5E6B);text-decoration:none} .eg-mega__foot a:hover{color:var(--tulips-ink,#8E2F40)} /* ---- mobile accordion nav ---- */ .eg-mnav{display:none} @media(max-width:1279px){ .eg-mega{display:none} .eg-mnav{display:block} .eg-mnav details{border-bottom:1px solid var(--line-soft,#F2EFEA)} .eg-mnav summary{padding:.85rem .25rem;font-weight:700;color:var(--ink,#1E2A32);cursor:pointer; list-style:none;display:flex;justify-content:space-between;align-items:center} .eg-mnav summary::-webkit-details-marker{display:none} .eg-mnav summary::after{content:"+";color:var(--muted,#7E8D96)} .eg-mnav details[open] summary::after{content:"\2013"} .eg-mnav .eg-mnav__sub{padding:0 0 .7rem .8rem} .eg-mnav .eg-mnav__sub a{display:block;padding:.4rem 0;font-size:.88rem;color:var(--body,#4E5F69);text-decoration:none} } /* Find-by-class rail inside the subject mega menu */ .eg-mega__rail{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem; padding:.7rem 1.2rem;background:var(--clearsky-wash,#EFF6F8); border-top:1px solid var(--line-soft,#F2EFEA)} .eg-mega__rail>span{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; color:var(--clearsky-ink,#2F5E6B);margin-right:.3rem} .eg-mega__rail a{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem; border-radius:99px;background:#fff;border:1px solid var(--line,#E6E2DC); font-size:.78rem;font-weight:700;color:var(--ink,#1E2A32);text-decoration:none} .eg-mega__rail a:hover{border-color:var(--clearsky,#89B7C2);background:#fff;color:var(--clearsky-ink,#2F5E6B)} .eg-mega__rail i{font-style:normal;font-size:.68rem;color:var(--muted,#7E8D96)} .eg-mega__grid{grid-auto-rows:1fr} /* Catalogue filter bar - grouped and labelled instead of loose chip rows */ .eg-filters{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:14px; padding:.5rem .85rem;margin-bottom:1.75rem;box-shadow:0 1px 2px rgba(30,42,50,.05)} .eg-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem; padding:.5rem 0;border-bottom:1px solid var(--line-soft,#F2EFEA)} .eg-filters__row:last-child{border-bottom:0} .eg-filters__lbl{flex:0 0 68px;font-size:.66rem;font-weight:800;letter-spacing:.1em; text-transform:uppercase;color:var(--muted,#7E8D96)} .eg-ftag i{font-style:normal;font-size:.7rem;opacity:.65;margin-left:.15rem} .eg-ftag.on i{opacity:.85} @media(max-width:640px){ .eg-filters__lbl{flex:0 0 100%;margin-bottom:.15rem} .eg-filters__row{padding:.45rem 0} } /* Related courses - relevance ranked, not random */ .eg-rel{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))} .eg-rel__card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E6E2DC); border-radius:14px;overflow:hidden;text-decoration:none;transition:.18s} .eg-rel__card:hover{transform:translateY(-3px);border-color:var(--clearsky,#89B7C2); box-shadow:0 16px 30px -14px rgba(30,42,50,.2)} .eg-rel__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--clearsky-wash,#EFF6F8)} .eg-rel__img img{width:100%;height:100%;object-fit:cover;display:block} .eg-rel__body{display:flex;flex-direction:column;flex:1;padding:.85rem .9rem} .eg-rel__why{display:inline-block;align-self:flex-start;font-size:.62rem;font-weight:800; letter-spacing:.08em;text-transform:uppercase;padding:.14rem .45rem;border-radius:99px; background:var(--daffodils-wash,#FFF8EB);color:var(--daffodils-ink,#8A5B12);margin-bottom:.45rem} .eg-rel__h{display:block;font-size:.92rem;font-weight:800;line-height:1.32;color:var(--ink,#1E2A32); margin-bottom:.35rem} .eg-rel__p{display:block;font-size:.79rem;line-height:1.55;color:var(--body,#4E5F69);flex:1;margin-bottom:.7rem} .eg-rel__foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem; padding-top:.6rem;border-top:1px solid var(--line-soft,#F2EFEA);font-size:.76rem} .eg-rel__foot span{color:var(--muted,#7E8D96)} .eg-rel__foot strong{color:var(--ink,#1E2A32);font-weight:800} /* Trial opt-in: the form is an enquiry until this is ticked */ .eg-trial__optin{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border-radius:12px; border:2px solid var(--daffodils,#FCCD86);background:var(--daffodils-wash,#FFF8EB); cursor:pointer;margin:1rem 0} .eg-trial__optin:hover{border-color:var(--daffodils-ink,#8A5B12)} .eg-trial__optin input{margin-top:.2rem;flex:0 0 auto;width:18px;height:18px;accent-color:#8A5B12;cursor:pointer} .eg-trial__optin b{display:block;font-size:.92rem;color:var(--ink,#1E2A32)} .eg-trial__optin em{display:block;font-style:normal;font-size:.79rem;color:var(--daffodils-ink,#8A5B12);margin-top:.2rem;line-height:1.5} #trialExtras[hidden]{display:none} /* Payment and slot pages */ .eg-pay{background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:18px; padding:2.2rem 1.8rem;text-align:center;box-shadow:0 18px 40px -20px rgba(30,42,50,.18)} .eg-pay__eyebrow{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em; text-transform:uppercase;color:var(--clearsky-ink,#2F5E6B);margin-bottom:.6rem} .eg-pay__h{font-size:clamp(1.4rem,1.1rem+1.2vw,1.9rem);font-weight:800;color:var(--ink,#1E2A32); letter-spacing:-.02em;margin:0 0 .7rem} .eg-pay__p{color:var(--body,#4E5F69);line-height:1.65;margin:0 0 1.1rem} .eg-pay__icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center; justify-content:center;font-size:26px;font-weight:800;margin:0 auto 1rem} .eg-pay__icon--ok{background:var(--meadow-wash,#F2F6ED);color:var(--meadow-ink,#4A6238)} .eg-pay__icon--warn{background:var(--daffodils-wash,#FFF8EB);color:var(--daffodils-ink,#8A5B12)} .eg-pay__summary{display:grid;gap:.5rem;text-align:left;margin:0 0 1.2rem;padding:1rem; background:var(--canvas,#FDFBF8);border:1px solid var(--line-soft,#F2EFEA);border-radius:12px} .eg-pay__summary div{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem} .eg-pay__summary dt{color:var(--muted,#7E8D96)} .eg-pay__summary dd{margin:0;font-weight:700;color:var(--ink,#1E2A32);text-align:right} .eg-pay__total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem; padding:1rem 1.1rem;margin-bottom:1.2rem;border:1px solid var(--daffodils,#FCCD86); background:var(--daffodils-wash,#FFF8EB);border-radius:12px} .eg-pay__total span{font-weight:700;color:var(--daffodils-ink,#8A5B12)} .eg-pay__total strong{font-size:1.5rem;font-weight:800;color:var(--ink,#1E2A32)} .eg-pay__note{font-size:.78rem;color:var(--muted,#7E8D96);line-height:1.6;margin:.9rem 0 0} .eg-pay__msg{margin-top:1rem;padding:.8rem 1rem;border-radius:10px;font-size:.86rem} .eg-pay__msg--ok{background:var(--meadow-wash,#F2F6ED);color:var(--meadow-ink,#4A6238)} .eg-pay__msg--warn{background:var(--daffodils-wash,#FFF8EB);color:var(--daffodils-ink,#8A5B12)} .eg-pay__msg--err{background:var(--tulips-wash,#FDF0F2);color:var(--tulips-ink,#8E2F40)} .eg-slotform{margin-top:1.2rem} .eg-slot{border:1px solid var(--line,#E6E2DC);border-radius:12px;padding:1rem;margin-bottom:.9rem} .eg-slot>legend{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; color:var(--clearsky-ink,#2F5E6B);padding:0 .4rem} .eg-slot__row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem} @media(max-width:520px){.eg-slot__row{grid-template-columns:1fr}} .eg-lb{display:block;font-size:.78rem;font-weight:700;color:var(--ink,#1E2A32);margin-bottom:.3rem} .eg-in{width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.92rem;color:var(--ink,#1E2A32); background:#fff;border:1px solid var(--line,#E6E2DC);border-radius:10px} .eg-in:focus{outline:none;border-color:var(--clearsky,#89B7C2);box-shadow:0 0 0 3px rgba(137,183,194,.3)} /* The alternative to paying: submit without ticking the trial box */ .optin__alt{margin:-.4rem 0 1rem;padding:.7rem .85rem;border-radius:10px; background:var(--clearsky-wash,#EFF6F8);border:1px solid var(--clearsky,#89B7C2); font-size:.8rem;line-height:1.55;color:var(--clearsky-ink,#2F5E6B)} .optin__alt strong{color:var(--ink,#1E2A32)} .optin__alt em{font-style:normal;font-weight:700;color:var(--ink,#1E2A32)} /* ========================================================================== ACCESSIBILITY: measured WCAG AA contrast corrections Ratios computed with WCAG 2.1 relative luminance; each replacement is the least-dark value that reaches 4.5:1, so the palette still reads as itself. The amber accent is NOT changed on dark grounds, where it scores 7.52. ========================================================================== */ /* amber text on light surfaces: 3.27 -> 4.57 */ .text-\[\#C77E10\]{color:#A9660C} .hover\:text-\[\#C77E10\]:hover{color:#A9660C} /* the brighter accent, only where it sits on white: 2.04 -> 4.57 */ .bg-white .text-\[\#F5A524\], .bg-slate-50 .text-\[\#F5A524\], section.bg-white .text-\[\#F5A524\], section.bg-slate-50 .text-\[\#F5A524\]{color:#A9660C} /* blue-500 on white: 3.68 -> 5.17 */ .text-blue-500{color:#2563EB} .group:hover .group-hover\:text-blue-500{color:#2563EB} /* emerald-600 on the pale emerald cell: 3.58 -> 5.21 */ .text-emerald-600{color:#047857} /* Touch targets: the announcement dots were under the 24px minimum. The visual dot is unchanged; an invisible ::after enlarges the hit area. */ .eg-ann__dot{position:relative} .eg-ann__dot::after{content:"";position:absolute;left:50%;top:50%; width:24px;height:24px;transform:translate(-50%,-50%)} /* Respect users who ask for less motion. */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important; transition-duration:.01ms!important;scroll-behavior:auto!important} } /* ==== site.css ==== */ /* Extracted from header.php and footer.php on 2026-09-10. These three blocks were byte-identical on every page and shipped uncached with every response (22.9 KB per view). Order preserved: header block 1, header block 2, footer block. */ /* --- header block 1: Font Awesome font-display overrides --- */ /* The Font Awesome CDN ships its faces without font-display, which costs ~60 ms of blocked text rendering. These overrides apply swap without modifying the third-party file. */ @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap; src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-solid-900.woff2") format("woff2")} @font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap; src:url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/webfonts/fa-brands-400.woff2") format("woff2")} /* --- header block 2: base typography --- */ body { font-family: 'Plus Jakarta Sans', sans-serif; } /* Premium Nav Link Underline */ .nav-link { position: relative; padding-bottom: 0.5rem; } .nav-link::after { content: ''; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background-color: #F5A524; transition: width 0.3s ease; border-radius: 3px; } .group:hover .nav-link::after, .nav-link:hover::after { width: 100%; } /* Ultra-Smooth 3D Physics-Based Mega Menu Entrance */ .mega-menu { opacity: 0; visibility: hidden; transform: perspective(1200px) rotateX(-12deg) translateY(15px) scale(0.98); transform-origin: top center; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: 0 50px 100px -20px rgba(8, 44, 77, 0.2), 0 30px 60px -30px rgba(8, 44, 77, 0.15), inset 0 1px 0 rgba(255,255,255,0.8); } /* The "Hover Bridge" - Prevents menu from closing when moving mouse between nav and menu */ .mega-menu::before { content: ''; position: absolute; top: -25px; left: 0; width: 100%; height: 25px; background: transparent; } .group:hover .mega-menu { opacity: 1; visibility: visible; transform: perspective(1200px) rotateX(0deg) translateY(0) scale(1); transition-delay: 0.05s; } /* 3D Link Hover FX */ .link-3d { transition: all 0.3s ease; display: inline-block; } .link-3d:hover { transform: translateX(6px); text-shadow: 0 4px 10px rgba(246, 188, 96, 0.2); } .custom-scrollbar::-webkit-scrollbar { width: 6px; } .custom-scrollbar::-webkit-scrollbar-track { background: transparent; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; } /* --- footer block: site-wide component layer --- */ /* ============================================================= PALETTE A deep teal ground rather than flat black: it reads as settled and established, which is what a parent choosing a tutor is looking for. Amber appears on one thing only — the action — so it always means "this is the thing to press". ============================================================= */ :root { --eg-ground: #0B1F26; /* page + footer ground */ --eg-surface: #112C35; /* raised cards, the panel */ --eg-line: rgba(45,212,191,.18); --eg-action: #F5A524; /* buttons ONLY */ --eg-accent: #2DD4BF; /* links, marks, highlights */ --eg-text: #EAF2F4; --eg-dim: #8FA5AD; } /* ============================================================= ENQUIRY PANEL A corner panel, not a full-screen blocker: it can be ignored without being dismissed, which is the difference between a prompt and an interruption. ============================================================= */ .eg-pop { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: flex-end; justify-content: flex-end; padding: 24px; pointer-events: none; } .eg-pop[hidden] { display: none; } /* The scrim only exists on small screens, where the panel is full width and genuinely modal. On desktop the page stays usable. */ .eg-pop-scrim { position: absolute; inset: 0; background: transparent; } .eg-pop-panel { position: relative; pointer-events: auto; display: grid; grid-template-columns: 1fr; width: min(430px, 100%); background: var(--eg-surface, #112C35); border: 1px solid var(--eg-line, rgba(45,212,191,.22)); border-radius: 20px; overflow: hidden; max-height: calc(100vh - 48px); box-shadow: 0 30px 70px -20px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.03) inset; transform: translateY(14px); opacity: 0; transition: transform .42s cubic-bezier(.16,1,.3,1), opacity .42s; } .eg-pop.is-open .eg-pop-panel { transform: none; opacity: 1; } .eg-pop-x { position: absolute; top: 10px; right: 10px; z-index: 20; width: 30px; height: 30px; border-radius: 9px; cursor: pointer; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: var(--eg-dim, #8FA5AD); font-size: 19px; line-height: 1; transition: background .2s, color .2s; } .eg-pop-x:hover { background: rgba(255,255,255,.12); color: #fff; } .eg-pop-x:focus-visible { outline: 2px solid var(--eg-action, #F5A524); outline-offset: 2px; } .eg-pop-body { padding: 26px 26px 22px; overflow-y: auto; } .eg-pop-eyebrow { margin: 0 0 8px; color: var(--eg-accent, #2DD4BF); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .eg-pop-panel h2 { margin: 0 0 9px; color: #fff; font-size: 20px; font-weight: 800; line-height: 1.25; letter-spacing: -.02em; text-wrap: balance; } .eg-pop-sub { margin: 0 0 18px; color: var(--eg-dim, #8FA5AD); font-size: 13px; line-height: 1.65; } .eg-pop-err { margin: 0 0 14px; padding: 9px 12px; border-radius: 9px; background: rgba(244,63,94,.12); border: 1px solid rgba(244,63,94,.3); color: #FDA4AF; font-size: 12px; font-weight: 600; } .eg-pop-form { display: grid; gap: 12px; } .eg-pop-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } @media (max-width: 460px) { .eg-pop-row { grid-template-columns: 1fr; } } .eg-pop-form label { display: block; } .eg-pop-form label > span { display: block; margin-bottom: 5px; color: var(--eg-dim, #8FA5AD); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .eg-pop-form label > span em { font-style: normal; font-weight: 600; text-transform: none; letter-spacing: 0; opacity: .65; } .eg-pop-form input, .eg-pop-form select { width: 100%; padding: 11px 13px; border-radius: 10px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.11); color: #fff; font-size: 13.5px; font-family: inherit; font-weight: 500; transition: border-color .2s, box-shadow .2s, background .2s; } .eg-pop-form input::placeholder { color: #5F7681; } .eg-pop-form input:focus, .eg-pop-form select:focus { outline: none; background: rgba(0,0,0,.4); border-color: var(--eg-accent, #2DD4BF); box-shadow: 0 0 0 3px rgba(45,212,191,.16); } .eg-pop-form select { cursor: pointer; } .eg-pop-form select option { background: #112C35; color: #fff; } .eg-pop-go { width: 100%; margin-top: 4px; padding: 13px; border: 0; border-radius: 11px; cursor: pointer; background: var(--eg-action, #F5A524); color: #241703; font-size: 14px; font-weight: 800; font-family: inherit; letter-spacing: .01em; box-shadow: 0 10px 24px -10px rgba(245,165,36,.7); transition: transform .15s, box-shadow .2s, filter .2s; } .eg-pop-go:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 14px 28px -10px rgba(245,165,36,.85); } .eg-pop-go:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .eg-pop-fine { margin: 2px 0 0; color: #5F7681; font-size: 11px; line-height: 1.55; text-align: center; } /* The reasons panel: shown only when there is room for it. */ .eg-pop-side { display: none; } @media (min-width: 900px) { .eg-pop-panel { grid-template-columns: 1fr 218px; width: min(700px, 100%); } .eg-pop-side { display: block; padding: 44px 22px 26px; background: rgba(0,0,0,.22); border-left: 1px solid rgba(255,255,255,.07); } .eg-pop-side-h { margin: 0 0 14px; color: var(--eg-accent, #2DD4BF); font-size: 9.5px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .eg-pop-side ul { list-style: none; margin: 0 0 18px; padding: 0; } .eg-pop-side li { margin-bottom: 14px; } .eg-pop-side li b { display: block; color: #fff; font-size: 12.5px; font-weight: 700; margin-bottom: 3px; } .eg-pop-side li span { display: block; color: var(--eg-dim, #8FA5AD); font-size: 11.5px; line-height: 1.55; } .eg-pop-side-stat { margin: 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); color: var(--eg-dim, #8FA5AD); font-size: 11.5px; line-height: 1.55; } .eg-pop-side-stat b { color: var(--eg-action, #F5A524); font-size: 15px; font-weight: 800; } } /* Success state */ .eg-pop-done { text-align: center; padding: 34px 26px 28px; } .eg-pop-tick { width: 50px; height: 50px; margin: 0 auto 16px; border-radius: 50%; display: grid; place-items: center; font-size: 24px; background: rgba(45,212,191,.15); border: 1px solid rgba(45,212,191,.4); color: var(--eg-accent, #2DD4BF); } .eg-pop-done p { color: var(--eg-dim, #8FA5AD); font-size: 13px; line-height: 1.65; margin: 0 0 20px; } /* Phone: full-width sheet with a real scrim, since there is no "beside the content" on a small screen. */ @media (max-width: 640px) { .eg-pop { padding: 0; align-items: flex-end; } .eg-pop-scrim { background: rgba(4,12,15,.62); backdrop-filter: blur(2px); } .eg-pop-panel { width: 100%; border-radius: 20px 20px 0 0; border-left: 0; border-right: 0; border-bottom: 0; max-height: 92vh; overflow-y: auto; transform: translateY(100%); } } @media (prefers-reduced-motion: reduce) { .eg-pop-panel { transition: none; } } /* ------------------------------------------------------------- PREMIUM FOOTER ANIMATIONS & EFFECTS ------------------------------------------------------------- */ /* ============================================================= FOOTER Everything here is visible at rest. The old footer put every column at opacity:0 behind an IntersectionObserver, so when the observer did not fire the entire footer — contact details, all 26 links, the copyright — rendered blank. The entrance animation is now an enhancement that only ever runs when JS has confirmed it can finish it. ============================================================= */ /* ============================================================= FOOTER Rebuilt for legibility. The previous version put every label at #8296AD on a near-black ground — about 4:1 contrast, which reads as uniformly grey and gives the eye nothing to land on. Link text is now near-white, headings are amber, and the three levels (heading / link / caption) are actually distinguishable. ============================================================= */ .eg-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* ---- newsletter ---- */ .eg-ft-cta-wrap { position: relative; z-index: 35; max-width: 1240px; margin: 0 auto -70px; padding: 0 24px; } .eg-ft-cta { background: linear-gradient(135deg, #143845 0%, #0D2833 100%); border: 1px solid rgba(245,165,36,.30); border-radius: 20px; padding: 30px 34px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; box-shadow: 0 26px 60px -26px rgba(0,0,0,.8); } .eg-ft-cta-copy { flex: 1 1 340px; min-width: 0; } .eg-ft-cta-copy h2 { margin: 0 0 6px; color: #fff; font-size: clamp(19px, 2.1vw, 24px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; text-wrap: balance; } .eg-ft-cta-copy p { margin: 0; color: #B9CBD4; font-size: 13.5px; line-height: 1.6; max-width: 54ch; } .eg-ft-form { position: relative; display: flex; gap: 10px; flex-wrap: wrap; } .eg-ft-form input { flex: 1 1 240px; min-width: 0; padding: 13px 16px; border-radius: 11px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13.5px; font-weight: 500; font-family: inherit; transition: border-color .2s, background .2s, box-shadow .2s; } .eg-ft-form input::placeholder { color: #8FA8B2; } .eg-ft-form input:focus { outline: none; background: rgba(255,255,255,.12); border-color: #F5A524; box-shadow: 0 0 0 3px rgba(245,165,36,.2); } .eg-ft-form button { padding: 13px 26px; border: 0; border-radius: 11px; cursor: pointer; background: #F5A524; color: #17222A; font-size: 13.5px; font-weight: 800; font-family: inherit; white-space: nowrap; transition: background .2s, transform .15s, box-shadow .2s; box-shadow: 0 8px 20px -8px rgba(245,165,36,.65); } .eg-ft-form button:hover:not(:disabled) { background: #FFBE4D; transform: translateY(-1px); box-shadow: 0 12px 24px -8px rgba(245,165,36,.8); } .eg-ft-form button:disabled { opacity: .65; cursor: progress; } .eg-ft-form button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .eg-ft-status { position: absolute; left: 2px; bottom: -22px; font-size: 11.5px; font-weight: 700; width: 100%; } .eg-ft-status.hidden { display: none; } /* ---- footer body ---- */ .eg-ft { position: relative; margin-top: auto; z-index: 30; background: #081A20; padding: 112px 0 32px; overflow: hidden; } .eg-ft::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: min(100%, 1100px); height: 1px; background: linear-gradient(90deg, transparent, rgba(245,165,36,.65), transparent); } .eg-ft::after { content: ''; position: absolute; top: -140px; left: 50%; transform: translateX(-50%); width: 760px; height: 300px; border-radius: 50%; background: rgba(45,212,191,.055); filter: blur(130px); pointer-events: none; } .eg-ft-inner { position: relative; z-index: 2; max-width: 1240px; margin: 0 auto; padding: 0 24px; } .eg-ft-grid { display: grid; gap: 46px 34px; margin-bottom: 46px; grid-template-columns: 1.65fr repeat(4, 1fr); } @media (max-width: 1080px) { .eg-ft-grid { grid-template-columns: 1fr 1fr 1fr; } .eg-ft-brand { grid-column: 1 / -1; max-width: 480px; } } @media (max-width: 640px) { .eg-ft-grid { grid-template-columns: 1fr 1fr; gap: 34px 20px; } } @media (max-width: 400px) { .eg-ft-grid { grid-template-columns: 1fr; } } /* ---- brand ---- */ .eg-ft-logo { display: inline-flex; align-items: center; gap: 13px; margin-bottom: 16px; text-decoration: none; } .eg-ft-logo img { width: 46px; height: 46px; border-radius: 13px; padding: 5px; background: #fff; border: 1.5px solid rgba(245,165,36,.9); object-fit: contain; flex: none; } .eg-ft-logo b { display: block; color: #fff; font-size: 17px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; transition: color .2s; } .eg-ft-logo small { display: block; color: #F5A524; font-size: 9.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin-top: 4px; } .eg-ft-logo:hover b { color: #F5A524; } .eg-ft-desc { margin: 0 0 22px; color: #B0C4CD; font-size: 13.5px; line-height: 1.72; max-width: 40ch; } .eg-ft-contact { list-style: none; margin: 0 0 22px; padding: 0; } .eg-ft-contact li { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; } .eg-ft-ico { width: 32px; height: 32px; border-radius: 9px; flex: none; display: grid; place-items: center; background: rgba(245,165,36,.12); border: 1px solid rgba(245,165,36,.3); color: #F5A524; font-size: 11px; } .eg-ft-contact a { color: #E4EDF1; font-size: 13.5px; font-weight: 600; text-decoration: none; transition: color .2s; word-break: break-word; } .eg-ft-contact a:hover { color: #F5A524; } .eg-ft-social { display: flex; gap: 9px; } .eg-ft-social a { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 1px solid rgba(245,165,36,.28); color: #F5A524; font-size: 14px; text-decoration: none; transition: background .22s, color .22s, transform .22s, border-color .22s; } .eg-ft-social a:hover { background: #F5A524; color: #17222A; border-color: #F5A524; transform: translateY(-3px); } .eg-ft-social a:focus-visible { outline: 2px solid #F5A524; outline-offset: 2px; } /* ---- link columns ---- */ .eg-ft-col h2 { margin: 0 0 16px; color: #F5A524; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; padding-bottom: 9px; border-bottom: 1px solid rgba(245,165,36,.22); } .eg-ft-col ul { list-style: none; margin: 0; padding: 0; } .eg-ft-col li { margin-bottom: 11px; } .eg-ft-link { color: #D3E0E6; font-size: 13.5px; font-weight: 500; text-decoration: none; display: inline-block; transition: color .18s, transform .18s; } .eg-ft-link:hover { color: #F5A524; transform: translateX(4px); } .eg-ft-link:focus-visible { outline: 2px solid #F5A524; outline-offset: 3px; border-radius: 3px; } .eg-ft-link.is-accent { color: #45E0C8; font-weight: 700; } .eg-ft-link.is-accent:hover { color: #86F2E1; } /* ---- reach line ---- */ .eg-ft-reach { margin: 0 0 24px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.09); color: #9BB2BC; font-size: 13px; line-height: 1.8; } .eg-ft-reach a { color: #D3E0E6; text-decoration: none; font-weight: 600; border-bottom: 1px solid rgba(211,224,230,.28); transition: color .2s, border-color .2s; } .eg-ft-reach a:hover { color: #F5A524; border-color: #F5A524; } /* ---- base bar ---- */ .eg-ft-base { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.09); } .eg-ft-base p { margin: 0; color: #8CA3AD; font-size: 12.5px; font-weight: 500; } .eg-ft-legal { display: flex; gap: 24px; } .eg-ft-legal a { color: #9BB2BC; font-size: 12.5px; font-weight: 600; text-decoration: none; transition: color .2s; } .eg-ft-legal a:hover { color: #F5A524; } /* The footer deliberately has no entrance animation. Hiding it behind an observer meant that whenever the reveal failed, the contact details, every link and the copyright rendered blank. It is plain CSS now, and always visible. */ @media (prefers-reduced-motion: reduce) { .eg-ft-link:hover, .eg-ft-social a:hover { transform: none; } } /* SaaS Inputs */ .premium-input-footer { background: #f8fafc; border: 2px solid #f1f5f9; transition: all 0.3s ease; } .premium-input-footer:focus { background: #ffffff; border-color: #0F2831; box-shadow: 0 10px 25px -5px rgba(8, 44, 77, 0.1); outline: none; } .shimmer-btn-footer { position: relative; overflow: hidden; } .shimmer-btn-footer::after { content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); transition: left 0.7s ease; } .shimmer-btn-footer:hover::after { left: 200%; } /* Floating AI Animation */ @keyframes float-ai { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } .animate-float-ai { animation: float-ai 3s ease-in-out infinite; } @media (max-width: 768px) { body { padding-bottom: 5.5rem; } } /* ==== tailwind.css ==== */ *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-4{inset:-1rem}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-4{bottom:-1rem}.-right-1\.5{right:-.375rem}.-right-10{right:-2.5rem}.-right-4{right:-1rem}.-top-10{top:-2.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-5{left:1.25rem}.left-6{left:1.5rem}.right-0{right:0}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-28{top:7rem}.top-5{top:1.25rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-\[4000\]{z-index:4000}.z-\[60\]{z-index:60}.z-\[85\]{z-index:85}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-40{margin-bottom:-10rem}.-ml-40{margin-left:-10rem}.-mr-40{margin-right:-10rem}.-mt-40{margin-top:-10rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-24{margin-top:6rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-40{height:10rem}.h-64{height:16rem}.h-\[300px\]{height:300px}.h-\[46px\]{height:46px}.h-\[600px\]{height:600px}.h-full{height:100%}.max-h-\[85vh\]{max-height:85vh}.min-h-\[300px\]{min-height:300px}.min-h-\[90vh\]{min-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-40{width:10rem}.w-64{width:16rem}.w-72{width:18rem}.w-\[350px\]{width:350px}.w-\[600px\]{width:600px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1600px\]{max-width:1600px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom-right{transform-origin:bottom right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-rotate-2{--tw-rotate:-2deg}.-rotate-2,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg}.rotate-2{--tw-rotate:2deg}.rotate-2,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-6{row-gap:1.5rem}.space-x-3\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.875rem*var(--tw-space-x-reverse));margin-left:calc(.875rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-\[3rem\]{border-top-left-radius:3rem;border-top-right-radius:3rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#0F2831\]{--tw-border-opacity:1;border-color:rgb(15 40 49/var(--tw-border-opacity,1))}.border-\[\#0F2831\]\/10{border-color:rgba(15,40,49,.1)}.border-\[\#164050\]{--tw-border-opacity:1;border-color:rgb(22 64 80/var(--tw-border-opacity,1))}.border-\[\#7FD4C8\]\/40{border-color:rgba(127,212,200,.4)}.border-\[\#F5A524\]{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity,1))}.border-\[\#F5A524\]\/20{border-color:rgba(245,165,36,.2)}.border-\[\#F5A524\]\/30{border-color:rgba(245,165,36,.3)}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#0B1F26\]{--tw-bg-opacity:1;background-color:rgb(11 31 38/var(--tw-bg-opacity,1))}.bg-\[\#0F2831\]{--tw-bg-opacity:1;background-color:rgb(15 40 49/var(--tw-bg-opacity,1))}.bg-\[\#0F2831\]\/5{background-color:rgba(15,40,49,.05)}.bg-\[\#0F2831\]\/90{background-color:rgba(15,40,49,.9)}.bg-\[\#164050\]{--tw-bg-opacity:1;background-color:rgb(22 64 80/var(--tw-bg-opacity,1))}.bg-\[\#25D366\]{--tw-bg-opacity:1;background-color:rgb(37 211 102/var(--tw-bg-opacity,1))}.bg-\[\#F5A524\]{--tw-bg-opacity:1;background-color:rgb(245 165 36/var(--tw-bg-opacity,1))}.bg-\[\#F5A524\]\/10{background-color:rgba(245,165,36,.1)}.bg-\[\#F5A524\]\/20{background-color:rgba(245,165,36,.2)}.bg-\[\#f8fafc\]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:rgba(59,130,246,.1)}.bg-blue-600\/10{background-color:rgba(37,99,235,.1)}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/50{background-color:rgba(236,253,245,.5)}.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-400\/10{background-color:rgba(250,204,21,.1)}.bg-yellow-500\/10{background-color:rgba(234,179,8,.1)}.bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNGRlZTEiLz48L3N2Zz4\=\'\)\]{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNGRlZTEiLz48L3N2Zz4=")}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#0F2831\]{--tw-gradient-from:#0f2831 var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,40,49,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0F2831\]\/20{--tw-gradient-from:rgba(15,40,49,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,40,49,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#0F2831\]\/80{--tw-gradient-from:rgba(15,40,49,.8) var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,40,49,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#F5A524\]{--tw-gradient-from:#f5a524 var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,165,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#F5A524\]\/20{--tw-gradient-from:rgba(245,165,36,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,165,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-300{--tw-gradient-from:#fde047 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,224,71,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#0F2831\]\/20{--tw-gradient-to:rgba(15,40,49,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(15,40,49,.2) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-\[\#F5A524\]{--tw-gradient-to:rgba(245,165,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f5a524 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-yellow-400{--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#facc15 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\[\#0B1F26\]{--tw-gradient-to:#0b1f26 var(--tw-gradient-to-position)}.to-\[\#0F2831\]{--tw-gradient-to:#0f2831 var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0B1F26\]{--tw-text-opacity:1;color:rgb(11 31 38/var(--tw-text-opacity,1))}.text-\[\#0F2831\]{--tw-text-opacity:1;color:rgb(15 40 49/var(--tw-text-opacity,1))}.text-\[\#0F2831\]\/20{color:rgba(15,40,49,.2)}.text-\[\#0F2831\]\/30{color:rgba(15,40,49,.3)}.text-\[\#1C7A72\]{--tw-text-opacity:1;color:rgb(28 122 114/var(--tw-text-opacity,1))}.text-\[\#4E5F69\]{--tw-text-opacity:1;color:rgb(78 95 105/var(--tw-text-opacity,1))}.text-\[\#C77E10\]{--tw-text-opacity:1;color:rgb(199 126 16/var(--tw-text-opacity,1))}.text-\[\#F5A524\]{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity,1))}.text-blue-100\/80{color:rgba(219,234,254,.8)}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-300\/70{color:rgba(147,197,253,.7)}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.decoration-\[\#F5A524\]\/50{text-decoration-color:rgba(245,165,36,.5)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-\[0_-10px_25px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-10px_25px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 -10px 25px rgba(0,0,0,.1);--tw-shadow-colored:0 -10px 25px var(--tw-shadow-color)}.shadow-\[0_-20px_40px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 -20px 40px rgba(0,0,0,.1);--tw-shadow-colored:0 -20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(250\2c 204\2c 21\2c 0\.8\)\]{--tw-shadow:0 0 10px rgba(250,204,21,.8);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(246\2c 188\2c 96\2c 0\.1\)\]{--tw-shadow:0 0 15px rgba(246,188,96,.1);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(250\2c 204\2c 21\2c 0\.3\)\]{--tw-shadow:0 0 20px rgba(250,204,21,.3);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_20px_-10px_rgba\(250\2c 204\2c 21\2c 0\.5\)\]{--tw-shadow:0 10px 20px -10px rgba(250,204,21,.5);--tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(246\2c 188\2c 96\2c 0\.2\)\]{--tw-shadow:0 10px 20px rgba(246,188,96,.2);--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(37\2c 211\2c 102\2c 0\.3\)\]{--tw-shadow:0 10px 20px rgba(37,211,102,.3);--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(8\2c 44\2c 77\2c 0\.25\)\]{--tw-shadow:0 10px 20px rgba(8,44,77,.25);--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_20px_rgba\(8\2c 44\2c 77\2c 0\.3\)\]{--tw-shadow:0 10px 20px rgba(8,44,77,.3);--tw-shadow-colored:0 10px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_40px_-15px_rgba\(8\2c 44\2c 77\2c 0\.2\)\]{--tw-shadow:0 20px 40px -15px rgba(8,44,77,.2);--tw-shadow-colored:0 20px 40px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\2c 0\2c 0\2c 0\.2\)\]{--tw-shadow:0 20px 40px rgba(0,0,0,.2);--tw-shadow-colored:0 20px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.03\)\]{--tw-shadow:0 4px 20px rgba(0,0,0,.03);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color)}.shadow-\[0_4px_20px_rgba\(0\2c 0\2c 0\2c 0\.03\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur-\[120px\]{--tw-blur:blur(120px)}.blur-\[120px\],.blur-\[150px\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[150px\]{--tw-blur:blur(150px)}.blur-\[20px\]{--tw-blur:blur(20px)}.blur-\[20px\],.drop-shadow-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.drop-shadow-md,.drop-shadow-sm{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#F5A524\]:hover{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity,1))}.hover\:border-\[\#F5A524\]\/50:hover{border-color:rgba(245,165,36,.5)}.hover\:bg-\[\#164050\]:hover{--tw-bg-opacity:1;background-color:rgb(22 64 80/var(--tw-bg-opacity,1))}.hover\:bg-\[\#eab308\]:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-emerald-500:hover{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.hover\:text-\[\#C77E10\]:hover{--tw-text-opacity:1;color:rgb(199 126 16/var(--tw-text-opacity,1))}.hover\:text-\[\#F5A524\]:hover{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity,1))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-\[0_0_30px_rgba\(250\2c 204\2c 21\2c 0\.5\)\]:hover{--tw-shadow:0 0 30px rgba(250,204,21,.5);--tw-shadow-colored:0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_10px_25px_rgba\(246\2c 188\2c 96\2c 0\.4\)\]:hover{--tw-shadow:0 10px 25px rgba(246,188,96,.4);--tw-shadow-colored:0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-\[\#F5A524\]:focus{--tw-border-opacity:1;border-color:rgb(245 165 36/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#F5A524\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(245 165 36/var(--tw-ring-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95}.active\:scale-95:active,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-105,.group:hover .group-hover\:scale-110{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:bg-\[\#0F2831\]{--tw-bg-opacity:1;background-color:rgb(15 40 49/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-\[\#F5A524\]{--tw-bg-opacity:1;background-color:rgb(245 165 36/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-\[\#0F2831\]{--tw-text-opacity:1;color:rgb(15 40 49/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-\[\#F5A524\]{--tw-text-opacity:1;color:rgb(245 165 36/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:right-8{right:2rem}.sm\:flex{display:flex}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:hidden{display:none}.md\:h-80{height:20rem}.md\:h-\[450px\]{height:450px}.md\:w-80{width:20rem}.md\:w-96{width:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:text-left{text-align:left}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:block{display:block}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:gap-20{gap:5rem}.lg\:gap-24{gap:6rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[5rem\]{font-size:5rem}}@media (min-width:1280px){.xl\:mr-10{margin-right:2.5rem}.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:hidden{display:none}.xl\:w-4\/12{width:33.333333%}.xl\:w-8\/12{width:66.666667%}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.75rem*var(--tw-space-x-reverse));margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)))}.xl\:px-8{padding-left:2rem;padding-right:2rem}}.shadow-\[0_10px_20px_rgba\(8\,44\,77\,0\.25\)\]{--tw-shadow:0 10px 20px rgba(8,44,77,0.25);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .hover\:shadow-\[0_10px_25px_rgba\(246\,188\,96\,0\.4\)\]:hover{--tw-shadow:0 10px 25px rgba(246,188,96,0.4);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_10px_20px_rgba\(246\,188\,96\,0\.2\)\]{--tw-shadow:0 10px 20px rgba(246,188,96,0.2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_10px_20px_rgba\(8\,44\,77\,0\.3\)\]{--tw-shadow:0 10px 20px rgba(8,44,77,0.3);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 20px 40px rgba(0,0,0,0.2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_10px_20px_rgba\(37\,211\,102\,0\.3\)\]{--tw-shadow:0 10px 20px rgba(37,211,102,0.3);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_-10px_25px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 -10px 25px rgba(0,0,0,0.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_0_15px_rgba\(246\,188\,96\,0\.1\)\]{--tw-shadow:0 0 15px rgba(246,188,96,0.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 4px 20px rgba(0,0,0,0.03);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_20px_40px_-15px_rgba\(8\,44\,77\,0\.2\)\]{--tw-shadow:0 20px 40px -15px rgba(8,44,77,0.2);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_0_10px_rgba\(250\,204\,21\,0\.8\)\]{--tw-shadow:0 0 10px rgba(250,204,21,0.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_0_20px_rgba\(250\,204\,21\,0\.3\)\]{--tw-shadow:0 0 20px rgba(250,204,21,0.3);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .hover\:shadow-\[0_0_30px_rgba\(250\,204\,21\,0\.5\)\]:hover{--tw-shadow:0 0 30px rgba(250,204,21,0.5);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_-20px_40px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 -20px 40px rgba(0,0,0,0.1);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_10px_20px_-10px_rgba\(250\,204\,21\,0\.5\)\]{--tw-shadow:0 10px 20px -10px rgba(250,204,21,0.5);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNGRlZTEiLz48L3N2Zz4\=\'\)\]{background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9IiNlNGRlZTEiLz48L3N2Zz4=')}