{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;1,600&family=Lato:ital,wght@0,400;0,700;1,400&display=swap'); .sg-ty-page { --sg-teal: #459fc0; --sg-teal-dark: #1d5f76; --sg-magenta: #db3a88; --sg-magenta-deep: #c1327a; --sg-sage: #EAF0EC; --sg-sage-band: #DFE5E1; --sg-ink: #3a3a3a; --sg-ink-soft: #5b5b5b; --sg-line: #e2e6e3; font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--sg-ink); font-size: 18px; line-height: 1.65; margin: 0; padding: 0; background: linear-gradient(180deg, var(--sg-sage-band) 0%, var(--sg-sage) 55%, #fff 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; } .sg-ty-page * { box-sizing: border-box; } .sg-ty-card { max-width: 680px; width: 90%; margin: 40px auto; background: #ffffff; border-radius: 20px; padding: 50px 40px; text-align: center; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--sg-line); position: relative; overflow: hidden; } .sg-ty-icon { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--sg-teal), var(--sg-teal-dark)); color: #ffffff; font-size: 40px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; box-shadow: 0 10px 24px rgba(69, 159, 192, 0.3); } .sg-ty-card h1 { font-family: 'Poppins', sans-serif; font-size: 36px; font-weight: 700; color: var(--sg-magenta); margin: 0 0 12px; line-height: 1.2; } .sg-ty-card .sg-swoosh { display: block; width: 132px; height: 14px; margin: 0 auto 24px; background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 14'><path d='M3 9 C 26 2 46 2 66 7 S 106 13 129 5' fill='none' stroke='%23459fc0' stroke-width='4.5' stroke-linecap='round'/></svg>"); } .sg-ty-card p { color: var(--sg-ink-soft); margin: 0 0 24px; font-size: 19px; } .sg-ty-steps { background: var(--sg-sage); border-radius: 12px; padding: 24px; text-align: left; margin: 30px 0; border: 1px solid var(--sg-line); } .sg-ty-steps h3 { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 700; color: var(--sg-teal-dark); margin: 0 0 12px; text-transform: uppercase; letter-spacing: 0.5px; } .sg-ty-steps ul { margin: 0; padding-left: 20px; } .sg-ty-steps li { margin-bottom: 10px; color: var(--sg-ink); font-size: 16px; } .sg-ty-steps li:last-child { margin-bottom: 0; } .sg-ty-btn { display: inline-block; background: var(--sg-magenta); color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 18px; text-decoration: none; padding: 14px 38px; border-radius: 40px; letter-spacing: 0.3px; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; box-shadow: 0 10px 24px rgba(219, 58, 136, 0.34); } .sg-ty-btn:hover { background: var(--sg-magenta-deep); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(219, 58, 136, 0.44); } .sg-ty-footer-link { display: block; margin-top: 20px; color: var(--sg-teal); font-size: 15px; text-decoration: none; font-style: italic; } .sg-ty-footer-link:hover { color: var(--sg-teal-dark); } @media (max-width: 640px) { .sg-ty-card { padding: 36px 20px; } .sg-ty-card h1 { font-size: 28px; } .sg-ty-card p { font-size: 17px; } } .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } @media (max-width: 639px) { .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } } @media (min-width: 1200px) { .gp-component-id-jm3wGojkET { min-height: 50px;position: relative;z-index: auto; } }