:root {--transition: all 0.3s ease-in-out;--primary-color: #00ff94;--secondary-color: #0066ff;--dark-color: #0a192f;--light-color: #f8f9fa;--bg-color: var(--dark-color);--text-color: var(--light-color);--card-bg: rgba(255, 255, 255, 0.05);--border-color: rgba(255, 255, 255, 0.1);--cursor-primary: var(--primary-color);--cursor-secondary: var(--secondary-color);--cursor-glow: rgba(0, 255, 148, 0.5);--cursor-trail-opacity: 0.5;--cursor-size: 12px;--cursor-trail-size: 8px;--cursor-glow-spread: 15px;--cursor-glow-intensity: 0.6;--cursor-animation: 1;}[data-theme="light"] {--primary-color: #00cc78;--secondary-color: #0052cc;--dark-color: #f8f9fa;--light-color: #0a192f;--bg-color: var(--dark-color);--text-color: var(--light-color);--card-bg: rgba(0, 0, 0, 0.05);--border-color: rgba(0, 0, 0, 0.1);--cursor-primary: var(--primary-color);--cursor-secondary: var(--secondary-color);--cursor-glow: rgba(0, 0, 0);--cursor-trail-opacity: 0.8;--cursor-glow-spread: 20px;--cursor-glow-intensity: 0.7;--cursor-animation: 0;}* {cursor: none !important;}body {font-family: 'Poppins', sans-serif;background-color: var(--bg-color);color: var(--text-color);line-height: 1.7;overflow-x: hidden;transition: var(--transition);}.section-padding {padding: 100px 0;}#preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--dark-color);z-index: 9999;display: flex;justify-content: center;align-items: center;}.cyber-spinner {width: 100px;height: 100px;position: relative;animation: rotate 2s linear infinite;}.cyber-spinner .lines {position: absolute;width: 100%;height: 100%;border: 3px solid transparent;border-top-color: var(--primary-color);border-radius: 50%;animation: spin 1.5s linear infinite;}@keyframes rotate {100% {transform: rotate(360deg);}}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.navbar {padding: 15px 0;transition: var(--transition);background: rgba(10, 25, 47, 0.95);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-bottom: 1px solid rgba(0, 255, 187, 0.1);position: fixed;width: 100%;z-index: 1000;}.navbar::before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: linear-gradient(90deg, transparent, var(--cursor-primary), var(--cursor-secondary), transparent );animation: nav-border 3s linear infinite;opacity: 0.7;}@keyframes nav-border {0% {background-position: -200% 0;}100% {background-position: 200% 0;}}.navbar-brand {font-family: 'Major Mono Display', monospace;font-size: 2.2rem;font-weight: 400;color: var(--cursor-primary) !important;text-transform: uppercase;letter-spacing: 4px;position: relative;text-shadow: 0 0 10px var(--cursor-primary);transition: var(--transition);}.navbar-brand::after {content: attr(data-text);font-family: 'Major Mono Display', monospace;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.5;filter: blur(8px);animation: brand-glow 2s ease-in-out infinite alternate;}@keyframes brand-glow {from {opacity: 0.5;filter: blur(8px);}to {opacity: 0.8;filter: blur(12px);}}.nav-link {position: relative;color: var(--light-color) !important;font-weight: 500;padding: 0.5rem 1rem !important;margin: 0 0.3rem;transition: var(--transition);background: rgba(0, 255, 187, 0.05);border-radius: 4px;overflow: hidden;}.nav-link::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent, rgba(0, 255, 187, 0.2), transparent );transition: var(--transition);}.nav-link:hover::before {left: 100%;transition: 0.5s;}.nav-link::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: linear-gradient( 90deg, var(--cursor-primary), var(--cursor-secondary) );transform: scaleX(0);transform-origin: right;transition: transform 0.3s ease;}.nav-link:hover::after {transform: scaleX(1);transform-origin: left;}.nav-link:hover {color: var(--cursor-primary) !important;text-shadow: 0 0 10px var(--cursor-primary);background: rgba(0, 255, 187, 0.1);}.navbar-toggler {border: none;background: transparent;padding: 0;width: 30px;height: 30px;position: relative;}.navbar-toggler:focus {box-shadow: none;}.navbar-toggler-icon {background-image: none !important;position: relative;width: 100%;height: 2px;background: var(--cursor-primary);transition: var(--transition);}.navbar-toggler-icon::before, .navbar-toggler-icon::after {content: '';position: absolute;width: 100%;height: 2px;background: var(--cursor-primary);left: 0;transition: var(--transition);}.navbar-toggler-icon::before {top: -8px;}.navbar-toggler-icon::after {bottom: -8px;}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {background: transparent;}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {transform: rotate(45deg);top: 0;}.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {transform: rotate(-45deg);bottom: 0;}@media (max-width: 991px) {.navbar-collapse {background: rgba(10, 25, 47, 0.98);padding: 1rem;border-radius: 8px;margin-top: 1rem;border: 1px solid rgba(0, 255, 187, 0.1);}.nav-link {margin: 0.5rem 0;}}.hero-section {position: relative;min-height: 100vh;background: var(--dark-color);overflow: hidden;}.cyber-grid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(transparent 95%, var(--primary-color) 95%), linear-gradient(90deg, transparent 95%, var(--primary-color) 95%);background-size: 30px 30px;opacity: 0.1;}.cyber-glitch {position: relative;font-weight: 800;line-height: 1.2;animation: glitch 2s infinite;}@keyframes glitch {0% {transform: skew(0deg);}20% {transform: skew(10deg);}40% {transform: skew(-10deg);}60% {transform: skew(5deg);}80% {transform: skew(-5deg);}100% {transform: skew(0deg);}}.cyber-text {position: relative;font-size: 4rem;font-weight: bold;background: linear-gradient(45deg, var(--primary-color) 0%, var(--secondary-color) 50%, var(--primary-color) 100% );background-size: 200% 200%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: gradient-shift 8s ease infinite;}.cyber-text::before {content: '';position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px;background: radial-gradient( circle at var(--x, 50%) var(--y, 50%), var(--primary-color) 0%, transparent 50% );opacity: 0;z-index: -1;animation: pulse 2s ease-in-out infinite;}@keyframes gradient-shift {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.neural-network {position: absolute;top: -50px;left: -50px;right: -50px;bottom: -50px;z-index: -1;overflow: hidden;}.node {position: absolute;width: 4px;height: 4px;background: var(--primary-color);border-radius: 50%;box-shadow: 0 0 10px var(--primary-color);opacity: 0;animation: node-pulse 3s ease-in-out infinite;}.connection {position: absolute;height: 1px;background: linear-gradient(90deg, transparent, var(--primary-color), transparent );opacity: 0;transform-origin: left center;animation: connection-pulse 3s ease-in-out infinite;}@keyframes node-pulse {0% {opacity: 0;transform: scale(0);}50% {opacity: 1;transform: scale(1);}100% {opacity: 0;transform: scale(0);}}@keyframes connection-pulse {0% {opacity: 0;transform: scaleX(0);}50% {opacity: 0.5;transform: scaleX(1);}100% {opacity: 0;transform: scaleX(0);}}.about-img {position: relative;border-radius: 20px;overflow: hidden;}.cyber-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid var(--primary-color);animation: frame-animation 4s infinite;}@keyframes frame-animation {0% {transform: scale(1);opacity: 1;}50% {transform: scale(1.1);opacity: 0.5;}100% {transform: scale(1);opacity: 1;}}.cyber-stats {display: flex;justify-content: space-around;margin-top: 30px;}.stat-item {text-align: center;}.counter {font-size: 2.5rem;font-weight: 700;color: var(--primary-color);}.skill-card {background: rgba(255, 255, 255, 0.05);border-radius: 15px;padding: 30px;text-align: center;transition: var(--transition);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}.skill-card:hover {transform: translateY(-10px);box-shadow: 0 10px 30px rgba(0, 255, 148, 0.2);}.skill-card i {font-size: 3rem;color: var(--primary-color);margin-bottom: 20px;}.skill-progress {height: 5px;background: rgba(255, 255, 255, 0.1);border-radius: 5px;margin-top: 20px;overflow: hidden;}.progress-bar {height: 100%;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius: 5px;transition: width 1.5s ease-in-out;}.project-card {background: rgba(255, 255, 255, 0.05);border-radius: 15px;overflow: hidden;transition: var(--transition);}.project-card:hover {transform: translateY(-10px);box-shadow: 0 10px 30px rgba(0, 255, 148, 0.2);}.project-img {position: relative;overflow: hidden;}.project-img img {width: 100%;transition: var(--transition);}.project-card:hover .project-img img {transform: scale(1.1);}.project-content {padding: 20px;}.cyber-btn {position: relative;overflow: hidden;transition: var(--transition);border: none;background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));z-index: 1;}.cyber-btn::before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background: var(--dark-color);transition: var(--transition);z-index: -1;}.cyber-btn:hover::before {width: 100%;}.contact-form-wrapper, .contact-info-wrapper {background: rgba(255, 255, 255, 0.05);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}.contact-form-wrapper:hover, .contact-info-wrapper:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 255, 148, 0.1);}.form-control {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);color: var(--light-color);transition: all 0.3s ease;}.form-control:focus {background: rgba(255, 255, 255, 0.08);border-color: var(--primary-color);box-shadow: 0 0 15px rgba(0, 255, 148, 0.2);color: var(--light-color);}.form-label {color: var(--primary-color);font-weight: 500;margin-bottom: 0.5rem;display: flex;align-items: center;}.form-label i {font-size: 1.1rem;color: var(--primary-color);margin-right: 0.5rem;}.info-item {background: rgba(255, 255, 255, 0.03);transition: all 0.3s ease;}.info-item:hover {background: rgba(255, 255, 255, 0.08);transform: translateX(5px);}.icon-box {width: 40px;height: 40px;background: rgba(0, 255, 148, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;}.icon-box i {font-size: 1.2rem;color: var(--primary-color);}.social-link {width: 40px;height: 40px;background: rgba(255, 255, 255, 0.05);border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;color: var(--light-color);font-size: 1.2rem;transition: all 0.3s ease;}.social-link:hover {background: var(--primary-color);color: var(--dark-color);transform: translateY(-5px);}.form-feedback {position: fixed;top: 20px;right: 20px;padding: 15px 25px;border-radius: 8px;color: var(--light-color);z-index: 1000;transform: translateX(150%);transition: transform 0.3s ease;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}.form-feedback.show {transform: translateX(0);}.form-feedback.success {background: rgba(0, 255, 148, 0.2);border: 1px solid var(--primary-color);}.form-feedback.error {background: rgba(255, 0, 0, 0.2);border: 1px solid #ff0000;}.footer {background: rgba(10, 25, 47, 0.95);padding: 50px 0;text-align: center;}.social-links {margin-bottom: 30px;}.social-link {display: inline-flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.05);color: var(--light-color);margin: 0 10px;transition: var(--transition);}.social-link:hover {background: var(--primary-color);color: var(--dark-color);transform: translateY(-5px);}@media (max-width: 768px) {.section-padding {padding: 70px 0;}.cyber-glitch {font-size: 2.5rem;}.cyber-stats {flex-direction: column;}.stat-item {margin-bottom: 30px;}:root {--cursor-size: 8px;--cursor-trail-size: 6px;--cursor-glow-spread: 10px;}}[data-aos] {opacity: 0;transition-duration: 1s;transition-property: opacity, transform;}[data-aos].aos-animate {opacity: 1;}#particle-network {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none;opacity: 0.7;}.particle {position: absolute;background: rgba(0, 255, 148, 0.8);border-radius: 50%;pointer-events: none;transition: transform 0.3s ease-out;}.particle::after {content: '';position: absolute;top: 50%;left: 50%;width: 200%;height: 200%;transform: translate(-50%, -50%);background: radial-gradient( circle at center, var(--primary-color) 0%, transparent 70% );opacity: 0;transition: opacity 0.3s ease;}.particle.active::after {opacity: 0.3;}.cursor-particle {position: fixed;pointer-events: none;width: var(--cursor-size);height: var(--cursor-size);background: var(--cursor-primary);border-radius: 50%;z-index: 9999;mix-blend-mode: screen;transform: translate(-50%, -50%);left: 0;top: 0;box-shadow: 0 0 var(--cursor-glow-spread) var(--cursor-primary), 0 0 calc(var(--cursor-glow-spread) * 2) rgba(var(--cursor-primary), 0.3);}.cursor-particle::before {content: '';position: absolute;top: 50%;left: 50%;width: calc(var(--cursor-size) * 3);height: calc(var(--cursor-size) * 3);background: var(--cursor-primary);border-radius: 50%;transform: translate(-50%, -50%);opacity: calc(var(--cursor-glow-intensity) * var(--cursor-animation));filter: blur(6px);transition: background-color 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 0 var(--cursor-glow-spread) var(--cursor-glow);will-change: transform, opacity;}.cursor-trail {position: fixed;pointer-events: none;width: calc(var(--cursor-trail-size) * 2.5);height: calc(var(--cursor-trail-size) * 2.5);background: #87CEEB;border-radius: 50%;z-index: 9998;opacity: 1;mix-blend-mode: normal;transform: translate(-50%, -50%);left: 0;top: 0;box-shadow: 0 0 20px rgba(135, 206, 235, 1);}.cursor-trail:nth-child(n+3) {width: calc(var(--cursor-trail-size) * 2.2);height: calc(var(--cursor-trail-size) * 2.2);opacity: 0.95;}.cursor-trail:nth-child(n+6) {width: calc(var(--cursor-trail-size) * 1.9);height: calc(var(--cursor-trail-size) * 1.9);opacity: 0.9;}.cursor-trail:nth-child(n+9) {width: calc(var(--cursor-trail-size) * 1.6);height: calc(var(--cursor-trail-size) * 1.6);opacity: 0.85;}.cursor-trail:nth-child(n+12) {width: calc(var(--cursor-trail-size) * 1.3);height: calc(var(--cursor-trail-size) * 1.3);opacity: 0.8;}.cursor-trail:nth-child(n+15) {width: calc(var(--cursor-trail-size) * 1.0);height: calc(var(--cursor-trail-size) * 1.0);opacity: 0.75;}.cursor-trail:nth-child(n+20) {width: calc(var(--cursor-trail-size) * 0.7);height: calc(var(--cursor-trail-size) * 0.7);opacity: 0.7;}.cursor-trail-blue {position: fixed;pointer-events: none;width: calc(var(--cursor-trail-size) * 2.3);height: calc(var(--cursor-trail-size) * 2.3);background: #87CEEB;border-radius: 50%;z-index: 9997;opacity: 1;mix-blend-mode: normal;transform: translate(-50%, -50%);left: 0;top: 0;box-shadow: 0 0 15px rgba(135, 206, 235, 1);}.cursor-trail-blue:nth-child(n+3) {width: calc(var(--cursor-trail-size) * 2.0);height: calc(var(--cursor-trail-size) * 2.0);opacity: 0.95;}.cursor-trail-blue:nth-child(n+6) {width: calc(var(--cursor-trail-size) * 1.7);height: calc(var(--cursor-trail-size) * 1.7);opacity: 0.9;}.cursor-trail-blue:nth-child(n+9) {width: calc(var(--cursor-trail-size) * 1.4);height: calc(var(--cursor-trail-size) * 1.4);opacity: 0.85;}.cursor-trail-blue:nth-child(n+12) {width: calc(var(--cursor-trail-size) * 1.1);height: calc(var(--cursor-trail-size) * 1.1);opacity: 0.8;}.cursor-trail-blue:nth-child(n+15) {width: calc(var(--cursor-trail-size) * 0.8);height: calc(var(--cursor-trail-size) * 0.8);opacity: 0.75;}.cursor-trail-blue:nth-child(n+20) {width: calc(var(--cursor-trail-size) * 0.5);height: calc(var(--cursor-trail-size) * 0.5);opacity: 0.7;}[data-theme="dark"] a:hover ~ .cursor-particle, [data-theme="dark"] button:hover ~ .cursor-particle, [data-theme="dark"] input:hover ~ .cursor-particle, [data-theme="dark"] textarea:hover ~ .cursor-particle, [data-theme="dark"] [role="button"]:hover ~ .cursor-particle {transform: translate(-50%, -50%) scale(1.8);background: var(--cursor-secondary);box-shadow: 0 0 calc(var(--cursor-glow-spread) * 1.5) var(--cursor-secondary), 0 0 calc(var(--cursor-glow-spread) * 3) rgba(var(--cursor-secondary), 0.4);}[data-theme="dark"] a:hover ~ .cursor-trail, [data-theme="dark"] button:hover ~ .cursor-trail, [data-theme="dark"] input:hover ~ .cursor-trail, [data-theme="dark"] textarea:hover ~ .cursor-trail, [data-theme="dark"] [role="button"]:hover ~ .cursor-trail {opacity: calc(var(--cursor-trail-opacity) * 1.75);background: var(--cursor-secondary);transform: translate(-50%, -50%) scale(1.2);}[data-theme="dark"] a:hover ~ .cursor-trail-blue, [data-theme="dark"] button:hover ~ .cursor-trail-blue, [data-theme="dark"] input:hover ~ .cursor-trail-blue, [data-theme="dark"] textarea:hover ~ .cursor-trail-blue, [data-theme="dark"] [role="button"]:hover ~ .cursor-trail-blue {opacity: calc(var(--cursor-trail-opacity) * 1.5);background: var(--cursor-primary);transform: translate(-50%, -50%) scale(1.2);}.loading-spinner {width: 20px;height: 20px;border: 2px solid var(--light-color);border-top: 2px solid transparent;border-radius: 50%;animation: spin 1s linear infinite;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}.info-item i {font-size: 2.5rem;color: var(--primary-color);margin-bottom: 20px;}.bottom-right-buttons {position: absolute;bottom: 2rem;right: 2rem;z-index: 1000;display: flex;gap: 1rem;flex-direction: column;}.bottom-right-buttons .cyber-btn {backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(0, 255, 148, 0.1);border: 1px solid var(--primary-color);transition: all 0.3s ease;text-shadow: 0 0 10px var(--primary-color);}.bottom-right-buttons .cyber-btn:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 255, 148, 0.2);background: rgba(0, 255, 148, 0.2);}a{color: white;text-decoration: none;}