/* ===== Scoped tokens (no global bleed) ===== */ :root{--cot-deep-blue:#0F137B;--cot-magenta:#FA00FF;--cot-yellow:#FED500;--cot-cyan:#00F0FF;--cot-white:#fff;--cot-black:rgb(34, 34, 34);--cot-gray:#666;--cot-light-gray:#f8f9fa;--cot-indigo:#1a1464;--cot-purple:#7219b2;--cot-slate:#6b7280;--cot-border:#e5e7eb;--cot-blue-light:#1c21a5;--cot-gold:#F59E0B;--cot-green:#15A854;--gold:38 92% 50%;--green:142 76% 36%;--font-averta-std: "AvertaStdBold", Arial, sans-serif;--font-averta-bold: "AvertaExtraBold",system-ui,Arial,sans-serif} /* ----- NAVIGATION ------- */ footer{margin-top:0!important} #head-row{box-shadow:none!important} #post-nav.product{display:flex;justify-content:center;height:40px;position:fixed;z-index:50;background:#fff;width:100%;border-top:1px solid #ccc;box-shadow: rgba(0, 0, 0, 0.4) 0 3px 4px 0;} #post-nav.product ul{padding-bottom:0;display:flex;overflow-x: auto;scrollbar-width: none;} #post-nav.product li{display:flex;justify-content:center;align-items:center} #post-nav.product li a{margin:0;border-radius:unset;border:0;border:1px solid transparent;padding:0px 15px 2px;color:#999;box-sizing: border-box;font-size:.90rem } #post-nav.product a.active,#post-nav.product li a:hover{border-left-color:#ccc;border-right-color:#ccc;background:transparent;color:#000;} #post-nav.product.p_hm a.active,#post-nav.product.p_hm li a:hover{color:#FA00FF} #post-nav.product ul::-webkit-scrollbar {display: none} @media (min-width:768px){ #post-nav.product{height:28px} #post-nav.product li a{font-size:.75rem} } /* ============ NEW ============ */ /* headings */ h1 span,h2 span{display:inline-block;} h1, h1 span, h2, h2 span,h3 {line-height:1.15!important;letter-spacing:-.03em!important;font-family:"AvertaStdBold",system-ui,Arial,sans-serif!important;text-align:center} h4 {margin-bottom: 14px!important;line-height:1.3;} h1,h1 span{font-size:5rem!important;} h2,h2 span{font-size:3.8rem!important;font-weight:600!important} h3{font-size:2.8rem!important;color:#0F137B} h1,h2,h3{margin:0 0 1rem!important} #hi h2,#hi h2 span{text-align:left} .no_grad{font-weight:normal!important;text-align:left} .grad{background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;padding-right:3px;} .blue_grad {background-image: linear-gradient(var(--cot-deep-blue))} .yellow_grad {background-image: linear-gradient(135deg, var(--cot-yellow)20%, var(--cot-magenta));color:transparent } .purple_grad {background-image: linear-gradient(135deg, var(--cot-deep-blue), var(--cot-magenta));color:transparent} .bluefade_grad {background-image: linear-gradient(150deg, #2261ff 15%, #00F0FF 80%)} /*linear-gradient(150deg, #0F137B 3.92%, #063b82 30.27%, #2261ff 55.27%, #00F0FF 99.75%)}*/ .bluefade_grad_sec {background-image: linear-gradient(160deg, #0F137B 10%, #063b82 60%, #2261ff 80%, #00F0FF 99.75%)} .white_grad {background-image: linear-gradient(1deg, #999, #fff);color:transparent } .sm11{margin-bottom: 7px; display: block; font-size: 1.3rem;color:var(--cot-deep-blue)!important} /* utility */ .icon .elementor-widget-container{margin:0;padding:17px;border:1px solid #fff!important;border-radius:16px!important;box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.5);height:60px!important;width:60px!important;background-image: linear-gradient(150.11deg, #0F137B 3.92%, #063b82 30.27%, #2261ff 55.27%, #00F0FF 99.75%)} .icon.red .elementor-widget-container{background: #9b372a; background: linear-gradient(90deg, rgba(155, 55, 42, 1) 0%, rgba(176, 14, 14, 1) 37%, rgba(237, 98, 83, 1) 100%);} .icon.green .elementor-widget-container{background: #629b2a; background: linear-gradient(90deg, rgba(98, 155, 42, 1) 0%, rgba(81, 176, 14, 1) 52%, rgba(96, 209, 82, 1) 100%);} .center {text-align: center} .nmp,.nmp p{padding:0!important;margin:0!important} .caps p{text-transform: uppercase;color:#000!important;margin-bottom:1.5rem!important;} .nm {margin:0} .mb {margin:0 0 2rem} .sec {border: 1px solid red;padding:0;margin:0} .pad {padding:70px 24px; width: 100%; max-width: 1200px;margin: 0 auto } .pad.top {padding-top:80px;} .pm p{padding-bottom:15px!important} .img1080 img{max-width: 1080px;width:100%} .lh .elementor-icon-wrapper {line-height:0} .br {border-right:1px solid #ccc!important} .max-800{width:100%!important;max-width:800px!important;margin:0 auto;} .accordion-btm{border:0} @media (max-width: 1024px) { .br {border-bottom:1px solid #ccc!important} } @media (max-width: 600px) { .27rem{font-size:2.7rem!important} .br {border-right:0!important;} .pad {padding:70px 18px} .pad.top {padding-top:90px;} .mb-mob {margin:0 0 2rem} h1,h1 span {font-size:3.6rem!important;} h2,h2 span {font-size:3rem!important} h1,h1 span,h2,h2 span{word-spacing:-1.5px!important;letter-spacing:-.07em!important;line-height:1.1!important} } /* ============ NEW ============ */ /* ============ Gradient BOX ============ */ .media-container {max-width:1200px;margin:1rem auto;padding:0 1.5rem;} .media-wrapper {position:relative;width:100%;margin:0 auto;} .gradient-overlay {position:absolute;right:50px;top:15%;width:90%;height:50%;filter:blur(50px);pointer-events:none;z-index:0;inset-inline-start:20px;inset-block-start:30px;transform:rotate(362deg);} .overlay-mag-yel{background:linear-gradient(281deg,rgb(255,215,0) 38%,rgb(250,18,227) 85%);} .media-box {padding:10px;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px rgba(118,18,250,0.25);border:1px solid rgba(255,255,255,0.5);background: rgba(255, 255, 255, 0.6);} .media-box img {width:100%;height:auto;display:block;position:relative;z-index:0;border-radius:10px;} .sec-grad-purp {display:block;background:linear-gradient(to top,rgba(118,18,250,0.1) 0%,rgba(118,18,250,0) 100%);height:200px;width:100%;position:absolute;bottom:0} @media(max-width:768px){ .media-container {margin:0 auto;padding:0 0 1rem;} .media-box {padding:0} .gradient-overlay {height:20%;} } /* ============ Particles and Shimmer ============ */ .cot-particles{position: relative;width: 100%;height: 100%;background:#000;overflow: hidden;} .cot-particles__canvas{position: absolute;inset: 0;width: 100%;height: 100vh;display: block; z-index: 99999999;pointer-events: none;top:0;} .shimmer-wrap {position: relative;display: block;overflow: hidden;width: 100%;} .shimmer-wrap::after {content: "";position: absolute; inset: 0;transform: translateX(-120%);z-index: 2;will-change: transform;background: linear-gradient( 120deg,transparent 30%,rgba(255, 255, 255, 0.35) 50%,transparent 70%);pointer-events: none;} .shimmer-wrap img{display: block;width: 100%;height: auto;} .shimmer-wrap.is-shimmering::after {animation: shimmer-sweep 1.2s ease-out forwards;} @keyframes shimmer-sweep { to {transform: translateX(120%);} } @keyframes shimmer-sweep-x { to { transform: translateX(120%); }} @keyframes shimmer-sweep-3d { to { transform: translate3d(120%,0,0); }} .shimmer-wrap.is-shimmering::after {animation: shimmer-sweep-x 1.2s ease-out forwards;} @supports (-webkit-touch-callout: none) { .shimmer-wrap::after {transform: translate3d(-120%,0,0);} .shimmer-wrap.is-shimmering::after {animation: shimmer-sweep-3d 1.2s ease-out forwards;} } /* Font (safe globally, just a face definition) */ #hi .averta{font-family:"AvertaExtraBold",system-ui,Arial,sans-serif!important} #hi .avertastd{font-family:"AvertaStdBold",system-ui,Arial,sans-serif!important} h2.avertastd {font-size: 2.4rem!important;font-weight: 800!important;color:#0F137B;letter-spacing:-1px!important;margin-bottom: 16px!important; line-height: 1.2;font-family: "AvertaStdBold",system-ui,Arial,sans-serif!important;} /* Utilities (scoped) */ .rel{position:relative!important;} #hi svg{width:1em;height:1em;vertical-align:middle} .is-hidden{display:none} .is-gradient-text{display:block!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important} /* Gradients */ .gradient-text-yelmagenta{background-image:linear-gradient(135deg,var(--cot-yellow),var(--cot-magenta))} .gradient-text-purple{background-image:linear-gradient(135deg,#8b5cf6,#ec4899)} .gradient-text-goldgreen{background:linear-gradient(135deg,hsl(var(--gold)),hsl(var(--green)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .gradient-text-white{background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff} .gradient-text-black{background-image:none;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#000!important} /* Shared containers */ #hi .elementor-widget-container{position:relative} #hi .a-container{max-width:1200px;margin:0 auto;padding:0 20px} #hi .flexcenter{display:flex;align-items:center;justify-content:center} #hi .flexrow,#hi .flexrowreverse{display:flex;flex-direction:column;align-items:center;gap:48px} #hi .content-flexcol{flex:0 0 56%;display:flex;flex-direction:column;gap:20px;min-width:0;justify-content:center} @media (min-width:768px){ #hi .flexrow{flex-direction:row;align-items:center;gap:34px} #hi .flexrowreverse{flex-direction:row-reverse;align-items:center;gap:34px} } /* Sections */ #hi .secondary-hero{padding:40px 0;background:#fff} #hi .secondary-hero-grad{padding:40px 0;background:#E8F0FE} @media (min-width:768px){ } /* ============ Hero ============ */ #product {padding-top:40px} #hi .hero-wrap{position:relative;display:flex;align-items:normal;justify-content:center;padding:4.5rem 20px 40px;color:#fff;text-align:center;background:linear-gradient(135deg,rgba(10,20,60,.9),rgba(26,29,94,.9)),url('https://about.cashortrade.org/wp-content/uploads/2025/10/bg-hworks.jpg') bottom/cover no-repeat;} #hi .page-hero-wrap{position:relative;z-index:1;padding:45px 20px 0;width:100%;overflow:hidden} #hi .page-hero-wrap.blur:before{content: "";position: absolute;inset: 0;filter: blur(50px);transform: scale(1.05);z-index: -1;border-radius: inherit;} #hi .page-hero-inner{display:block;margin:0 auto;max-width:900px;padding:20px;background:transparent;box-shadow:none;border-radius:0;} #hi .page-hero-inner.blk {background:#000;box-shadow: 0 4px 12px hsl(var(--gold) / 0.3);} #hi .page-hero-inner{} #hi .page-hero-wrap{padding-bottom:0;} #hi .hero-bg{position:absolute;inset:0;opacity:1} @media (min-width:640px){ #product {padding-top:28px} #hi .hero-bg-circle-1{top:80px} #hi .hero{align-items:center} #hi .hero-wrap{padding-top:6.25rem} } /* Headings */ #hi .hero-inner,#hi .page-hero-inner{text-align:center} #hi .hero-inner h1{font-size:3.7rem;color:#fff;line-height:1.2;margin:0;letter-spacing:-1.5px;text-align:center;font-family:"AvertaExtraBold",system-ui,Arial,sans-serif!important} #hi .hero-inner h1 span{font-size:2.8rem;letter-spacing:-.1;display:block;margin-bottom:20px} #hi .page-hero-inner h1, #hi .page-hero-inner h1 span {font-size:3.5rem;letter-spacing:-1px;line-height:1.2;padding:0;font-family: var(--font-averta-std);color:var(--cot-deep-blue);word-spacing:-5px;text-align:center;margin:0} #hi .page-hero-inner h1 span.blueblock,#hi .secondary-hero h2 span.blueblock {display:block;color:#0F137B!important;background-image:none!important;-webkit-text-fill-color:#0F137B} #hi .secondary-hero h2, #hi .secondary-hero h2 span {font-size: 3.7rem;line-height: 1.2;letter-spacing: -1px;margin:0;font-family: var(--font-averta-std);color:var(--cot-deep-blue)} #hi .secondary-hero h2, #hi .secondary-hero h2 span, #hi .page-hero-inner h1 span.blueblock, #hi .secondary-hero h2 span.blueblock, #hi .page-hero-inner h1, #hi .page-hero-inner h1 span {font-size: 3.2rem;line-height: 1.05;letter-spacing: -3px;} #hi .secondary-hero .flexcenter {justify-content: flex-start} #hi .secondary-hero .content-flexcol {gap:7px} @media (min-width:768px){ #hi .hero-inner h1{font-size:3.8rem;line-height:1.3;letter-spacing:-1px;} #hi .hero-inner h1 span{font-size:3rem} #hi .secondary-hero h2,#hi .secondary-hero h2 span,#hi .secondary-hero h2 span.blueblock {font-size: 3.8rem;line-height: 1.15;letter-spacing: -1px;} #hi .page-hero-inner h1,#hi .page-hero-inner h1 span,#hi .page-hero-inner h1 span.blueblock {font-size:5rem;line-height: 1.2;} } /* Text */ #hi .page-hero-inner p,#hi .description{font-size:1.4rem;line-height:1.5;color:var(--cot-black);margin:0;text-align:center} #hi .page-hero-inner.blk p, #hi .blk p.description{color:var(--cot-white);padding-bottom:10px} #hi .secondary-hero p.description{text-align:left;font-size:1.3rem;margin-bottom:10px} #hi .hero-inner p{padding-top:30px;max-width:700px;margin:0 auto 20px;color:var(--cot-white); font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1.6} #hi p.sub-headline{font-size:1.25rem;color:var(--cot-gray-800);font-weight:500;} @media (min-width:768px){ #hi .secondary-hero p.description{font-size:1.5rem;} } /* Buttons */ #hi .btn.steps-to-sell,#hi .btn.steps-to-buy {display:none} #hi .btn{width:90%;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:14px 18px;border-radius:12px;font-weight:800;font-size:1.125rem;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;line-height:1} #hi .hero .btn{min-height:auto;padding:12px 20px} #hi .btn-wrap{margin-top:15px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center} #hi .btn svg{width:20px;height:20px} #hi .btn-yelmagenta{background:linear-gradient(90deg,var(--cot-yellow),var(--cot-magenta));color:#fff;box-shadow:0 4px 15px rgba(15,19,123,.3)} #hi .btn-indigo{background:var(--cot-indigo);color:#fff} #hi .btn-purple{background:linear-gradient(135deg,#0F137B 0%,#FA00FF 100%);box-shadow:0 4px 15px rgba(15,19,123,.3);color:#fff} #hi .btn-green{background:linear-gradient(135deg,hsl(var(--gold)),hsl(var(--green)));color:#fff;box-shadow:0 4px 12px hsl(var(--gold)/0.3)} #hi .btn-green:hover{box-shadow:0 6px 20px hsl(var(--gold)/0.4)} #hi .btn-outline-indigo{border:2px solid var(--cot-border);color:var(--cot-indigo);background:#fff} #hi .btn-outline-purple{border:2px solid #8b5cf6;color:#8b5cf6;background:transparent} #hi .btn:hover{transform:translateY(-2px)} #hi .btn-outline:hover,#hi .btn-outline-indigo:hover,#hi .btn-outline-purple:hover{background:#fff} @media (min-width:640px){ #hi .btn-wrap{justify-content:flex-start} #hi .btn{padding:14px 32px;width:auto;} } /* Images */ #hi .image-wrap{flex:1;width:100%} #hi .image{display:block;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px -12px rgba(0,0,0,.25);border:1px solid var(--cot-border)} #hi .image-ph{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center} #hi .a-ph-content img,#hi .ph-content img{display:block;width:100%;height:auto;border-radius:inherit} #hi .image img,#hi .image-wrap img{width:100%;height:auto;display:block} /* mobile defaults */ #hi .image.mobile{display:block} #hi .image-wrap.desk{display:none} @media (min-width:640px){ #hi .image.mobile{display:none} #hi .image-wrap.desk{display:block} } /* Badges */ #hi .icon-wrap {width: 80px;height: 80px;background: linear-gradient(135deg, rgba(217, 70, 239, .1), rgba(6, 182, 212, .1));border-radius: 50%; display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;} #hi .badge{display:none;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;width:auto;max-width:max-content} #hi .badge{background:rgba(255,204,0,.1);border:1px solid rgba(255,204,0,.2)} #hi .badge-purple{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)} #hi .badge-icon,#hi .badge-purple-icon{width:20px;height:20px} #hi .badge-text{font-size:14px;font-weight:600;color:var(--cot-deep-blue)} #hi .badge-purple-text{font-size:14px;font-weight:600;color:#1a1a1a} /* B2 Stats */ #hi .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;width:100%} #hi .stat-value{font-size:2rem;font-weight:700;color:var(--cot-indigo)} #hi .stat-label{font-size:.875rem;color:var(--cot-white)} /* ===== Features Section (#hi) ===== */ #hi .features{display:flex;flex-direction:column;gap:9px;margin-bottom:0} #hi .feature{display:flex;align-items:center;gap:16px;padding:10px;background:var(--cot-white);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--cot-border)} /*#hi .feature:hover{transform:translateX(8px);box-shadow:0 4px 16px rgba(0,0,0,0.1);border-color:var(--cot-deep-blue)}*/ #hi .feature-icon{width:48px;height:48px;border-radius:12px;background:var(--cot-light-gray);display:flex;align-items:center;justify-content:center;flex-shrink:0} #hi .feature-icon svg{width:24px;height:24px;stroke:var(--cot-deep-blue);fill:none;stroke-width:2} #hi .feature-text{flex:1} #hi .feature-title{font-size:18px;font-weight:700;color:var(--cot-black);margin-bottom:4px} #hi .feature-desc{font-size:14px;color:var(--cot-gray)} /* Numbers */ .number-outline{margin:0 0 1rem 0; font-size:3.2rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px #FA00FF;text-stroke:2px #FA00FF;} @media (min-width:768px){ .number-outline{font-size:5rem;margin:0 auto 1rem;} } /* Tabs */ #hi .cot-tabs-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif} #hi .cot-tabs-nav{display:flex;border-bottom:2px solid var(--cot-border);margin-bottom:32px} #hi .cot-tab-button{flex:1;padding:16px 24px;border:none;background:transparent;border-bottom:3px solid transparent;font-size:2rem;font-weight:600;color:#6b7280;cursor:pointer;transition:.3s;text-transform:uppercase} #hi .cot-tab-button:hover{color:#9333ea;background:#f9fafb} #hi .cot-tab-button.active{color:#9333ea;border-bottom-color:#9333ea} #hi .cot-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px} #hi .cot-item-card{background:#fff;border:1px solid var(--cot-border);border-radius:12px;padding:24px;display:none;transition:.3s} #hi .cot-item-card.show{display:block;animation:fadeIn .3s} #hi .cot-item-card:hover{box-shadow:0 10px 30px -10px rgba(147,51,234,.3);transform:translateY(-2px)} #hi .cot-item-category{display:inline-block;padding:4px 12px;background:#f3e8ff;color:#9333ea;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:12px} #hi .cot-item-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:8px} #hi .cot-item-description{font-size:14px;color:var(--cot-slate);line-height:1.6} @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @media (max-width:768px){ #hi .cot-tabs-nav{flex-direction:column} #hi .cot-tab-button{font-size:1.5rem} } /* Hero Cards #hi .hc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;max-width:48rem;margin:2rem auto 0}*/ #hi .hc-cards{display:grid;grid-template-columns:repeat(6,1fr);place-items:center;gap:14px;margin:0 auto;width:100%} #hi .hc-card{width:100%;padding:.5rem;backdrop-filter:blur(10px);border-radius:.75rem;text-align:center;cursor:pointer;box-shadow:inset 0 -28px 84px -24px rgba(226, 232, 255, .25);border: 1px solid #373737;background: rgba(0, 0, 0, .3);} #hi .hc-card:hover{border:1px solid var(--cot-magenta)} /* Icons */ #hi .hc-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px} #hi .hc-icon--big{width:auto;height:auto;font-size:2rem;font-weight:700} #hi .hc-icon--cyan{color:var(--cot-cyan)} #hi .hc-icon--magenta{color:var(--cot-magenta)} #hi .hc-icon--yellow{color:var(--cot-yellow)} /* Typography */ #hi .hc-title{font-weight:700;color:var(--cot-white);margin-bottom:0!important;font-size:1rem!important} #hi .hc-text{font-size:.875rem;color:rgba(255,255,255,.8);margin:0} #hi .hc-text{display:none} /* ====== ICON COLORS ====== */ #hi .hc-icon{color:var(--hc-color,currentColor)} #hi .hc-card{--hc-color:var(--cot-magenta)} /* #hi .hc-card:nth-child(4n+1){--hc-color:var(--cot-cyan)} #hi .hc-card:nth-child(4n+2){--hc-color:var(--cot-magenta)} #hi .hc-card:nth-child(4n+3){--hc-color:var(--cot-yellow)} #hi .hc-card:nth-child(4n+4){--hc-color:var(--cot-white)}*/ /* ====== Mobile & Tablet (2-up) ====== */ @media (max-width:1024px){ #hi .hc-cards{grid-template-columns:repeat(4,1fr)} /* 2 across per color → cyan, magenta, yellow, deep blue */ #hi .hc-card:nth-child(8n+1),#hi .hc-card:nth-child(8n+2){--hc-color:var(--cot-cyan)} #hi .hc-card:nth-child(8n+3),#hi .hc-card:nth-child(8n+4){--hc-color:var(--cot-magenta)} #hi .hc-card:nth-child(8n+5),#hi .hc-card:nth-child(8n+6){--hc-color:var(--cot-yellow)} #hi .hc-card:nth-child(8n+7),#hi .hc-card:nth-child(8n+8){--hc-color:var(--cot-white)} } @media (max-width:768px){ #hi .hc-cards{grid-template-columns:repeat(2,1fr)} } /* CTA Section */ .fees-cta {width:100%;max-width:1200px;margin:0 auto;text-align:center;padding:48px 40px;background:#fff;border-radius:16px;box-shadow:0 2px 20px rgba(0,0,0,0.08);} .cta-title {font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0F137B 0%,#FA00FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:32px;} .cta-buttons {display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;} .cta-button {padding:16px 32px;font-size:1.125rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;} .cta-button.primary {background:linear-gradient(135deg,#0F137B 0%,#FA00FF 100%);color:#fff;box-shadow:0 4px 15px rgba(250,0,255,0.3);} .cta-button.primary:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(250,0,255,0.4);} .cta-button.secondary {background:#fff;color:#0F137B;border:2px solid #0F137B;} .cta-button.secondary:hover {background:#0F137B;color:#fff;transform:translateY(-2px);} .cta-footer {font-size:0.875rem;color:#666;margin-top:16px;} @media (max-width:768px) { .ticket-fees-infographic {padding:40px 16px;} .fees-title {font-size:1.875rem;} .fees-section {padding:24px 20px;} .section-title {font-size:1.5rem;} .comparison-grid {grid-template-columns:1fr;} .winner-title {font-size:1.5rem;} .winner-features {grid-template-columns:1fr;} .cta-title {font-size:1.5rem;} .cta-buttons {flex-direction:column;} .cta-button {width:100%;} } /* Back to Top */ .backToTop{padding-top:15px;position:fixed;bottom:70px;right:15px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #ccc!important;background:var(--cot-white,#fff);color:#666;cursor:pointer;font-size:2rem;font-weight:700;opacity:1;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:100} .backToTop:hover{transform:translateY(-4px);background:var(--cot-magenta,#FA00FF);color:#fff} .backToTop.show{opacity:1;pointer-events:auto} @media (min-width:640px){ .backToTop{bottom:15px;right:15px} }