* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;background: radial-gradient(circle at 30% 20%, rgba(0,119,190,0.05) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(0,206,209,0.05) 0%, transparent 50%), linear-gradient(135deg, #f6f8fb 0%, #e9ecef 100%);min-height: 100vh;color: #1f2937;line-height: 1.6;}.nav-bar {position: fixed;top: 0;left: 0;right: 0;height: 60px;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px);border-bottom: 1px solid rgba(0,0,0,0.05);z-index: 1000;display: flex;align-items: center;padding: 0 40px;}.nav-logo {font-size: 20px;font-weight: 800;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-decoration: none;}.about-hero {margin-top: 60px;padding: 80px 20px;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);position: relative;overflow: hidden;}.about-hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;}.hero-content {max-width: 1200px;margin: 0 auto;text-align: center;position: relative;z-index: 1;}.about-title {font-size: 56px;font-weight: 900;color: white;margin-bottom: 20px;letter-spacing: -1px;}.about-subtitle {font-size: 24px;color: rgba(255,255,255,0.9);font-weight: 300;margin-bottom: 30px;}.parent-company {display: inline-flex;align-items: center;gap: 10px;background: rgba(255,255,255,0.2);backdrop-filter: blur(10px);padding: 12px 24px;border-radius: 50px;color: white;font-size: 16px;border: 1px solid rgba(255,255,255,0.3);}.parent-company strong {font-weight: 700;}.about-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}.intro-section {padding: 80px 20px;text-align: center;max-width: 900px;margin: 0 auto;}.intro-text {font-size: 20px;color: #4b5563;line-height: 1.8;margin-bottom: 30px;}.intro-text strong {color: #1f2937;font-weight: 600;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;margin: 60px 0;padding: 40px;background: white;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);}.stat-item {text-align: center;position: relative;}.stat-item::after {content: '';position: absolute;right: -15px;top: 50%;transform: translateY(-50%);width: 1px;height: 40px;background: #e5e7eb;}.stat-item:last-child::after {display: none;}.stat-number {font-size: 48px;font-weight: 900;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 10px;}.stat-label {font-size: 16px;color: #6b7280;font-weight: 500;}.coverage-section {padding: 80px 0;background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);}.section-header {text-align: center;margin-bottom: 60px;}.section-title {font-size: 42px;font-weight: 800;color: #1f2937;margin-bottom: 20px;}.section-desc {font-size: 18px;color: #6b7280;max-width: 700px;margin: 0 auto;}.lifecycle-visual {display: flex;justify-content: space-between;align-items: center;max-width: 1000px;margin: 60px auto;padding: 0 20px;position: relative;}.lifecycle-visual::before {content: '';position: absolute;top: 50%;left: 10%;right: 10%;height: 2px;background: linear-gradient(90deg, #0077BE 0%, #00CED1 100%);z-index: 0;}.lifecycle-stage {background: white;border: 3px solid;border-radius: 15px;padding: 20px;width: 150px;text-align: center;position: relative;z-index: 1;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}.lifecycle-stage:hover {transform: translateY(-10px) scale(1.05);box-shadow: 0 15px 30px rgba(0,119,190,0.2);}.lifecycle-stage.unregistered {border-color: #10b981;}.lifecycle-stage.new {border-color: #3b82f6;}.lifecycle-stage.aged {border-color: #0077BE;}.lifecycle-stage.active {border-color: #00CED1;}.lifecycle-stage.expired {border-color: #f59e0b;}.lifecycle-stage.pending {border-color: #ef4444;}.stage-icon {font-size: 32px;margin-bottom: 10px;}.stage-name {font-weight: 700;color: #1f2937;font-size: 14px;margin-bottom: 5px;}.stage-desc {font-size: 12px;color: #6b7280;}.features-section {padding: 80px 0;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 40px;margin-top: 60px;}.feature-card {background: white;padding: 40px;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: all 0.3s ease;border: 1px solid rgba(0,0,0,0.05);position: relative;overflow: hidden;}.feature-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);transform: scaleX(0);transition: transform 0.3s ease;}.feature-card:hover {transform: translateY(-5px);box-shadow: 0 20px 40px rgba(0,0,0,0.1);}.feature-card:hover::before {transform: scaleX(1);}.feature-icon {width: 60px;height: 60px;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);border-radius: 15px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 28px;}.feature-title {font-size: 24px;font-weight: 700;color: #1f2937;margin-bottom: 15px;}.feature-text {color: #6b7280;line-height: 1.6;}.technology-section {padding: 80px 0;background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);}.tech-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-top: 50px;}.tech-item {background: white;padding: 30px;border-radius: 15px;text-align: center;box-shadow: 0 5px 15px rgba(0,0,0,0.08);transition: all 0.3s ease;}.tech-item:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0,119,190,0.15);}.tech-icon {font-size: 40px;margin-bottom: 15px;color: #0077BE;}.tech-name {font-weight: 600;color: #1f2937;margin-bottom: 10px;}.tech-desc {font-size: 14px;color: #6b7280;}.privacy-commitment {background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);border-left: 4px solid #ef4444;padding: 40px;border-radius: 15px;margin: 80px 0;}.privacy-commitment h3 {color: #991b1b;font-size: 28px;margin-bottom: 20px;display: flex;align-items: center;gap: 15px;}.privacy-commitment p {color: #7f1d1d;font-size: 18px;line-height: 1.6;margin-bottom: 20px;}.compliance-badges {display: flex;gap: 20px;flex-wrap: wrap;margin-top: 30px;}.compliance-badge {background: white;padding: 10px 20px;border-radius: 10px;border: 2px solid #dc2626;color: #991b1b;font-weight: 600;display: flex;align-items: center;gap: 8px;}.cta-section {padding: 100px 20px;text-align: center;background: linear-gradient(135deg, #0077BE 0%, #00CED1 100%);position: relative;overflow: hidden;}.cta-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M50 30c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20 8.954-20 20-20zm0 5c-8.284 0-15 6.716-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15z'/%3E%3C/g%3E%3C/svg%3E") repeat;}.cta-content {position: relative;z-index: 1;max-width: 700px;margin: 0 auto;}.cta-title {font-size: 42px;font-weight: 800;color: white;margin-bottom: 20px;}.cta-text {font-size: 20px;color: rgba(255,255,255,0.9);margin-bottom: 40px;}.cta-button {display: inline-block;padding: 18px 40px;background: white;color: #0077BE;text-decoration: none;border-radius: 50px;font-size: 18px;font-weight: 700;transition: all 0.3s ease;box-shadow: 0 10px 30px rgba(0,0,0,0.2);}.cta-button:hover {transform: translateY(-3px);box-shadow: 0 15px 40px rgba(0,0,0,0.3);}@media (max-width: 768px) {.about-title {font-size: 36px;}.about-subtitle {font-size: 18px;}.stats-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;padding: 20px;}.stat-item::after {display: none;}.stat-number {font-size: 32px;}.lifecycle-visual {flex-direction: column;gap: 20px;}.lifecycle-visual::before {display: none;}.features-grid, .tech-grid {grid-template-columns: 1fr;}.section-title {font-size: 32px;}.nav-bar {padding: 0 20px;}}