:root{--primary: #2A2A2A;--secondary: #64FFDA;--accent: #FF9800;--light: #F0F0F0;--dark: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: #BDBDBD}body.dark-mode{background-color:#0f0f23;color:#e0e0e0}body.light-mode{background-color:#f8f9fa;color:#1a1a2e}body{background-color:#0f0f23;color:#e0e0e0;line-height:1.6;overflow-x:hidden;max-width:100%;padding-top:55px;transition:background-color .3s ease,color .3s ease}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#fff;padding:1rem;border-radius:8px;box-shadow:0 5px 20px #0003;display:flex;align-items:center;gap:1rem;z-index:1000;max-width:90%;animation:slideUp .5s ease-out}@keyframes slideUp{0%{bottom:-100px}to{bottom:20px}}.install-prompt p{margin:0;font-size:.9rem}.install-prompt button{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:600;cursor:pointer}.install-prompt button.close{background:transparent;color:var(--dark);font-size:1.2rem;padding:0 .5rem}@media (min-width: 1400px){.container{max-width:1320px}}@media (max-width: 1399px){.hero h1{font-size:2.4rem}.section-title h2{font-size:2.3rem}}@media (max-width: 1199px){.about,.contact-container{grid-template-columns:1fr}.about-image{order:-1}.hero h1{font-size:2.2rem}.hero-image{width:50%}.section-title h2{font-size:2.1rem}}@media (max-width: 991px){.main-nav{display:none}.mobile-menu-btn{display:block}.hero{text-align:center;padding-top:6rem}.hero-content{margin:0 auto}.hero-image{position:relative;right:auto;width:80%;margin:2rem auto 0}.btn-outline{margin-left:0;margin-top:1rem}.pricing-table{display:block;overflow-x:auto}.services-grid,.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 767px){.hero h1{font-size:1.8rem}.section-title h2{font-size:2rem}.stats{grid-template-columns:repeat(2,1fr)}.btn{padding:.75rem 1.25rem;font-size:.9rem}}@media (max-width: 575px){.hero h1{font-size:1.5rem}.section-title h2{font-size:1.6rem}.stats{grid-template-columns:1fr}.section-badge{padding:.4rem .8rem;font-size:.75rem}}@media (max-width: 399px){.hero{padding:1rem 2%}.hero h1{font-size:1.3rem}.hero-description{font-size:.85rem}.section-title h2{font-size:1.4rem}.btn{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}}body.light-mode{background-color:#fff;color:#000}body.light-mode header{background:#fff;border-bottom:2px solid #64FFDA;box-shadow:0 4px 20px #00000014}body.light-mode header:before{display:none}body.light-mode .logo-text{background:linear-gradient(135deg,#0f0f23,#64ffda);-webkit-background-clip:text;background-clip:text}body.light-mode .nav-link{color:#000;font-weight:600}body.light-mode .nav-link:hover{color:#000;background:#64ffda33}body.light-mode .nav-link.active{color:#000;background:#64ffda4d}body.light-mode .nav-cta{background:linear-gradient(135deg,#64ffda,#4fd1c5);color:#000!important;font-weight:700}body.light-mode .nav-cta:hover{box-shadow:0 6px 20px #64ffda80}body.light-mode .mobile-menu-btn{color:#000}body.light-mode .mobile-menu-btn:hover{color:#000;text-shadow:0 0 10px rgba(100,255,218,.8)}body.light-mode footer{background:#fff;border-top:2px solid #64FFDA}body.light-mode .footer-brand>p{color:#000!important;font-weight:500!important}body.light-mode .footer-links-group h3{color:#000!important;font-weight:700!important}body.light-mode .footer-links-group a{color:#000!important;font-weight:500!important}body.light-mode .footer-links-group li:not(:has(a)){color:#000!important;font-weight:600!important;-webkit-text-fill-color:#000000!important;text-shadow:none!important}body.light-mode .footer-links-group li svg{stroke:#000!important;fill:none!important}body.light-mode .footer-links-group a{color:#000;font-weight:500}body.light-mode .footer-links-group a:hover{color:#000;background:#64ffda1a;padding-left:8px}body.light-mode .footer-bottom{border-top:1px solid #eee}body.light-mode .footer-bottom p{color:#000;font-weight:500}body.light-mode .social-link{background:#64ffda26;border:2px solid #64FFDA;color:#000}body.light-mode .social-link:hover{background:#64ffda40;color:#000;transform:translateY(-3px)}body.light-mode .hero{background:#fff}body.light-mode .hero h1{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important}body.light-mode .hero h1:before,body.light-mode .hero h1:after{border-color:#64ffda}body.light-mode .hero p{color:#333;font-weight:500}body.light-mode .hero .accent{color:#64ffda!important}body.light-mode .btn-secondary{background:#64ffda26;color:#000;border:2px solid #64FFDA;font-weight:600}body.light-mode .btn-secondary:hover{background:#64ffda4d}body.light-mode .hero-badge-right{background:linear-gradient(135deg,#ff980026,#ff98000d);border-color:#ff9800;color:#e65100;font-weight:600}body.light-mode .visual-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid #64FFDA;box-shadow:0 20px 40px #0000001a}body.light-mode .visual-card:before{background:linear-gradient(90deg,transparent,#64FFDA,transparent)}body.light-mode .floating-card{background:#fff;border:1px solid #64FFDA;box-shadow:0 10px 30px #0000001a}body.light-mode .floating-card .card-text{color:#333;font-weight:500}body.light-mode #services,body.light-mode #pricing,body.light-mode #developers,body.light-mode #about,body.light-mode #contact{background:#fff}body.light-mode .section-title h2{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important}body.light-mode .section-title p{color:#333!important;font-weight:500!important}body.light-mode .section-title span{color:#64ffda!important;font-weight:700!important}body.light-mode .section-badge{background:#64ffda33!important;border:2px solid #64FFDA!important;color:#000!important;font-weight:700!important}body.light-mode .section-header h2{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important}body.light-mode .section-header p{color:#333!important;font-weight:500!important}body.light-mode .dev-hero h1{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important;text-shadow:none!important}body.light-mode .dev-hero-content>p{color:#333!important;font-weight:500!important}body.light-mode .showcase-header h2{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important;text-shadow:none!important}body.light-mode .about-content h2{color:#000!important;font-weight:800!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#000000!important;background-clip:unset!important}body.light-mode .service-card,body.light-mode .pricing-card,body.light-mode .developer-card,body.light-mode .contact-card{background:#fff;border:2px solid #64FFDA;box-shadow:0 8px 30px #00000014}body.light-mode .service-card:hover,body.light-mode .pricing-card:hover,body.light-mode .developer-card:hover,body.light-mode .contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #64ffda33}body.light-mode .service-card h3,body.light-mode .pricing-card h3,body.light-mode .developer-card h3{color:#000!important;font-weight:700!important}body.light-mode .service-card p,body.light-mode .pricing-card p,body.light-mode .pricing-card ul li,body.light-mode .developer-card p{color:#333!important;font-weight:500!important}body.light-mode .pricing-table{background:#fff;border:2px solid #64FFDA}body.light-mode .pricing-table th{background:#0f0f23;color:#fff;font-weight:700;border-bottom:none}body.light-mode .pricing-table td{color:#000!important;font-weight:600!important;border-bottom:1px solid #eee}body.light-mode .pricing-table tr:hover td{background:#64ffda1a}body.light-mode .contact-info-card{background:#edfcf6;border:2px solid #64FFDA}body.light-mode .contact-info-card h3{color:#0f0f23!important;font-weight:700!important}body.light-mode .contact-info-card p{color:#0f0f23!important;font-weight:500!important}body.light-mode .contact-form input,body.light-mode .contact-form textarea{background:#edfcf6;border:2px solid #64FFDA;color:#0f0f23;font-weight:600}body.light-mode .contact-form input:focus,body.light-mode .contact-form textarea:focus{border-color:#000;outline:none;box-shadow:0 0 0 4px #64ffda4d}body.light-mode .contact-form input::placeholder,body.light-mode .contact-form textarea::placeholder{color:#888}body.light-mode .form-group label{color:#0f0f23!important;font-weight:700!important}body.light-mode .contact-form button{background:linear-gradient(135deg,#64ffda,#4fd1c5);color:#0f0f23;font-weight:700}body.light-mode .contact-form button:hover{box-shadow:0 6px 20px #64ffda80;transform:translateY(-2px)}body.light-mode .stats-section{background:#f8f9fa}body.light-mode .stat-card h3{color:#0f0f23!important;font-weight:800!important}body.light-mode .stat-card p{color:#333!important;font-weight:600!important}body.light-mode .pricing-card .btn-outline{border:2px solid #0f0f23;color:#0f0f23;font-weight:700}body.light-mode .pricing-card .btn-outline:hover{background:#0f0f23;color:#fff}body.light-mode .pricing-card .btn-primary{background:linear-gradient(135deg,#64ffda,#4fd1c5);color:#0f0f23;font-weight:700}body.light-mode .pricing-card .btn-primary:hover{background:#4fd1c5;box-shadow:0 6px 20px #64ffda80}body.light-mode .popular-badge{background:linear-gradient(135deg,#0f0f23,#2a2a2a);color:#64ffda;font-weight:700}body.light-mode .code-block{background:#0f0f23;border:2px solid #0f0f23}body.light-mode .code-block code{color:#e0e0e0}body.light-mode .code-block .keyword{color:#ff79c6}body.light-mode .code-block .string{color:#f1fa8c}body.light-mode .code-block .function{color:#50fa7b}body.light-mode .code-block .comment{color:#6272a4}body.light-mode ::-webkit-scrollbar-thumb{background:#0f0f23;border-radius:4px}body.light-mode ::-webkit-scrollbar-thumb:hover{background:#2a2a2a}body.light-mode ::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}body.light-mode .mobile-nav{background:#fff;border-left:2px solid #64FFDA}body.light-mode .mobile-nav-link{color:#000;font-weight:600}body.light-mode .mobile-nav-link:hover{color:#000;background:#64ffda33;padding-left:1.5rem}body.light-mode .mobile-cta{background:linear-gradient(135deg,#64ffda,#4fd1c5);color:#000!important;font-weight:700}body.light-mode .theme-toggle{background:#64ffda33;color:#000;border:2px solid #64FFDA}body.light-mode .theme-toggle:hover{background:#64ffda66;box-shadow:0 0 20px #64ffda80}body.light-mode .footer-theme-toggle .theme-toggle{background:#64ffda26;border:2px solid #64FFDA;color:#000;font-weight:600}body.light-mode .footer-theme-toggle .theme-toggle:hover{background:#64ffda4d;box-shadow:0 4px 15px #64ffda66}body.light-mode .footer-theme-toggle .theme-text{color:#000;font-weight:600}body.light-mode .overlay{background:#fffffff2}
