@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');:root {--bg-primary:    #070b14;--bg-secondary:  #0d1421;--bg-surface:    rgba(13, 22, 38, 0.75);--accent:        #00e5c0;--accent-dark:   #00b899;--accent-2:      #6366f1;--gradient:      linear-gradient(135deg, #00e5c0 0%, #6366f1 100%);--gradient-text: linear-gradient(135deg, #00e5c0, #a5b4fc);--text-primary:  #eef2ff;--text-secondary:#8892a4;--border:        rgba(0, 229, 192, 0.18);--glow:          0 0 24px rgba(0, 229, 192, 0.35);--glow-strong:   0 0 40px rgba(0, 229, 192, 0.55);--radius:        12px;}*, *::before, *::after {box-sizing: border-box;}html {scroll-behavior: smooth;}body {background-color: var(--bg-primary) !important;color: var(--text-primary) !important;font-family: 'Inter', 'duru-sans-regular', Helvetica, Arial, sans-serif !important;-webkit-font-smoothing: antialiased;}h1, h2, h3, h4, h5, h6 {font-family: 'Space Grotesk', Helvetica, Arial, sans-serif !important;color: var(--text-primary) !important;letter-spacing: -0.02em;}p {font-family: 'Inter', 'duru-sans-regular', Helvetica, Arial, sans-serif !important;color: var(--text-secondary) !important;line-height: 1.7;}a {color: var(--accent);transition: color 0.3s ease, opacity 0.3s ease;}a:hover {color: var(--accent-dark) !important;text-decoration: none !important;}.gradient-text,.features h2,.portfolio h2,.team h2,#contact h2,section > .container > h2:first-child {background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}#header {background: rgba(7, 11, 20, 0.85) !important;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid var(--border);height: 68px;position: sticky;top: 0;z-index: 1000;transition: background 0.3s ease;}#header #logo a {color: var(--text-primary) !important;font-family: 'Space Grotesk', sans-serif;font-weight: 700;letter-spacing: 1px;display: flex;align-items: center;gap: 10px;}.homeLogo {max-width: 220px;filter: brightness(0) invert(1);}#header #logo img {filter: brightness(0) invert(1);}.nav-menu a {font-family: 'Inter', sans-serif !important;font-weight: 500 !important;font-size: 14px !important;color: var(--text-secondary) !important;letter-spacing: 0.03em;padding: 24px 16px 20px !important;transition: color 0.25s ease !important;position: relative;}.nav-menu a::after {content: '';position: absolute;bottom: 14px;left: 16px;right: 16px;height: 2px;background: var(--gradient);border-radius: 2px;transform: scaleX(0);transition: transform 0.25s ease;}.nav-menu a:hover::after,.nav-menu .menu-active > a::after {transform: scaleX(1);}.nav-menu a:hover,.nav-menu li:hover > a,.nav-menu .menu-active > a {color: var(--text-primary) !important;}.nav-menu ul {background: rgba(10, 15, 26, 0.97) !important;border: 1px solid var(--border) !important;border-radius: var(--radius) !important;backdrop-filter: blur(20px) !important;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6), var(--glow) !important;margin-top: 8px !important;overflow: hidden;}.nav-menu ul li {background: transparent !important;border-top: 1px solid var(--border) !important;}.nav-menu ul li:first-child {border-top: none !important;}.nav-menu ul li a {color: var(--text-secondary) !important;font-size: 13px !important;padding: 12px 20px !important;}.nav-menu ul li a:hover {color: var(--accent) !important;}.nav-menu ul li a::after {display: none;}.nav-menu ul li:hover {background: rgba(0, 229, 192, 0.07) !important;}#header .social-nav a {color: var(--text-secondary) !important;font-size: 18px;margin-left: 14px;transition: color 0.25s ease, text-shadow 0.25s ease;}#header .social-nav a:hover {color: var(--accent) !important;text-shadow: 0 0 12px var(--accent);}#mobile-nav-toggle i {color: var(--text-primary) !important;}#mobile-nav {background: rgba(7, 11, 20, 0.97) !important;border-right: 1px solid var(--border);}#mobile-nav ul li a {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif;font-size: 15px !important;border-bottom: 1px solid rgba(255,255,255,0.04);transition: color 0.2s ease, background 0.2s ease;}#mobile-nav ul li a:hover {color: var(--accent) !important;background: rgba(0, 229, 192, 0.06) !important;}#mobile-nav ul .menu-item-active {color: var(--accent) !important;}.btn,.cta .btn {background: var(--gradient) !important;color: var(--bg-primary) !important;font-family: 'Space Grotesk', sans-serif !important;font-weight: 600 !important;font-size: 14px !important;letter-spacing: 0.06em;text-transform: uppercase;padding: 14px 40px !important;border-radius: 50px !important;border: none !important;position: relative;overflow: hidden;transition: transform 0.25s ease, box-shadow 0.25s ease !important;box-shadow: 0 4px 20px rgba(0, 229, 192, 0.3);}.btn::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);opacity: 0;transition: opacity 0.25s ease;}.btn:hover {transform: translateY(-2px);box-shadow: var(--glow-strong) !important;background: var(--gradient) !important;color: var(--bg-primary) !important;}.btn:hover::before {opacity: 1;}.btn:focus {color: var(--bg-primary) !important;outline: none;box-shadow: var(--glow) !important;}.btn-ghost {background: transparent !important;border: 2px solid var(--accent) !important;color: var(--accent) !important;box-shadow: none;}.btn-ghost:hover {background: rgba(0, 229, 192, 0.1) !important;color: var(--accent) !important;box-shadow: var(--glow) !important;transform: translateY(-2px);}.cta .btn-ghost:hover {background: rgba(0, 229, 192, 0.12) !important;color: var(--accent) !important;}.hero {background-color: var(--bg-primary) !important;position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse 80% 60% at 50% -20%, rgba(0, 229, 192, 0.15) 0%, transparent 60%),radial-gradient(ellipse 50% 50% at 80% 80%, rgba(99, 102, 241, 0.12) 0%, transparent 60%),rgba(0, 0, 0, 0.55);z-index: 0;}.hero::after {content: '';position: absolute;inset: 0;background-image:linear-gradient(rgba(0, 229, 192, 0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 229, 192, 0.04) 1px, transparent 1px);background-size: 60px 60px;z-index: 0;pointer-events: none;}.hero .container {position: relative;z-index: 1;}.hero h1 {font-family: 'Space Grotesk', sans-serif !important;font-weight: 700 !important;font-size: 64px !important;background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1.1;letter-spacing: -0.03em;}.tagline {font-family: 'Inter', sans-serif !important;font-size: 20px !important;color: var(--text-secondary) !important;font-weight: 400;letter-spacing: 0.01em;max-width: 600px;margin: 30px auto 60px !important;}section {background-color: var(--bg-primary);position: relative;}section:nth-child(even) {background-color: var(--bg-secondary);}.card {background: var(--bg-surface) !important;border: 1px solid var(--border) !important;border-radius: var(--radius) !important;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;overflow: hidden;}.card:hover {transform: translateY(-4px);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), var(--glow) !important;border-color: rgba(0, 229, 192, 0.4) !important;}.features {background-color: var(--bg-secondary);}.features h2,.feature-col h3 {color: var(--accent) !important;}.feature-col h3 {font-family: 'Space Grotesk', sans-serif !important;font-weight: 600;font-size: 18px;background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.feature-col .feature-icon {background: transparent !important;border: 2px solid var(--accent) !important;color: var(--accent) !important;box-shadow: var(--glow), inset 0 0 20px rgba(0, 229, 192, 0.08);transition: box-shadow 0.3s ease, transform 0.3s ease;}.feature-col .feature-icon:hover,.feature-col:hover .feature-icon {box-shadow: var(--glow-strong), inset 0 0 30px rgba(0, 229, 192, 0.15);transform: scale(1.05);}.feature-col p {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif !important;font-size: 14px;line-height: 1.7;}.stats-col .circle {border-color: var(--accent) !important;color: var(--text-secondary) !important;background: rgba(0, 229, 192, 0.04);box-shadow: var(--glow);transition: box-shadow 0.3s ease;}.stats-col .circle:hover {box-shadow: var(--glow-strong);}.stats-col .circle .stats-no {background: var(--gradient) !important;color: var(--bg-primary) !important;font-weight: 700;}.block {position: relative;}.block::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(0, 229, 192, 0.15), rgba(99, 102, 241, 0.1));pointer-events: none;}.block h2 {font-family: 'Space Grotesk', sans-serif !important;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.block p {color: rgba(238, 242, 255, 0.75) !important;font-family: 'Inter', sans-serif !important;}.cta {background: linear-gradient(135deg, rgba(0, 229, 192, 0.1), rgba(99, 102, 241, 0.1)) !important;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);position: relative;overflow: hidden;}.cta::before {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 60% 100% at 50% 50%, rgba(0, 229, 192, 0.06), transparent);}.cta h2 {background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 8px !important;}.cta p {color: var(--text-secondary) !important;opacity: 1 !important;}.portfolio {background-color: var(--bg-secondary) !important;}.portfolio h2 {color: var(--accent) !important;}.portfolio-grid .row > div .card .portfolio-over {background: rgba(7, 11, 20, 0.88) !important;backdrop-filter: blur(8px);}.portfolio-grid .row > div .card .portfolio-over .card-title {font-family: 'Space Grotesk', sans-serif;font-weight: 600;background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.portfolio-grid .row > div .card .portfolio-over .card-text {color: var(--text-secondary) !important;opacity: 1 !important;}.team h2 {color: var(--accent) !important;}.team .card-title-wrap {background: var(--bg-surface) !important;border-top: 1px solid var(--border);backdrop-filter: blur(12px);}.team .card-title-wrap .card-title {font-family: 'Space Grotesk', sans-serif !important;color: var(--text-primary) !important;font-size: 20px;font-weight: 600;}.team .card-title-wrap .card-text {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif !important;font-size: 13px;}.team .card:hover .card-title-wrap,.team .card-title-wrap:hover,.team .card > a:hover ~ .card-title-wrap {background-color: rgba(0, 229, 192, 0.08) !important;border-color: rgba(0, 229, 192, 0.35) !important;}.team .card .social-nav a {color: var(--text-secondary) !important;transition: color 0.25s ease, text-shadow 0.25s ease;}.team .card .social-nav a:hover {color: var(--accent) !important;text-shadow: 0 0 10px var(--accent);opacity: 1 !important;}.team .team-over {background: rgba(7, 11, 20, 0.85) !important;backdrop-filter: blur(8px);}#contact {background: var(--bg-secondary) !important;}#contact h2 {font-family: 'Space Grotesk', sans-serif !important;background: var(--gradient-text) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;background-clip: text !important;}#contact .info i {color: var(--accent) !important;text-shadow: 0 0 12px rgba(0, 229, 192, 0.5);}#contact .info p {color: var(--text-secondary) !important;}#contact .form input,#contact .form textarea,#contact .form select {background: rgba(13, 22, 38, 0.8) !important;border: 1px solid var(--border) !important;border-radius: 8px !important;color: var(--text-primary) !important;font-family: 'Inter', sans-serif;transition: border-color 0.25s ease, box-shadow 0.25s ease;padding: 12px 16px;}#contact .form input:focus,#contact .form textarea:focus {border-color: var(--accent) !important;box-shadow: 0 0 0 3px rgba(0, 229, 192, 0.15) !important;outline: none;background: rgba(0, 229, 192, 0.04) !important;}#contact .form input::placeholder,#contact .form textarea::placeholder {color: var(--text-secondary) !important;opacity: 0.6;}#contact .form button[type="submit"],form button[type="submit"] {background: var(--gradient) !important;color: var(--bg-primary) !important;font-family: 'Space Grotesk', sans-serif !important;font-weight: 600 !important;border: none !important;border-radius: 50px !important;padding: 12px 32px !important;letter-spacing: 0.06em;text-transform: uppercase;font-size: 13px;transition: transform 0.25s ease, box-shadow 0.25s ease !important;box-shadow: 0 4px 20px rgba(0, 229, 192, 0.3);}#contact .form button[type="submit"]:hover,form button[type="submit"]:hover {background: var(--gradient) !important;transform: translateY(-2px);box-shadow: var(--glow-strong) !important;cursor: pointer;}#contact .form #sendmessage {color: var(--accent) !important;border-color: var(--accent) !important;background: rgba(0, 229, 192, 0.06);border-radius: 8px;}#contact .form #errormessage {border-radius: 8px;}.site-footer {background-color: var(--bg-secondary) !important;border-top: 1px solid var(--border);}.site-footer h2,.site-footer p {color: var(--text-primary) !important;font-family: 'Space Grotesk', sans-serif !important;}.site-footer p {opacity: 0.7 !important;font-family: 'Inter', sans-serif !important;}.site-footer .social-nav a {color: var(--text-secondary) !important;opacity: 1 !important;transition: color 0.25s ease, text-shadow 0.25s ease;font-size: 20px;margin: 0 8px;}.site-footer .social-nav a:hover {color: var(--accent) !important;opacity: 1 !important;text-shadow: 0 0 12px var(--accent);}.site-footer .bottom {background: rgba(5, 8, 15, 0.9) !important;border-top: 1px solid var(--border);padding: 24px 0 !important;}.site-footer .bottom p {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif !important;font-size: 13px;opacity: 0.7 !important;}.site-footer .bottom .list-inline a {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif !important;font-size: 13px;transition: color 0.25s ease;}.site-footer .bottom .list-inline a:hover {color: var(--accent) !important;}.site-footer .credits,.site-footer .credits a {color: var(--text-secondary) !important;}.site-footer .credits a:hover {color: var(--accent) !important;}.scrolltop {background: var(--gradient) !important;border-radius: 50% !important;box-shadow: var(--glow);transition: transform 0.25s ease, box-shadow 0.25s ease;color: var(--bg-primary) !important;display: flex;align-items: center;justify-content: center;}.scrolltop:hover,.scrolltop:active,.scrolltop:focus {color: var(--bg-primary) !important;transform: translateY(-3px);box-shadow: var(--glow-strong);opacity: 1 !important;}.green-font {background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.list-group {margin-top: 10px;display: inherit !important;}.gadgets-img {max-height: 300px;}label {color: var(--text-secondary) !important;font-family: 'Inter', sans-serif;font-size: 13px;font-weight: 500;letter-spacing: 0.04em;text-transform: uppercase;margin-bottom: 6px;}table {color: var(--text-primary) !important;}th {background: rgba(0, 229, 192, 0.08) !important;color: var(--accent) !important;font-family: 'Space Grotesk', sans-serif;border-color: var(--border) !important;}td {border-color: var(--border) !important;color: var(--text-secondary) !important;}.alert {background: rgba(13, 22, 38, 0.9);border: 1px solid var(--border);color: var(--text-primary);border-radius: var(--radius);}::selection {background: rgba(0, 229, 192, 0.25);color: var(--text-primary);}::-webkit-scrollbar {width: 6px;}::-webkit-scrollbar-track {background: var(--bg-primary);}::-webkit-scrollbar-thumb {background: rgba(0, 229, 192, 0.3);border-radius: 3px;}::-webkit-scrollbar-thumb:hover {background: rgba(0, 229, 192, 0.55);}.form-control {background: rgba(13, 22, 38, 0.8) !important;border: 1px solid var(--border) !important;color: var(--text-primary) !important;border-radius: 8px !important;font-family: 'Inter', sans-serif;transition: border-color 0.25s ease, box-shadow 0.25s ease;}.form-control:focus {background: rgba(0, 229, 192, 0.04) !important;border-color: var(--accent) !important;box-shadow: 0 0 0 3px rgba(0, 229, 192, 0.15) !important;color: var(--text-primary) !important;}.form-control::placeholder {color: rgba(136, 146, 164, 0.6) !important;}.bg-white,.bg-light {background-color: var(--bg-secondary) !important;}.card-body {background: transparent;}section.about,.features,section {background-color: var(--bg-primary);}@media (max-width: 768px) {.hero h1 {font-size: 36px !important;}.tagline {font-size: 16px !important;margin: 20px auto 40px !important;}#header {height: 54px;}}