/* /surjcom_website/static/src/scss/website.scss */
 html:has(body.surjcom-website), body.surjcom-website{overflow-x: hidden; max-width: 100vw;}.surjcom-website{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: rgba(255, 255, 255, 0.95); background: #0a0a0f; line-height: 1.7; overflow-x: hidden;}.surjcom-website .container{max-width: 1400px; margin: 0 auto; padding: 0 40px;}@media (max-width: 768px){.surjcom-website .container{padding: 0 24px;}}@media (max-width: 576px){.surjcom-website .container{padding: 0 16px;}}.surjcom-website section{padding: 120px 0;}@media (max-width: 768px){.surjcom-website section{padding: 80px 0;}}@media (max-width: 576px){.surjcom-website section{padding: 60px 0;}}.surjcom-website h1, .surjcom-website h2, .surjcom-website h3, .surjcom-website h4, .surjcom-website h5, .surjcom-website h6{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 600; line-height: 1.1; color: rgba(255, 255, 255, 0.95); margin-bottom: 1.5rem; letter-spacing: -0.02em;}.surjcom-website h1{font-size: 4rem;}@media (max-width: 768px){.surjcom-website h1{font-size: 3rem;}}@media (max-width: 576px){.surjcom-website h1{font-size: 2.25rem;}}.surjcom-website h2{font-size: 3rem;}@media (max-width: 768px){.surjcom-website h2{font-size: 2.25rem;}}@media (max-width: 576px){.surjcom-website h2{font-size: 1.875rem;}}.surjcom-website h3{font-size: 2.25rem;}@media (max-width: 768px){.surjcom-website h3{font-size: 1.875rem;}}@media (max-width: 576px){.surjcom-website h3{font-size: 1.5rem;}}.surjcom-website .section-title{font-size: 3rem; font-weight: 700; margin-bottom: 1.5rem; color: rgba(255, 255, 255, 0.95); letter-spacing: -0.02em;}@media (max-width: 768px){.surjcom-website .section-title{font-size: 2.25rem;}}@media (max-width: 576px){.surjcom-website .section-title{font-size: 1.875rem;}}.surjcom-website .section-subtitle{font-size: 1.25rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 4rem; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6;}@media (max-width: 576px){.surjcom-website .section-subtitle{font-size: 1.125rem; margin-bottom: 2.5rem;}}.surjcom-website .text-center{text-align: center;}.surjcom-website p{margin-bottom: 1.5rem; color: rgba(255, 255, 255, 0.7); font-size: 1.125rem; line-height: 1.7;}@media (max-width: 576px){.surjcom-website p{font-size: 1rem;}}.surjcom-website .btn{display: inline-block; padding: 14px 36px; font-size: 1.0625rem; font-weight: 500; text-align: center; text-decoration: none; border-radius: 12px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: none; position: relative; overflow: hidden;}.surjcom-website .btn.btn-lg{padding: 18px 48px; font-size: 1.25rem;}.surjcom-website .btn.btn-primary{background: linear-gradient(135deg, #00838f 0%, #0097a7 100%); color: white; box-shadow: 0 4px 16px rgba(0, 151, 167, 0.3);}.surjcom-website .btn.btn-primary:hover{transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0, 151, 167, 0.4);}.surjcom-website .btn.btn-primary:active{transform: translateY(-1px);}.surjcom-website .btn.btn-outline-light{background-color: transparent; color: white; border: 2px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px);}.surjcom-website .btn.btn-outline-light:hover{background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.5); transform: translateY(-2px);}.surjcom-website .btn.btn-light{background-color: white; color: #0097a7;}.surjcom-website .btn.btn-light:hover{background-color: rgba(255, 255, 255, 0.95); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(255, 255, 255, 0.2);}.surjcom-website .btn.btn-glass{background: rgba(255, 255, 255, 0.05); color: white; border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);}.surjcom-website .btn.btn-glass:hover{background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px);}.surjcom-website .btn.ml-3{margin-left: 1rem;}.surjcom-navbar{position: fixed; top: 0; left: 0; right: 0; background: rgba(10, 10, 15, 0.8); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3); z-index: 1000; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.surjcom-navbar .navbar-content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1rem 0;}.surjcom-navbar .navbar-brand{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}.surjcom-navbar .navbar-brand .navbar-logo{height: 40px; width: auto;}.surjcom-navbar .surjcom-nav-menu{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 2.5rem;}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu{position: fixed; top: 70px; right: 0; width: 320px; height: calc(100vh - 70px); background: rgba(10, 10, 15, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-left: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: flex-start; padding: 2rem; box-shadow: -4px 0 24px rgba(0, 0, 0, 0.3); transform: translateX(100%); visibility: hidden; transition: transform 0.3s ease, visibility 0.3s; gap: 0;}.surjcom-navbar .surjcom-nav-menu.active{transform: translateX(0); visibility: visible;}}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item{width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link{color: rgba(255, 255, 255, 0.95); text-decoration: none; font-weight: 500; padding: 0.5rem 0; transition: all 0.3s ease; display: block; font-size: 0.9375rem;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link:hover{color: #4fc3f7;}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link{padding: 1rem 0;}}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta{border-bottom: none; margin-top: 1rem;}}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn{width: 100%;}}.surjcom-navbar .mobile-menu-btn{display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; background: none; border: none; cursor: pointer; padding: 8px;}@media (max-width: 992px){.surjcom-navbar .mobile-menu-btn{display: -webkit-box; display: -webkit-flex; display: flex;}}.surjcom-navbar .mobile-menu-btn span{width: 26px; height: 3px; background-color: rgba(255, 255, 255, 0.95); transition: all 0.3s; border-radius: 3px;}.surjcom-navbar .mobile-menu-btn.active span:nth-child(1){transform: rotate(45deg) translate(8px, 8px);}.surjcom-navbar .mobile-menu-btn.active span:nth-child(2){opacity: 0;}.surjcom-navbar .mobile-menu-btn.active span:nth-child(3){transform: rotate(-45deg) translate(7px, -7px);}.surjcom-main-content{margin-top: 70px;}

/* /surjcom_website/static/src/scss/homepage.scss */
 .hero-section{position: relative; min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(135deg, #0a0a0f 0%, #16161d 50%, #0a0a0f 100%); color: white;}.hero-section .hero-background{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; 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='%23ffffff' fill-opacity='0.4'%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");}.hero-section .hero-gradient{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 50%, rgba(0, 151, 167, 0.15) 0%, transparent 70%); animation: pulseGlow 8s ease-in-out infinite;}@keyframes pulseGlow{0%, 100%{opacity: 0.5; transform: scale(1);}50%{opacity: 1; transform: scale(1.05);}}.hero-section .hero-content{position: relative; z-index: 10; text-align: center; max-width: 1100px; padding: 4rem 2rem;}@media (max-width: 768px){.hero-section .hero-content{padding: 3rem 1.5rem;}}.hero-section .hero-title{font-size: 5rem; font-weight: 700; margin-bottom: 2rem; color: white; line-height: 1.1; letter-spacing: -0.03em; animation: fadeInUp 0.8s ease-out;}@media (max-width: 992px){.hero-section .hero-title{font-size: 3.5rem;}}@media (max-width: 576px){.hero-section .hero-title{font-size: 2.5rem;}}.hero-section .hero-subtitle{font-size: 1.75rem; margin-bottom: 3.5rem; opacity: 0.85; color: rgba(255, 255, 255, 0.85); line-height: 1.5; animation: fadeInUp 0.8s ease-out 0.2s both;}@media (max-width: 768px){.hero-section .hero-subtitle{font-size: 1.375rem;}}@media (max-width: 576px){.hero-section .hero-subtitle{font-size: 1.25rem; margin-bottom: 2.5rem;}}.hero-section .hero-cta{animation: fadeInUp 0.8s ease-out 0.4s both;}@keyframes fadeInUp{from{opacity: 0; transform: translateY(30px);}to{opacity: 1; transform: translateY(0);}}.services-section{background: #0a0a0f; position: relative;}.services-section::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(rgba(0, 151, 167, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 151, 167, 0.03) 1px, transparent 1px); background-size: 50px 50px; opacity: 0.3;}.services-section .services-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 4rem; position: relative; z-index: 1;}@media (max-width: 992px){.services-section .services-grid{grid-template-columns: repeat(2, 1fr); gap: 28px;}}@media (max-width: 576px){.services-section .services-grid{grid-template-columns: 1fr; gap: 24px;}}.services-section .service-card{background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 3rem 2.5rem; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden;}.services-section .service-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #0097a7, #4fc3f7); opacity: 0; transition: opacity 0.4s;}.services-section .service-card::after{content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0, 151, 167, 0.2) 0%, transparent 70%); transform: translate(-50%, -50%); transition: all 0.6s ease;}.services-section .service-card:hover{transform: translateY(-12px); background: rgba(255, 255, 255, 0.08); border-color: rgba(0, 151, 167, 0.3); box-shadow: 0 16px 48px rgba(0, 151, 167, 0.2), 0 0 0 1px rgba(0, 151, 167, 0.1);}.services-section .service-card:hover::before{opacity: 1;}.services-section .service-card:hover::after{width: 300px; height: 300px;}.services-section .service-card:hover .service-icon{transform: scale(1.15) translateY(-4px); color: #4fc3f7;}.services-section .service-card .service-icon{font-size: 3.5rem; color: #0097a7; margin-bottom: 2rem; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); display: block;}.services-section .service-card .service-title{font-size: 1.625rem; font-weight: 600; margin-bottom: 1.25rem; color: rgba(255, 255, 255, 0.95);}.services-section .service-card .service-description{color: rgba(255, 255, 255, 0.7); line-height: 1.7; margin-bottom: 2rem; font-size: 1.0625rem;}.services-section .service-card .service-link{color: #4fc3f7; text-decoration: none; font-weight: 500; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s; font-size: 1rem;}.services-section .service-card .service-link:hover{gap: 0.875rem; color: #0097a7;}.services-section .service-card .service-link i{transition: transform 0.3s;}.features-section{background: #16161d;}.features-section .features-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 3rem; margin-bottom: 4rem;}@media (max-width: 992px){.features-section .features-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 576px){.features-section .features-grid{grid-template-columns: 1fr; gap: 25px;}}.features-section .feature-item{text-align: center; padding: 2.5rem 1.5rem;}.features-section .feature-item .feature-icon{width: 90px; height: 90px; margin: 0 auto 2rem; background: linear-gradient(135deg, #0097a7, #00838f); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); box-shadow: 0 8px 24px rgba(0, 151, 167, 0.2);}.features-section .feature-item .feature-icon i{font-size: 2.75rem; color: white;}.features-section .feature-item:hover .feature-icon{transform: scale(1.15) translateY(-6px); box-shadow: 0 16px 40px rgba(0, 151, 167, 0.4);}.features-section .feature-item .feature-title{font-size: 1.375rem; font-weight: 600; margin-bottom: 1.25rem; color: rgba(255, 255, 255, 0.95);}.features-section .feature-item .feature-description{color: rgba(255, 255, 255, 0.7); line-height: 1.7; font-size: 1.0625rem;}.features-section .stats-row{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; background: linear-gradient(135deg, #0097a7, #005f6b); padding: 3rem 2rem; border-radius: 12px; margin-top: 3rem;}@media (max-width: 992px){.features-section .stats-row{grid-template-columns: repeat(2, 1fr); gap: 25px;}}@media (max-width: 576px){.features-section .stats-row{grid-template-columns: 1fr;}}.features-section .stats-row .stat-item{text-align: center; color: white;}.features-section .stats-row .stat-item .stat-number{font-size: 3rem; font-weight: 700; margin-bottom: 0.5rem;}@media (max-width: 576px){.features-section .stats-row .stat-item .stat-number{font-size: 2.5rem;}}.features-section .stats-row .stat-item .stat-label{font-size: 1rem; opacity: 0.9;}.tech-stack-section{background: #0a0a0f;}.tech-stack-section .tech-logos{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 50px; margin-top: 3rem;}@media (max-width: 576px){.tech-stack-section .tech-logos{gap: 30px;}}.tech-stack-section .tech-logos .tech-item{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; gap: 1.25rem; padding: 2rem 1.5rem; transition: all 0.3s;}.tech-stack-section .tech-logos .tech-item:hover{transform: scale(1.12) translateY(-4px);}.tech-stack-section .tech-logos .tech-item i{font-size: 4.5rem; color: #4fc3f7;}@media (max-width: 576px){.tech-stack-section .tech-logos .tech-item i{font-size: 3.5rem;}}.tech-stack-section .tech-logos .tech-item span{font-size: 1.0625rem; font-weight: 500; color: rgba(255, 255, 255, 0.85);}.cta-section{position: relative; padding: 120px 0; overflow: hidden; background: linear-gradient(135deg, #16161d 0%, #0a0a0f 50%, #16161d 100%); color: white;}@media (max-width: 768px){.cta-section{padding: 80px 0;}}@media (max-width: 576px){.cta-section{padding: 60px 0;}}.cta-section .cta-background{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; 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='%23ffffff' fill-opacity='0.4'%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");}.cta-section .cta-content{position: relative; z-index: 10; text-align: center; max-width: 900px; margin: 0 auto; padding: 0 2rem;}.cta-section .cta-title{font-size: 3.5rem; font-weight: 700; margin-bottom: 1.5rem; color: white; line-height: 1.1; letter-spacing: -0.02em;}@media (max-width: 768px){.cta-section .cta-title{font-size: 2.5rem;}}@media (max-width: 576px){.cta-section .cta-title{font-size: 2rem;}}.cta-section .cta-subtitle{font-size: 1.375rem; margin-bottom: 3rem; opacity: 0.85; color: rgba(255, 255, 255, 0.85); line-height: 1.6;}@media (max-width: 576px){.cta-section .cta-subtitle{font-size: 1.125rem; margin-bottom: 2.5rem;}}.cta-section .cta-buttons{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; gap: 1rem; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

/* /surjcom_website/static/src/scss/components.scss */
 .surjcom-footer{background: #1a1a1a; color: #fff; padding: 60px 0 30px;}.surjcom-footer .footer-content{display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px;}@media (max-width: 992px){.surjcom-footer .footer-content{grid-template-columns: 1fr 1fr; gap: 30px;}}@media (max-width: 576px){.surjcom-footer .footer-content{grid-template-columns: 1fr; gap: 30px;}}.surjcom-footer .footer-column.footer-about .footer-logo{width: 150px; height: auto; margin-bottom: 1.5rem; filter: brightness(0) invert(1);}.surjcom-footer .footer-column.footer-about .footer-description{color: #b3b3b3; line-height: 1.7; margin: 0;}.surjcom-footer .footer-column .footer-title{font-size: 1.25rem; font-weight: 600; margin-bottom: 1.5rem; color: white;}.surjcom-footer .footer-column .footer-links, .surjcom-footer .footer-column .footer-contact{list-style: none; padding: 0; margin: 0;}.surjcom-footer .footer-column .footer-links li, .surjcom-footer .footer-column .footer-contact li{margin-bottom: 0.75rem;}.surjcom-footer .footer-column .footer-links li a, .surjcom-footer .footer-column .footer-contact li a{color: #b3b3b3; text-decoration: none; transition: color 0.3s;}.surjcom-footer .footer-column .footer-links li a:hover, .surjcom-footer .footer-column .footer-contact li a:hover{color: #0097a7;}.surjcom-footer .footer-column .footer-links li i, .surjcom-footer .footer-column .footer-contact li i{margin-right: 0.5rem; color: #0097a7; width: 20px;}.surjcom-footer .footer-column .footer-links li span, .surjcom-footer .footer-column .footer-contact li span{color: #b3b3b3;}.surjcom-footer .footer-bottom{border-top: 1px solid #333; padding-top: 30px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}@media (max-width: 576px){.surjcom-footer .footer-bottom{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 20px; text-align: center;}}.surjcom-footer .footer-bottom .footer-copyright p{margin: 0; color: #b3b3b3; font-size: 0.875rem;}.surjcom-footer .footer-bottom .footer-social{display: -webkit-box; display: -webkit-flex; display: flex; gap: 15px;}.surjcom-footer .footer-bottom .footer-social .social-link{width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #333; color: #b3b3b3; text-decoration: none; transition: all 0.3s;}.surjcom-footer .footer-bottom .footer-social .social-link:hover{background: #0097a7; color: white; transform: translateY(-3px);}.surjcom-footer .footer-bottom .footer-social .social-link i{font-size: 1.25rem;}.card{background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.card:hover{transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);}.card .card-header{padding: 1.5rem 2rem; border-bottom: 1px solid #eee;}.card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6{margin: 0;}.card .card-body{padding: 2rem;}.card .card-footer{padding: 1.5rem 2rem; border-top: 1px solid #eee; background: #f8f9fa; border-radius: 0 0 12px 12px;}.form-group{margin-bottom: 1.5rem;}.form-group label{display: block; margin-bottom: 0.5rem; font-weight: 500; color: #2c3e50;}.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="url"], .form-group textarea, .form-group select{width: 100%; padding: 12px 16px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 1rem; font-family: inherit; transition: all 0.3s;}.form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group input[type="tel"]:focus, .form-group input[type="url"]:focus, .form-group textarea:focus, .form-group select:focus{outline: none; border-color: #0097a7; box-shadow: 0 0 0 4px rgba(0, 151, 167, 0.1);}.form-group input[type="text"]::placeholder, .form-group input[type="email"]::placeholder, .form-group input[type="tel"]::placeholder, .form-group input[type="url"]::placeholder, .form-group textarea::placeholder, .form-group select::placeholder{color: #999;}.form-group textarea{min-height: 120px; resize: vertical;}.form-group .form-help-text{display: block; margin-top: 0.5rem; font-size: 0.875rem; color: #666;}.form-group .form-error{display: block; margin-top: 0.5rem; font-size: 0.875rem; color: #dc3545;}.badge{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; padding: 0.35rem 0.75rem; font-size: 0.875rem; font-weight: 500; border-radius: 6px; line-height: 1;}.badge.badge-primary{background: #0097a7; color: white;}.badge.badge-success{background: #28a745; color: white;}.badge.badge-warning{background: #ffc107; color: #333;}.badge.badge-danger{background: #dc3545; color: white;}.badge.badge-info{background: #17a2b8; color: white;}.badge.badge-light{background: #f8f9fa; color: #333;}.badge.badge-dark{background: #2c3e50; color: white;}.loading-spinner{display: inline-block; width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #0097a7; border-radius: 50%; animation: spin 1s linear infinite;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.fade-in{animation: fadeIn 0.5s ease-in;}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.slide-up{animation: slideUp 0.5s ease-out;}@keyframes slideUp{from{opacity: 0; transform: translateY(20px);}to{opacity: 1; transform: translateY(0);}}.alert{padding: 1rem 1.5rem; margin-bottom: 1rem; border-radius: 8px; border-left: 4px solid;}.alert.alert-success{background: #d4edda; border-color: #28a745; color: #155724;}.alert.alert-warning{background: #fff3cd; border-color: #ffc107; color: #856404;}.alert.alert-danger{background: #f8d7da; border-color: #dc3545; color: #721c24;}.alert.alert-info{background: #d1ecf1; border-color: #17a2b8; color: #0c5460;}.mt-1{margin-top: 0.25rem;}.mt-2{margin-top: 0.5rem;}.mt-3{margin-top: 1rem;}.mt-4{margin-top: 1.5rem;}.mt-5{margin-top: 3rem;}.mb-1{margin-bottom: 0.25rem;}.mb-2{margin-bottom: 0.5rem;}.mb-3{margin-bottom: 1rem;}.mb-4{margin-bottom: 1.5rem;}.mb-5{margin-bottom: 3rem;}.ml-1{margin-left: 0.25rem;}.ml-2{margin-left: 0.5rem;}.ml-3{margin-left: 1rem;}.mr-1{margin-right: 0.25rem;}.mr-2{margin-right: 0.5rem;}.mr-3{margin-right: 1rem;}.text-left{text-align: left;}.text-center{text-align: center;}.text-right{text-align: right;}.text-muted{color: #666;}.text-primary{color: #0097a7;}.text-success{color: #28a745;}.text-danger{color: #dc3545;}.text-warning{color: #ffc107;}.font-weight-normal{font-weight: 400;}.font-weight-bold{font-weight: 700;}.d-none{display: none;}.d-block{display: block;}.d-inline-block{display: inline-block;}.d-flex{display: -webkit-box; display: -webkit-flex; display: flex;}.d-inline-flex{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;}.flex-row{flex-direction: row;}.flex-column{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.justify-content-start{-webkit-box-pack: start; justify-content: flex-start;}.justify-content-center{justify-content: center;}.justify-content-end{-webkit-box-pack: end; justify-content: flex-end;}.justify-content-between{justify-content: space-between;}.align-items-start{align-items: flex-start;}.align-items-center{align-items: center;}.align-items-end{align-items: flex-end;}

/* /surjcom_website/static/src/scss/responsive.scss */
 .unified-platform-wrapper{position: relative; background: #0a0a0f;}@media (max-width: 992px){.unified-platform-wrapper{overflow-x: clip;}}.unified-platform-section{will-change: transform;}@media (min-width: 768px) and (max-width: 991px){.surjcom-website .container{padding: 0 30px;}.hero-section{min-height: 70vh;}.hero-section .hero-title{font-size: 3rem;}.hero-section .hero-subtitle{font-size: 1.25rem;}.hero-section .hero-cta .btn{font-size: 1rem; padding: 12px 28px;}.surjcom-website section{padding: 60px 0;}.unified-platform-section .unified-animation-container{height: 650px !important;}.unified-platform-section .center-platform .platform-core{width: 180px !important; height: 180px !important;}.unified-platform-section .center-platform .platform-core i{font-size: 2.5rem !important;}.unified-platform-section .business-element .element-card{width: 85px !important; height: 85px !important;}.unified-platform-section .business-element .element-card .element-icon{font-size: 1.75rem !important;}.unified-platform-section .business-element .element-card .element-label{font-size: 0.75rem !important;}.unified-platform-section > div > div:last-child{grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important;}.services-section .services-grid{grid-template-columns: repeat(2, 1fr); gap: 25px;}.features-section .features-grid{grid-template-columns: repeat(2, 1fr); gap: 25px;}.features-section .stats-row{grid-template-columns: repeat(2, 1fr);}.surjcom-website div[style*="grid-template-columns: repeat(3, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(4, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(5, 1fr)"]{grid-template-columns: repeat(2, 1fr) !important;}.surjcom-website section[style*="padding: 100px 0"]{padding: 70px 0 !important;}.surjcom-website section[style*="padding: 100px 0"] h1[style*="font-size: 3.5rem"]{font-size: 2.75rem !important;}.surjcom-website section[style*="padding: 100px 0"] p[style*="font-size: 1.5rem"]{font-size: 1.25rem !important;}.surjcom-website section[style*="padding: 80px 0"]{padding: 60px 0 !important;}.surjcom-website h2[style*="font-size: 2.5rem"]{font-size: 2rem !important;}}@media (max-width: 575px){.surjcom-website .container{padding: 0 15px;}.surjcom-website section{padding: 40px 0;}.unified-platform-section{padding: 50px 0 !important; overflow: hidden;}.unified-platform-section .unified-animation-container{height: 500px !important; max-width: 100% !important; padding: 0 10px;}.unified-platform-section .center-platform .platform-core{width: 140px !important; height: 140px !important; font-size: 0.75rem !important;}.unified-platform-section .center-platform .platform-core i{font-size: 2rem !important;}.unified-platform-section .center-platform .platform-core .platform-text{font-size: 0.75rem !important;}.unified-platform-section .business-element .element-card{width: 70px !important; height: 70px !important; padding: 0.5rem !important;}.unified-platform-section .business-element .element-card .element-icon{font-size: 1.5rem !important;}.unified-platform-section .business-element .element-card .element-label{font-size: 0.625rem !important;}.unified-platform-section > div > div:last-child{grid-template-columns: 1fr !important; gap: 20px !important; margin-top: 50px !important;}.unified-platform-section > div > div:last-child > div{padding: 1.5rem !important;}.unified-platform-section > div > div:last-child > div div:first-child{width: 60px !important; height: 60px !important;}.unified-platform-section > div > div:last-child > div div:first-child i{font-size: 2rem !important;}.unified-platform-section > div > div:last-child > div h3{font-size: 1.125rem !important;}.unified-platform-section > div > div:last-child > div p{font-size: 0.9375rem !important;}.hero-section{min-height: 60vh;}.hero-section .hero-content{padding: 1rem;}.hero-section .hero-title{font-size: 2.25rem; margin-bottom: 1rem;}.hero-section .hero-subtitle{font-size: 1.125rem; margin-bottom: 2rem;}.hero-section .hero-cta{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1rem;}.hero-section .hero-cta .btn{width: 100%; margin-left: 0 !important; padding: 14px 24px;}.surjcom-website .section-title{font-size: 2rem;}.surjcom-website .section-subtitle{font-size: 1rem; margin-bottom: 2rem;}.services-section .services-grid{grid-template-columns: 1fr; gap: 20px;}.services-section .service-card{padding: 2rem 1.5rem;}.services-section .service-card .service-icon{font-size: 2.5rem;}.services-section .service-card .service-title{font-size: 1.375rem;}.features-section .features-grid{grid-template-columns: 1fr; gap: 25px;}.features-section .feature-item{padding: 1.5rem 1rem;}.features-section .feature-item .feature-icon{width: 70px; height: 70px;}.features-section .feature-item .feature-icon i{font-size: 2rem;}.features-section .stats-row{grid-template-columns: 1fr; padding: 2rem 1.5rem; gap: 20px;}.features-section .stats-row .stat-item .stat-number{font-size: 2.5rem;}.features-section .stats-row .stat-item .stat-label{font-size: 0.875rem;}.tech-stack-section .tech-logos{gap: 30px;}.tech-stack-section .tech-logos .tech-item{padding: 1rem;}.tech-stack-section .tech-logos .tech-item i{font-size: 3rem;}.tech-stack-section .tech-logos .tech-item span{font-size: 0.875rem;}.cta-section{padding: 60px 0;}.cta-section .cta-title{font-size: 2rem; margin-bottom: 1rem;}.cta-section .cta-subtitle{font-size: 1.125rem; margin-bottom: 2rem;}.cta-section .cta-buttons{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1rem;}.cta-section .cta-buttons .btn{width: 100%; margin-left: 0 !important;}.surjcom-footer{padding: 40px 0 20px;}.surjcom-footer .footer-content{grid-template-columns: 1fr; gap: 30px;}.surjcom-footer .footer-column.footer-about .footer-logo{width: 120px;}.surjcom-footer .footer-bottom{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 20px; text-align: center;}.surjcom-footer .footer-bottom .footer-social{justify-content: center;}.card .card-header, .card .card-body, .card .card-footer{padding: 1.5rem;}.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="url"], .form-group textarea, .form-group select{padding: 10px 14px; font-size: 16px;}.surjcom-website .btn{padding: 10px 24px; font-size: 0.9375rem;}.surjcom-website .btn.btn-lg{padding: 14px 32px; font-size: 1rem;}.surjcom-website div[style*="grid-template-columns: repeat(2, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(3, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(4, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(5, 1fr)"], .surjcom-website div[style*="grid-template-columns: 2fr 1fr"], .surjcom-website div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns: 1fr !important; gap: 24px !important;}.surjcom-website section[style*="padding: 100px 0"]{padding: 60px 0 !important;}.surjcom-website section[style*="padding: 100px 0"] h1[style*="font-size: 3.5rem"], .surjcom-website section[style*="padding: 100px 0"] h1[style*="font-size: 3rem"]{font-size: 2rem !important;}.surjcom-website section[style*="padding: 100px 0"] p[style*="font-size: 1.5rem"], .surjcom-website section[style*="padding: 100px 0"] p[style*="font-size: 1.25rem"]{font-size: 1.05rem !important;}.surjcom-website section[style*="padding: 80px 0"]{padding: 40px 0 !important;}.surjcom-website h2[style*="font-size: 2.5rem"]{font-size: 1.75rem !important;}.surjcom-website h3[style*="font-size: 2rem"], .surjcom-website h3[style*="font-size: 1.75rem"]{font-size: 1.375rem !important;}.surjcom-website h4[style*="font-size: 1.5rem"]{font-size: 1.25rem !important;}.surjcom-website div[style*="position: sticky"]{position: static !important;}.surjcom-website div[style*="gap: 50px"], .surjcom-website div[style*="gap: 60px"]{gap: 24px !important;}.surjcom-website div[style*="font-size: 4rem"] i, .surjcom-website i[style*="font-size: 4rem"]{font-size: 2.5rem !important;}.surjcom-website div[style*="font-size: 3.5rem"]{font-size: 2.25rem !important;}.surjcom-website div[style*="font-size: 2.5rem"][style*="font-weight: 700"]{font-size: 2rem !important;}.surjcom-website div[style*="padding: 2.5rem"]{padding: 1.5rem !important;}}@media (max-width: 480px){.hero-section{min-height: 50vh;}.hero-section .hero-title{font-size: 1.875rem;}.hero-section .hero-subtitle{font-size: 1rem;}.surjcom-website .section-title{font-size: 1.75rem;}.services-section .service-card{padding: 1.5rem 1.25rem;}.services-section .service-card .service-icon{font-size: 2.25rem; margin-bottom: 1rem;}.services-section .service-card .service-title{font-size: 1.25rem;}.services-section .service-card .service-description{font-size: 0.9375rem;}.features-section .feature-item .feature-icon{width: 60px; height: 60px;}.features-section .feature-item .feature-icon i{font-size: 1.75rem;}.features-section .feature-item .feature-title{font-size: 1.125rem;}.features-section .feature-item .feature-description{font-size: 0.9375rem;}.features-section .stats-row{padding: 2rem 1rem;}.features-section .stats-row .stat-item .stat-number{font-size: 2.25rem;}.features-section .stats-row .stat-item .stat-label{font-size: 0.8125rem;}.cta-section{padding: 50px 0;}.cta-section .cta-title{font-size: 1.75rem;}.cta-section .cta-subtitle{font-size: 1rem;}.surjcom-footer .footer-column.footer-about .footer-logo{width: 100px;}.surjcom-footer .footer-column.footer-about .footer-description{font-size: 0.9375rem;}.surjcom-footer .footer-column .footer-title{font-size: 1.125rem;}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height: auto; padding: 60px 0;}.hero-section .hero-title{font-size: 2rem; margin-bottom: 0.75rem;}.hero-section .hero-subtitle{font-size: 1rem; margin-bottom: 1.5rem;}.hero-section .hero-cta .btn{padding: 10px 24px; font-size: 0.9375rem;}.cta-section{padding: 50px 0;}.cta-section .cta-title{font-size: 2rem; margin-bottom: 0.75rem;}.cta-section .cta-subtitle{font-size: 1rem; margin-bottom: 1.5rem;}}@media print{.surjcom-navbar, .mobile-menu-btn, .hero-cta, .cta-section, .surjcom-footer .footer-social{display: none !important;}.surjcom-navbar{position: static;}.surjcom-main-content{margin-top: 0;}.surjcom-website{color: #000; background: #fff;}*{box-shadow: none !important; animation: none !important; transition: none !important;}a{text-decoration: underline;}}@media (prefers-reduced-motion: reduce){*{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}

/* /surjcom_website/static/src/scss/modern-nav.scss */
 .surjcom-navbar{position: fixed; top: 0; left: 0; right: 0; background: rgba(10, 10, 15, 0.7) !important; backdrop-filter: blur(30px) saturate(180%) !important; -webkit-backdrop-filter: blur(30px) saturate(180%) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important; z-index: 1000; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; padding: 0 !important;}.surjcom-navbar.scrolled{background: rgba(10, 10, 15, 0.95) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;}.surjcom-navbar .navbar-content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 1rem 3rem; max-width: 1600px; margin: 0 auto;}@media (max-width: 1200px){.surjcom-navbar .navbar-content{padding: 1rem 2rem;}}@media (max-width: 768px){.surjcom-navbar .navbar-content{padding: 0.875rem 1.5rem;}}.surjcom-navbar .navbar-brand{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; z-index: 1001;}.surjcom-navbar .navbar-brand .navbar-logo{height: 36px; width: auto; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}.surjcom-navbar .navbar-brand .navbar-logo:hover{transform: scale(1.05);}@media (max-width: 768px){.surjcom-navbar .navbar-brand .navbar-logo{height: 30px;}}.surjcom-navbar .surjcom-nav-menu{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 0.5rem;}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu{position: fixed; top: 0; right: 0; width: 100%; max-width: 400px; height: 100vh; background: rgba(10, 10, 15, 0.98); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-left: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch; padding: 100px 2rem 2rem; box-shadow: -8px 0 32px rgba(0, 0, 0, 0.5); transform: translateX(100%); visibility: hidden; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s; gap: 0; overflow-y: auto;}.surjcom-navbar .surjcom-nav-menu.active{transform: translateX(0); visibility: visible;}}.surjcom-navbar .surjcom-nav-menu .nav-item{position: relative;}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item{width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.06);}}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link{position: relative; color: rgba(255, 255, 255, 0.8); text-decoration: none; font-weight: 500; font-size: 0.9375rem; padding: 0.75rem 1.25rem; border-radius: 10px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; letter-spacing: 0.01em;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link::before{content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: radial-gradient(circle, rgba(79, 195, 247, 0.15) 0%, transparent 70%); border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link:hover{color: white; background: rgba(255, 255, 255, 0.05);}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link:hover::before{width: 200%; height: 200%;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link.active{color: #4fc3f7; background: rgba(79, 195, 247, 0.1);}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link{padding: 1.25rem 0; border-radius: 0; font-size: 1.125rem; justify-content: space-between;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link::after{content: '\ea6e'; font-family: 'remixicon'; opacity: 0.5; transition: transform 0.3s ease, opacity 0.3s ease;}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link:hover::after{transform: translateX(4px); opacity: 1;}}@media (min-width: 993px){.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link::after{content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 2px; background: linear-gradient(90deg, transparent, #4fc3f7, transparent); transform: translateX(-50%); transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.surjcom-navbar .surjcom-nav-menu .nav-item .nav-link:hover::after, .surjcom-navbar .surjcom-nav-menu .nav-item .nav-link.active::after{width: 80%;}}@media (min-width: 993px){.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta{margin-left: 0.5rem;}}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta{border-bottom: none; margin-top: auto; padding-top: 2rem;}}.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn{background: linear-gradient(135deg, #0097a7, #4fc3f7); color: white; padding: 0.75rem 1.75rem; border-radius: 12px; font-weight: 500; font-size: 0.9375rem; border: none; box-shadow: 0 4px 16px rgba(0, 151, 167, 0.3); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden;}.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn::before{content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s ease;}.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 151, 167, 0.4);}.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn:hover::before{left: 100%;}.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn:active{transform: translateY(0);}@media (max-width: 992px){.surjcom-navbar .surjcom-nav-menu .nav-item.nav-cta .btn{width: 100%; justify-content: center; padding: 1rem; font-size: 1.0625rem;}}.surjcom-navbar .mobile-menu-btn{display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1001; position: relative;}@media (max-width: 992px){.surjcom-navbar .mobile-menu-btn{display: -webkit-box; display: -webkit-flex; display: flex;}}.surjcom-navbar .mobile-menu-btn span{width: 24px; height: 2px; background: rgba(255, 255, 255, 0.9); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; position: relative;}.surjcom-navbar .mobile-menu-btn span:not(:last-child){margin-bottom: 5px;}.surjcom-navbar .mobile-menu-btn.active span:nth-child(1){transform: translateY(7px) rotate(45deg);}.surjcom-navbar .mobile-menu-btn.active span:nth-child(2){opacity: 0; transform: translateX(-20px);}.surjcom-navbar .mobile-menu-btn.active span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}.surjcom-navbar .mobile-menu-btn:hover:not(.active) span{background: #4fc3f7;}.surjcom-navbar .mobile-overlay{display: none;}@media (max-width: 992px){.surjcom-navbar .mobile-overlay.active{display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999; animation: fadeIn 0.3s ease;}}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}.surjcom-main-content{margin-top: 72px;}@media (max-width: 768px){.surjcom-main-content{margin-top: 64px;}}

/* /surjcom_website/static/src/scss/dark-theme-override.scss */
 .surjcom-website section[style*="background: white"], .surjcom-website section[style*="background: #fff"], .surjcom-website .page-hero{background: #16161d !important;}.surjcom-website section[style*="background: #f9f9f9"]{background: #0a0a0f !important;}.surjcom-website section[style*="background: white"] h1, .surjcom-website section[style*="background: white"] h2, .surjcom-website section[style*="background: white"] h3, .surjcom-website section[style*="background: white"] p, .surjcom-website section[style*="background: #f9f9f9"] h1, .surjcom-website section[style*="background: #f9f9f9"] h2, .surjcom-website section[style*="background: #f9f9f9"] h3, .surjcom-website section[style*="background: #f9f9f9"] p{color: rgba(255, 255, 255, 0.95) !important;}.surjcom-website section[style*="background"] p[style*="color: #666"], .surjcom-website div[style*="color: #666"]{color: rgba(255, 255, 255, 0.7) !important;}.surjcom-website label[style*="color"]{color: rgba(255, 255, 255, 0.9) !important;}@media (max-width: 768px){.surjcom-website h1, .surjcom-website .hero-title{font-size: 2.25rem !important; line-height: 1.2;}.surjcom-website h2, .surjcom-website .section-title{font-size: 1.875rem !important; line-height: 1.3;}.surjcom-website h3{font-size: 1.5rem !important;}.surjcom-website p, .surjcom-website .section-subtitle{font-size: 1rem !important; line-height: 1.6;}.surjcom-website section{padding: 60px 0 !important;}.surjcom-website .container{padding-left: 20px !important; padding-right: 20px !important;}.surjcom-website .hero-section{min-height: 100vh !important; padding: 80px 20px !important;}.surjcom-website .hero-content{padding: 2rem 1rem !important;}.surjcom-website div[style*="grid-template-columns: repeat(2, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(3, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(4, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(5, 1fr)"], .surjcom-website div[style*="grid-template-columns: 2fr 1fr"], .surjcom-website div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns: 1fr !important; gap: 24px !important;}.surjcom-website div[style*="gap: 50px"]{gap: 24px !important;}.surjcom-website div[style*="position: sticky"]{position: static !important;}.surjcom-website .btn{width: 100%; padding: 14px 24px !important; font-size: 1rem !important;}.surjcom-website .hero-cta .btn{display: block; margin: 0.5rem 0 !important;}.surjcom-website input, .surjcom-website textarea, .surjcom-website select{font-size: 16px !important;}}@media (min-width: 769px) and (max-width: 1024px){.surjcom-website h1, .surjcom-website .hero-title{font-size: 3rem !important;}.surjcom-website h2, .surjcom-website .section-title{font-size: 2.25rem !important;}.surjcom-website section{padding: 80px 0 !important;}.surjcom-website div[style*="grid-template-columns: repeat(3, 1fr)"], .surjcom-website div[style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns: repeat(2, 1fr) !important;}}.surjcom-website .service-card, .surjcom-website .feature-item, .surjcom-website div[style*="background: white"], .surjcom-website div[style*="background: #f9f9f9"], .surjcom-website div[style*="border: 2px solid #f0f0f0"], .surjcom-website div[style*="border: 2px solid #e0e0e0"]{background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}.surjcom-website .service-card h3, .surjcom-website .service-card h4, .surjcom-website .service-card p, .surjcom-website .service-card span, .surjcom-website .service-card div, .surjcom-website .service-card li, .surjcom-website .feature-item h3, .surjcom-website .feature-item h4, .surjcom-website .feature-item p, .surjcom-website .feature-item span, .surjcom-website .feature-item div, .surjcom-website .feature-item li, .surjcom-website div[style*="background: white"] h3, .surjcom-website div[style*="background: white"] h4, .surjcom-website div[style*="background: white"] p, .surjcom-website div[style*="background: white"] span, .surjcom-website div[style*="background: white"] div, .surjcom-website div[style*="background: white"] li, .surjcom-website div[style*="background: #f9f9f9"] h3, .surjcom-website div[style*="background: #f9f9f9"] h4, .surjcom-website div[style*="background: #f9f9f9"] p, .surjcom-website div[style*="background: #f9f9f9"] span, .surjcom-website div[style*="background: #f9f9f9"] div, .surjcom-website div[style*="background: #f9f9f9"] li, .surjcom-website div[style*="border: 2px solid #f0f0f0"] h3, .surjcom-website div[style*="border: 2px solid #f0f0f0"] h4, .surjcom-website div[style*="border: 2px solid #f0f0f0"] p, .surjcom-website div[style*="border: 2px solid #f0f0f0"] span, .surjcom-website div[style*="border: 2px solid #f0f0f0"] div, .surjcom-website div[style*="border: 2px solid #f0f0f0"] li, .surjcom-website div[style*="border: 2px solid #e0e0e0"] h3, .surjcom-website div[style*="border: 2px solid #e0e0e0"] h4, .surjcom-website div[style*="border: 2px solid #e0e0e0"] p, .surjcom-website div[style*="border: 2px solid #e0e0e0"] span, .surjcom-website div[style*="border: 2px solid #e0e0e0"] div, .surjcom-website div[style*="border: 2px solid #e0e0e0"] li{color: rgba(255, 255, 255, 0.95) !important;}.surjcom-website .service-card p, .surjcom-website .service-card span[style*="color: #666"], .surjcom-website .service-card div[style*="color: #666"], .surjcom-website .feature-item p, .surjcom-website .feature-item span[style*="color: #666"], .surjcom-website .feature-item div[style*="color: #666"], .surjcom-website div[style*="background: white"] p, .surjcom-website div[style*="background: white"] span[style*="color: #666"], .surjcom-website div[style*="background: white"] div[style*="color: #666"], .surjcom-website div[style*="background: #f9f9f9"] p, .surjcom-website div[style*="background: #f9f9f9"] span[style*="color: #666"], .surjcom-website div[style*="background: #f9f9f9"] div[style*="color: #666"], .surjcom-website div[style*="border: 2px solid #f0f0f0"] p, .surjcom-website div[style*="border: 2px solid #f0f0f0"] span[style*="color: #666"], .surjcom-website div[style*="border: 2px solid #f0f0f0"] div[style*="color: #666"], .surjcom-website div[style*="border: 2px solid #e0e0e0"] p, .surjcom-website div[style*="border: 2px solid #e0e0e0"] span[style*="color: #666"], .surjcom-website div[style*="border: 2px solid #e0e0e0"] div[style*="color: #666"]{color: rgba(255, 255, 255, 0.7) !important;}.surjcom-website .service-card ul, .surjcom-website .feature-item ul, .surjcom-website div[style*="background: white"] ul, .surjcom-website div[style*="background: #f9f9f9"] ul, .surjcom-website div[style*="border: 2px solid #f0f0f0"] ul, .surjcom-website div[style*="border: 2px solid #e0e0e0"] ul{color: rgba(255, 255, 255, 0.85) !important;}.surjcom-website .service-card li[style*="border-bottom"], .surjcom-website .feature-item li[style*="border-bottom"], .surjcom-website div[style*="background: white"] li[style*="border-bottom"], .surjcom-website div[style*="background: #f9f9f9"] li[style*="border-bottom"], .surjcom-website div[style*="border: 2px solid #f0f0f0"] li[style*="border-bottom"], .surjcom-website div[style*="border: 2px solid #e0e0e0"] li[style*="border-bottom"]{border-bottom-color: rgba(255, 255, 255, 0.1) !important;}.surjcom-website input[type="text"], .surjcom-website input[type="email"], .surjcom-website input[type="tel"], .surjcom-website textarea, .surjcom-website select{background: rgba(255, 255, 255, 0.05) !important; border: 2px solid rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.95) !important;}.surjcom-website input[type="text"]::placeholder, .surjcom-website input[type="email"]::placeholder, .surjcom-website input[type="tel"]::placeholder, .surjcom-website textarea::placeholder, .surjcom-website select::placeholder{color: rgba(255, 255, 255, 0.4) !important;}.surjcom-website input[type="text"]:focus, .surjcom-website input[type="email"]:focus, .surjcom-website input[type="tel"]:focus, .surjcom-website textarea:focus, .surjcom-website select:focus{background: rgba(255, 255, 255, 0.08) !important; border-color: #0097a7 !important; box-shadow: 0 0 0 4px rgba(0, 151, 167, 0.2) !important;}.surjcom-website select option{background: #1a1a2e !important; color: rgba(255, 255, 255, 0.95) !important;}@media (max-width: 768px){.surjcom-website .btn, .surjcom-website .nav-link, .surjcom-website a{min-height: 44px; min-width: 44px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; justify-content: center;}.surjcom-website *{-webkit-tap-highlight-color: rgba(0, 151, 167, 0.1);}.surjcom-website html{scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}.surjcom-website .hero-section{min-height: 100svh !important;}}.surjcom-website .service-card, .surjcom-website .feature-item, .surjcom-website .btn, .surjcom-website .nav-link{transform: translateZ(0); will-change: transform;}@media (prefers-reduced-motion: reduce){.surjcom-website *, .surjcom-website *::before, .surjcom-website *::after{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}.surjcom-website *:focus-visible{outline: 3px solid #0097a7; outline-offset: 2px;}@media (prefers-contrast: high){.surjcom-website .service-card, .surjcom-website .feature-item{border: 2px solid rgba(255, 255, 255, 0.3) !important;}.surjcom-website .btn{border: 2px solid currentColor;}}@media (max-width: 768px){.surjcom-website .surjcom-navbar{padding: 0.75rem 0;}.surjcom-website .navbar-logo{height: 32px !important;}.surjcom-website .services-grid{gap: 20px !important;}.surjcom-website .stats-row{padding: 2rem 1.5rem !important; gap: 1.5rem !important;}.surjcom-website .stat-number{font-size: 2rem !important;}.surjcom-website .form-group{margin-bottom: 1.25rem;}.surjcom-website .footer-content{gap: 2rem !important;}.surjcom-website .cta-buttons{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 1rem !important;}.surjcom-website .cta-buttons .btn{width: 100%;}}@supports (-webkit-touch-callout: none){.surjcom-website input[type="text"], .surjcom-website input[type="email"], .surjcom-website input[type="tel"], .surjcom-website textarea, .surjcom-website select{font-size: 16px !important;}.surjcom-website .surjcom-navbar{position: -webkit-sticky; position: sticky;}.surjcom-website .service-card{-webkit-backdrop-filter: blur(10px);}}@media screen and (max-width: 768px){.surjcom-website .hero-section{min-height: -webkit-fill-available; min-height: fill-available;}}@media print{.surjcom-website .surjcom-navbar, .surjcom-website .mobile-menu-btn, .surjcom-website .scroll-progress-bar, .surjcom-website .cursor-trail-dot, .surjcom-website .btn{display: none !important;}.surjcom-website body{background: white !important; color: black !important;}.surjcom-website section{background: white !important;}.surjcom-website section *{color: black !important;}}