* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary-color: #0066ff;--secondary-color: #00d4ff;--dark-color: #000000;--light-color: #ffffff;--gray-color: #6c757d;--hero-bg: #0a0e17;--nav-bg: rgba(0, 0, 0, 0.95);--nav-bg-transparent: rgba(0, 0, 0, 0.8);--font-main: 'Inter', sans-serif;--font-logo: 'Georgia', serif;--transition: all 0.3s ease;}body {font-family: var(--font-main);line-height: 1.5;color: var(--dark-color);background-color: var(--light-color);overflow-x: hidden;margin: 0;padding: 0;}.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.navbar {position: fixed;top: 0;left: 0;width: 100%;background-color: var(--nav-bg);backdrop-filter: blur(10px);z-index: 1000;transition: var(--transition);padding: 15px 0;}.navbar.scrolled {background-color: var(--nav-bg-transparent);}.navbar .container {display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}.logo h1 {font-size: 1.8rem;font-weight: 700;color: var(--light-color);margin: 0;font-family: var(--font-logo);letter-spacing: 1px;}.nav-links ul {display: flex;list-style: none;gap: 40px;margin: 0;padding: 0;}.nav-links a {text-decoration: none;color: var(--light-color);font-weight: 500;transition: var(--transition);position: relative;font-size: 0.95rem;}.nav-links a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: var(--transition);}.nav-links a:hover {color: var(--primary-color);}.nav-links a:hover::after {width: 100%;}.nav-links a.active::after {width: 100%;}.hero {min-height: 100vh;margin-top: 0;padding: 0;color: var(--light-color);position: relative;display: flex;align-items: center;overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-size: cover, cover, 60px 60px;background-position: center, center, center;background-repeat: no-repeat, no-repeat, repeat;}.hero::before {background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/hero.jpg'), 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='rgba(255,255,255,0.02)' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}img {opacity: 0;transition: opacity 0.3s ease-in-out;}img.loaded {opacity: 1;}.hero .container {position: relative;z-index: 2;width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}.hero-content {max-width: 800px;text-align: right;margin-left: auto;margin-right: 0;padding-top: 80px;}.hero h2 {font-size: 4rem;font-weight: 700;margin-bottom: 24px;line-height: 1.1;color: var(--light-color);letter-spacing: -1px;}.hero p {font-size: 1.25rem;margin-bottom: 40px;color: rgba(255, 255, 255, 0.85);line-height: 1.6;max-width: 650px;margin-left: auto;margin-right: 0;}.hero-buttons {display: flex;justify-content: flex-end;margin-top: 50px;}.primary-btn {background-color: transparent;color: var(--light-color);border: 2px solid var(--primary-color);padding: 18px 40px;border-radius: 5px;font-weight: 600;cursor: pointer;transition: var(--transition);font-family: var(--font-main);font-size: 1.1rem;letter-spacing: 0.5px;text-transform: uppercase;text-decoration: none;box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);}.primary-btn:hover {background-color: rgba(0, 102, 255, 0.1);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 102, 255, 0.4);}.primary-btn:active {transform: translateY(0);}.data-section, .contact-section {padding: 100px 0;background-color: #ffffff;}.data-section h3 {text-align: center;font-size: 2.5rem;font-weight: 800;margin-bottom: 60px;color: var(--dark-color);}.data-cards {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;}.data-card {text-align: center;padding: 40px 30px;background-color: rgba(255, 255, 255, 0.87);border: 1px solid #e0e0e0;border-radius: 4px;transition: var(--transition);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}.data-card:hover {transform: translateY(-8px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);}.data-number {font-size: 56px;font-weight: 800;color: var(--primary-color);margin-bottom: 15px;letter-spacing: -0.5px;}.data-label {font-size: 16px;color: #666666;font-weight: 500;letter-spacing: 0.5px;}.portfolio-section {background-color: var(--light-color);padding: 100px 0;}.mission-title {text-transform: uppercase;font-size: 1.5rem;font-weight: 800;color: var(--dark-color);margin-bottom: 20px;letter-spacing: -1px;}.mission-description {text-align: left;color: #333333e1;margin-bottom: 20px;font-size: 30px;line-height: 1.8;max-width: 1200px;}.mission-spacer {height: 60px;}.portfolio-title {text-transform: uppercase;font-size: 1.5rem;font-weight: 800;color: var(--dark-color);margin-bottom: 20px;letter-spacing: -1px;}.portfolio-description {text-align: left;color: var(--light-color);margin-bottom: 60px;font-size: 30px;max-width: 1200px;}.portfolio-grid {display: grid;grid-template-columns: repeat(2, 375px);gap: 80px;margin-bottom: 50px;justify-content: center;align-items: center;width: 100%;max-width: 900px;margin-left: auto;margin-right: auto;background-color: var(--dark-color);}.portfolio-card {background-color: white;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;width: 375px;height: 375px;display: flex;align-items: center;justify-content: center;cursor: pointer;}.portfolio-card:hover {transform: translateY(-5px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);}.portfolio-logo {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}.portfolio-title-text {position: absolute;top: 50%;left: 0;right: 0;color: white;text-align: center;font-size: 24px;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;z-index: 10;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);transform: translateY(-50%);}.portfolio-logo img {width: 100%;height: 100%;object-fit: cover;}.portfolio-hover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: flex;align-items: flex-end;justify-content: center;padding-bottom: 30px;opacity: 0;transition: opacity 0.3s ease;}.portfolio-card:hover .portfolio-hover {opacity: 1;}.learn-more-btn {background-color: transparent;color: white;border: 2px solid white;padding: 12px 24px;font-size: 16px;font-weight: 600;letter-spacing: 0.5px;cursor: pointer;transition: all 0.3s ease;}.learn-more-btn:hover {background-color: white;color: var(--dark-color);}@media (max-width: 850px) {.portfolio-grid {grid-template-columns: repeat(2, 300px);gap: 30px;max-width: 650px;}.portfolio-card {width: 300px;height: 300px;}}@media (max-width: 650px) {.portfolio-grid {grid-template-columns: 1fr;gap: 20px;max-width: 375px;}.portfolio-card {width: 100%;height: auto;aspect-ratio: 1 / 1;}}@media (max-width: 400px) {.portfolio-grid {max-width: 100%;padding: 0 20px;}}.modal {display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;}.modal-dialog {position: relative;background-color: white;margin: 5% auto;padding: 0;width: 80%;max-width: 800px;border-radius: 12px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);animation: modalSlideIn 0.3s ease;}@keyframes modalSlideIn {from {opacity: 0;transform: translateY(-50px);}to {opacity: 1;transform: translateY(0);}}.modal-content {padding: 0;}.modal-header {display: flex;justify-content: space-between;align-items: center;padding: 30px;border-bottom: 1px solid #eee;}.modal-title {font-size: 32px;font-weight: 800;color: var(--dark-color);margin: 0;text-transform: uppercase;letter-spacing: -1px;}.close-btn {font-size: 36px;font-weight: bold;color: var(--gray-color);cursor: pointer;transition: color 0.3s ease;line-height: 1;}.close-btn:hover {color: var(--dark-color);}.modal-body {padding: 30px;}.modal-description {color: var(--gray-color);font-size: 16px;line-height: 1.8;margin: 0;text-align: left;}.modal-description h4 {font-weight: bold;color: #333;margin-top: 20px;margin-bottom: 10px;font-size: 18px;}.modal-description p {margin-bottom: 15px;margin-top: 0;}.view-more-btn {display: block;margin: 0 auto;padding: 15px 40px;background-color: var(--primary-color);color: white;border: none;border-radius: 50px;font-size: 16px;font-weight: 600;letter-spacing: 0.5px;cursor: pointer;transition: all 0.3s ease;font-family: var(--font-main);}.view-more-btn:hover {background-color: var(--secondary-color);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3);}.footer {background-color: var(--dark-color);color: white;padding: 60px 0 30px;background-image: 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='rgba(255,255,255,0.02)' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.footer-content {display: grid;grid-template-columns: 40% 40% 20%;gap: 40px;margin-bottom: 40px;align-items: start;}.footer-logo h3 {font-size: 1.6rem;font-weight: 700;margin-bottom: 15px;color: var(--primary-color);text-transform: uppercase;}.footer-logo p {color: #999;margin: 0;}.footer-links h4, .footer-contact h4, .footer-social h4, .ceo-info h4 {font-size: 1.1rem;font-weight: 600;margin-bottom: 20px;color: white;}.footer-links, .footer-contact, .footer-social {display: flex;flex-direction: column;align-items: flex-start;}.ceo-info {margin-top: 20px;padding-top: 20px;border-top: 1px solid #333;}.ceo-info h4 {margin-bottom: 5px;font-size: 1.2rem;color: var(--primary-color);}.ceo-info p {margin-bottom: 0;color: #999;font-size: 0.95rem;}.footer-contact p {margin-bottom: 15px;line-height: 1.6;}.footer-contact strong {color: white;font-weight: 600;}.footer-links ul {list-style: none;padding: 0;margin: 0;}.footer-links li {margin-bottom: 10px;}.footer-links a {color: #999;text-decoration: none;transition: var(--transition);}.footer-links a:hover {color: var(--primary-color);}.footer-contact p {color: #999;margin-bottom: 10px;}.social-icons {display: flex;gap: 15px;flex-wrap: wrap;}.social-icon {display: inline-block;background-color: #1a1a1a;color: white;padding: 10px 15px;border-radius: 5px;text-decoration: none;transition: var(--transition);font-size: 0.9rem;font-weight: 500;}.social-icon:hover {background-color: var(--primary-color);transform: translateY(-2px);}.footer-bottom {text-align: center;padding-top: 30px;margin-top: 30px;border-top: 1px solid #333;color: #999;font-size: 0.9rem;}@media (max-width: 1024px) {.hero h2 {font-size: 3rem;}.footer-content {grid-template-columns: 2fr 1fr 1fr;}.footer-social {grid-column: span 3;margin-top: 20px;padding-top: 20px;border-top: 1px solid #333;}}@media (max-width: 768px) {.nav-links {display: none;}.hero {min-height: 90vh;}.hero-content {padding-top: 60px;}.hero h2 {font-size: 2.5rem;}.hero p {font-size: 1.1rem;max-width: 100%;}.hero-buttons {justify-content: center;}.primary-btn {padding: 16px 35px;font-size: 1rem;}.data-cards {grid-template-columns: repeat(2, 1fr);}.portfolio-grid {grid-template-columns: 1fr;}.footer-content {grid-template-columns: 1fr;text-align: center;}.footer-links, .footer-contact, .footer-social {align-items: center;margin-top: 30px;}.social-icons {justify-content: center;}}@media (max-width: 576px) {.logo h1 {font-size: 1.5rem;}.hero h2 {font-size: 2rem;}.hero p {font-size: 1rem;}.hero-buttons {margin-top: 40px;}.primary-btn {width: 100%;max-width: 300px;padding: 15px 30px;}.data-cards {grid-template-columns: 1fr;}}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.fade-in-up {animation: fadeInUp 0.6s ease-out forwards;}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: #f1f1f1;}::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 4px;}::-webkit-scrollbar-thumb:hover {background: #0052cc;}