{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-Eg86zzryc { width: 100%;padding-right: 16px;padding-left: 16px;margin-bottom: 0px;margin-top: 0px;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 1200px; } } .global-style-Eg86zzryc:not([data-gp-component="block"]), .global-style-Eg86zzryc [data-section-overlay] { background-color: undefined; } /* Global Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; overflow-x: hidden; } /* Section - Full viewport container */ .gf-section { min-height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 0; position: relative; } /* Container - Main wrapper */ .gf-container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; align-items: center; justify-content: center; } /* Row - Flexbox row */ .gf-row { display: flex; align-items: center; justify-content: center; width: 100%; } /* Column - Content column */ .gf-col { width: 100%; max-width: 500px; } /* Card - Main content card */ .gf-card { background: #ffffff; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); padding: 40px; width: 100%; position: relative; backdrop-filter: blur(10px); } /* Header Block */ .gf-header { text-align: center; margin-bottom: 32px; } .gf-headline { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 700; color: #2c3e50; margin-bottom: 8px; line-height: 1.2; } .gf-subheadline { font-family: 'Roboto', sans-serif; font-size: 16px; color: #7f8c8d; font-weight: 400; line-height: 1.4; } /* Form Block */ .gf-form-block { display: flex; flex-direction: column; gap: 16px; width: 100%; } /* Input Element */ .gf-input { padding: 16px; border: 2px solid #e1e8ed; border-radius: 8px; font-size: 16px; font-family: 'Roboto', sans-serif; transition: all 0.3s ease; width: 100%; } .gf-input:focus { outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } /* Button Group */ .gf-button-group { display: flex; gap: 12px; width: 100%; } /* Buttons */ .gf-button { flex: 1; padding: 16px 20px; border: none; border-radius: 8px; font-size: 16px; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.3s ease; font-family: 'Roboto', sans-serif; text-decoration: none; } .gf-button-primary { background: #667eea; color: white; } .gf-button-primary:hover { background: #5a6fd8; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3); } .gf-button-secondary { background: #f8f9fa; color: #495057; border: 2px solid #e9ecef; } .gf-button-secondary:hover { background: #e9ecef; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); } .gf-icon { width: 16px; height: 16px; flex-shrink: 0; } /* Responsive Design */ @media (max-width: 768px) { .gf-container { padding: 15px; } .gf-card { padding: 30px 25px; } .gf-headline { font-size: 24px; } .gf-subheadline { font-size: 15px; } } @media (max-width: 480px) { .gf-container { padding: 10px; } .gf-card { padding: 25px 20px; border-radius: 12px; } .gf-headline { font-size: 22px; } .gf-subheadline { font-size: 14px; } .gf-button-group { flex-direction: column; } .gf-button { padding: 14px 18px; font-size: 15px; } .gf-input { padding: 14px; font-size: 15px; } } @media (max-width: 320px) { .gf-card { padding: 20px 15px; } .gf-headline { font-size: 20px; } .gf-subheadline { font-size: 13px; } .gf-button { padding: 12px 16px; font-size: 14px; } .gf-input { padding: 12px; font-size: 14px; } } /* Loading and Success States */ .gf-button.loading { opacity: 0.7; pointer-events: none; } .gf-button.success { background: #28a745; } .gf-button.success:hover { background: #218838; }