:root{--primary-color: #002549;--primary-light: #002c55;--primary-dark: #001b35;--accent: #1A5288;--accent-light: #216aaf;--accent-dark: #11365a;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow: 0 10px 15px -3px rgba(16, 84, 185, .1), 0 4px 6px -2px rgba(16, 64, 185, .05);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--container-max-width: 1200px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--gray-800);background-color:var(--white);overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:var(--white);padding:8px;text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-tooltip);-webkit-transition:top var(--transition-fast);-o-transition:top var(--transition-fast);transition:top var(--transition-fast)}.skip-link:focus{top:6px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--primary-color);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:var(--spacing-md);color:var(--gray-600)}a{color:var(--accent);text-decoration:none;-webkit-transition:color var(--transition-fast);-o-transition:color var(--transition-fast);transition:color var(--transition-fast)}a:hover,a:focus{color:var(--accent-dark);outline:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}section{padding:var(--spacing-4xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl);max-width:800px;margin-left:auto;margin-right:auto}.section-subtitle{font-size:1.125rem;color:var(--gray-500);margin-top:var(--spacing-md)}.cta-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:500;font-size:.875rem;text-decoration:none;cursor:pointer;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal);position:relative;overflow:hidden}.cta-btn.primary{background-color:var(--accent);color:var(--white);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.cta-btn.primary:hover,.cta-btn.primary:focus{background-color:var(--accent-dark);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 20px 25px -5px rgba(16,89,185,.2),0 10px 10px -5px rgba(16,95,185,.1);box-shadow:0 20px 25px -5px #1059b933,0 10px 10px -5px #105fb91a}.cta-btn.secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-btn.secondary:hover,.cta-btn.secondary:focus{background-color:var(--primary-color);color:var(--white)}.cta-btn.large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:var(--z-fixed);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.navbar.scrolled{background-color:#fffffffa;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.nav-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-md) 0}.nav-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;margin-left:25px}.logo-text{width:40px;height:40px;background:-o-linear-gradient(315deg,var(--accent) 0%,var(--accent-dark) 100%);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:var(--white);border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:1.25rem;font-family:var(--font-mono)}.nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;gap:var(--spacing-xl);margin:0}.nav-link{font-weight:500;color:var(--gray-700);padding:var(--spacing-sm) 0;position:relative;-webkit-transition:color var(--transition-fast);-o-transition:color var(--transition-fast);transition:color var(--transition-fast)}.nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--accent)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--accent);-webkit-transition:width var(--transition-normal);-o-transition:width var(--transition-normal);transition:width var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-lg);margin-right:25px}.hamburger{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);margin-right:25px}.hamburger span{width:25px;height:3px;background-color:var(--gray-700);margin:3px 0;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.hamburger.active span:nth-child(1){-webkit-transform:rotate(45deg) translate(5px,5px);-ms-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);-ms-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}.hero{position:relative;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;padding-top:80px;background:-o-linear-gradient(315deg,var(--white) 0%,var(--primary-color) 100%);background:linear-gradient(135deg,var(--white) 0%,var(--primary-color) 100%)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:1}.container{z-index:2}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-content{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-3xl) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.hero-text{z-index:1}.hero-greeting{display:block;font-size:1.125rem;color:var(--accent);margin-bottom:var(--spacing-sm);font-weight:500}.hero-title{color:var(--primary-color);margin-bottom:var(--spacing-lg);position:relative}.title-cursor{color:var(--accent);-webkit-animation:blink 1.2s infinite;animation:blink 1.2s infinite;margin-left:-8px}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-lg);min-height:2em}.typing-text{color:var(--accent)}.hero-description{font-size:1.125rem;color:var(--gray-600);margin-bottom:var(--spacing-2xl);max-width:600px}.hero-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);-ms-flex-wrap:wrap;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-color);font-family:var(--font-mono)}.stat-label{font-size:.875rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px}.hero-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);-ms-flex-wrap:wrap;flex-wrap:wrap}.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.social-links a{width:40px;height:40px;background-color:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.social-links a:hover{background-color:var(--accent);color:var(--white);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.hero-visual{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.terminal-window{background-color:var(--primary-color);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl);overflow:hidden;max-width:500px;width:100%}.terminal-window *{text-align:left}.terminal-header{background-color:var(--primary-light);padding:var(--spacing-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md)}.terminal-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-xs)}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.btn-close{background-color:#ff5f56}.btn-minimize{background-color:#ffbd2e}.btn-maximize{background-color:#27ca3f}.terminal-title{color:var(--gray-400);font-family:var(--font-mono);font-size:.875rem}.terminal-body{padding:var(--spacing-lg);font-family:var(--font-mono);font-size:.875rem;line-height:1.5}.terminal-line{margin-bottom:var(--spacing-sm);color:var(--white)}.prompt{color:var(--accent-light)}.command{color:var(--white);margin-left:var(--spacing-sm)}.output{color:var(--gray-300);margin-left:var(--spacing-lg)}.cursor-blink{color:var(--accent);-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.about{background-color:var(--gray-50)}.about-content{display:-ms-grid;display:grid;-ms-grid-columns:2fr var(--spacing-3xl) 1fr;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl);-webkit-box-align:start;-ms-flex-align:start;align-items:start}.about-story h3{color:var(--accent);margin-bottom:var(--spacing-lg)}.about-story p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.capabilities h3{color:var(--accent);margin-bottom:var(--spacing-lg)}.capability-list{list-style:none;margin-bottom:var(--spacing-xl)}.capability-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.capability-list li:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.capability-list i{color:var(--accent);font-size:1.25rem;margin-top:var(--spacing-xs);-ms-flex-negative:0;flex-shrink:0}.about-visual{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-xl)}.setup-showcase{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.setup-showcase h4{color:var(--primary-color);margin-bottom:var(--spacing-lg);text-align:center}.setup-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.setup-item:hover{background-color:var(--gray-50)}.setup-icon{width:50px;height:50px;border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;color:var(--white);padding:0 20px}.setup-icon.macos,.setup-icon.kali,.setup-icon.windows{background-color:var(--accent-light)}.setup-info h5{margin:0 0 var(--spacing-xs) 0;color:var(--primary-color)}.setup-info p{margin:0;font-size:.875rem;color:var(--gray-500)}.philosophy-card{background:-o-linear-gradient(315deg,var(--accent) 0%,var(--accent-dark) 100%);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);text-align:center;-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}.philosophy-icon{width:60px;height:60px;background-color:#fff3;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;margin:0 auto var(--spacing-lg)}.philosophy-card h4{color:var(--white);margin-bottom:var(--spacing-md)}.philosophy-card blockquote{font-style:italic;font-size:1rem;line-height:1.6;margin:0}.skills{background-color:var(--white)}.skills-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.skill-category{background-color:var(--gray-50);padding:var(--spacing-xl);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.skill-category:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl)}.category-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.category-header i{width:50px;height:50px;background-color:var(--accent);color:var(--white);border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem}.category-header h3{margin:0;color:var(--primary-color)}.skills-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-lg)}.skill-item{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.skill-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-sm)}.skill-name{font-weight:600;color:var(--primary-color)}.skill-level{font-size:.875rem;color:var(--gray-500)}.skill-bar{width:100%;height:8px;background-color:var(--gray-200);border-radius:var(--radius-sm);overflow:hidden}.skill-progress{height:100%;background:-webkit-gradient(linear,left top,right top,from(var(--accent)),to(var(--accent-light)));background:-o-linear-gradient(left,var(--accent) 0%,var(--accent-light) 100%);background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light) 100%);border-radius:var(--radius-sm);width:0;-webkit-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.tools-grid,.os-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-md) 1fr;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tool-item,.os-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--white);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.tool-item:hover,.os-item:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.tool-item i,.os-item i{color:var(--accent);font-size:1.25rem}.tool-item span,.os-item span{font-weight:500;color:var(--primary-color)}.creative-tools,.dev-tools{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-sm)}.tool-badge{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--white);color:var(--primary-color);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.tool-badge:hover{background-color:var(--accent);color:var(--white);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.projects{background-color:var(--gray-50)}.projects-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.project-card{background-color:var(--white);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal);position:relative}.project-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl)}.project-card.featured{border:2px solid var(--accent);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)}.project-image{position:relative;overflow:hidden;height:250px}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform var(--transition-slow);transition:-webkit-transform var(--transition-slow);-o-transition:transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow)}.project-card:hover .project-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(70%,rgba(6,16,10,.7)),to(rgba(6,16,10,.9)));background:-o-linear-gradient(top,transparent 0%,rgba(6,16,10,.7) 70%,rgba(6,16,10,.9) 100%);background:linear-gradient(to bottom,transparent 0%,rgba(6,16,10,.7) 70%,rgba(6,16,10,.9) 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity var(--transition-normal);-o-transition:opacity var(--transition-normal);transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.project-link{width:50px;height:50px;background-color:var(--accent);color:var(--white);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.25rem;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.project-link:hover{background-color:var(--accent-light);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.project-link:visited{color:#fff}.project-content{padding:var(--spacing-xl)}.project-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--accent);color:var(--white);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:var(--spacing-md)}.project-content h3{margin-bottom:var(--spacing-md);color:var(--primary-color)}.project-content p{margin-bottom:var(--spacing-lg);color:var(--gray-600)}.project-tech{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tech-tag{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.project-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);color:var(--accent);font-size:.875rem;font-weight:500}.projects-cta{text-align:center;padding:var(--spacing-2xl);background-color:var(--white);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.projects-cta p{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:var(--gray-700)}.testimonials{background-color:var(--white)}.testimonials-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.testimonial-card{background-color:var(--gray-50);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);overflow:hidden;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.testimonial-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl)}.testimonial-content{padding:var(--spacing-2xl)}.stars{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.stars i{color:#fbbf24;font-size:1.25rem}.testimonial-content blockquote{font-size:1.125rem;line-height:1.7;color:var(--gray-700);margin-bottom:var(--spacing-xl);font-style:italic;position:relative}.testimonial-content blockquote:before{content:'"';font-size:4rem;color:var(--accent);position:absolute;top:-20px;left:-10px;opacity:.3}.testimonial-author{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md)}.author-photo{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--accent)}.author-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.author-name{font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.author-title{color:var(--gray-600);font-size:.875rem;margin-bottom:var(--spacing-xs)}.author-location{color:var(--gray-500);font-size:.875rem}.testimonials-cta{text-align:center;padding:var(--spacing-2xl);background-color:var(--gray-50);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.testimonials-cta p{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:var(--gray-700)}.contact{background-color:var(--gray-50)}.contact-content{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-3xl) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl)}.contact-info h3{margin-bottom:var(--spacing-xl);color:var(--accent)}.contact-info p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-2xl)}.contact-methods{margin-bottom:var(--spacing-2xl)}.contact-method{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--white);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.contact-method:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.contact-icon{width:50px;height:50px;background-color:var(--accent);color:var(--white);border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.25rem;-ms-flex-negative:0;flex-shrink:0}.contact-details h4{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.contact-details a{font-weight:600;font-size:1.125rem;color:var(--accent)}.contact-details p{color:var(--gray-500);font-size:.875rem;margin:var(--spacing-xs) 0 0 0}.availability{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.availability h4{color:var(--accent);margin-bottom:var(--spacing-md)}.availability-status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.available{background-color:#359c00;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.status-indicator.unavailable{background-color:#700}.availability-status span{font-weight:500;color:var(--primary-color)}.availability p{margin:0;font-size:.875rem;color:var(--gray-600)}.contact-form-container{background-color:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.contact-form h3{margin-bottom:var(--spacing-xl);color:var(--accent);text-align:center}.form-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr var(--spacing-lg) 1fr;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:1rem;-webkit-transition:border-color var(--transition-normal);-o-transition:border-color var(--transition-normal);transition:border-color var(--transition-normal);background-color:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);-webkit-box-shadow:0 0 0 3px rgba(16,185,129,.1);box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;min-height:120px}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:var(--spacing-xs);min-height:1.25rem}.form-disclaimer{font-size:.875rem;color:var(--gray-500);text-align:center;margin-top:var(--spacing-lg);margin-bottom:0}.footer{background-color:var(--primary-color);color:var(--gray-300);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-content{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section h4{color:var(--white);margin-bottom:var(--spacing-lg)}.footer-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.footer-logo .logo-text{background:-o-linear-gradient(315deg,var(--accent) 0%,var(--accent-light) 100%);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%)}.footer-tagline{font-size:1.125rem;font-weight:600;color:var(--white)}.footer-description{color:var(--gray-400);margin-bottom:var(--spacing-lg)}.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.footer-social a{width:40px;height:40px;background-color:var(--primary-light);color:var(--gray-300);border-radius:var(--radius-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal)}.footer-social a:hover{background-color:var(--accent);color:var(--white);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--gray-300);-webkit-transition:color var(--transition-fast);-o-transition:color var(--transition-fast);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent)}.footer-contact p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--gray-300)}.footer-contact i{color:var(--accent);width:20px}.footer-bottom{border-top:1px solid var(--primary-light);padding-top:var(--spacing-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-lg)}.footer-bottom-links a{color:var(--gray-400);font-size:.875rem}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:50px;height:50px;background-color:var(--accent);color:var(--white);border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;-webkit-transition:all var(--transition-normal);-o-transition:all var(--transition-normal);transition:all var(--transition-normal);z-index:var(--z-fixed)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--accent-dark);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.animate-fade-in-up{-webkit-animation:fadeInUp .6s ease-out forwards;animation:fadeInUp .6s ease-out forwards}.animate-slide-in-left{-webkit-animation:slideInLeft .6s ease-out forwards;animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{-webkit-animation:slideInRight .6s ease-out forwards;animation:slideInRight .6s ease-out forwards}.scroll-animate{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out}.scroll-animate.in-view{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (max-width: 1024px){.hero-content{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.about-content,.contact-content{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media (max-width: 1024px){.nav-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background-color:var(--white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl);-webkit-transition:right var(--transition-normal);-o-transition:right var(--transition-normal);transition:right var(--transition-normal);z-index:var(--z-modal)}.nav-menu.active{right:0}.nav-actions .cta-btn{display:none}.hamburger{display:-webkit-box;display:-ms-flexbox;display:flex}.hero-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-description{max-width:900px}.hero-stats{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--spacing-lg)}.social-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-row{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}.tools-grid,.os-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.footer-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}section{padding:var(--spacing-2xl) 0}.hero{padding-top:100px}.hero-content{text-align:center}.terminal-window{max-width:100%}.projects-grid,.testimonials-grid,.skills-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.back-to-top{bottom:var(--spacing-md);right:var(--spacing-md)}}@media print{.navbar,.back-to-top,.hero-actions,.social-links,.contact-form-container{display:none!important}.hero{min-height:auto;padding:var(--spacing-xl) 0}section{padding:var(--spacing-lg) 0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.project-overlay,.cta-btn{display:none}}@media (prefers-contrast: more){:root{--gray-300: var(--black);--gray-600: var(--black);--gray-700: var(--black)}}@media (prefers-reduced-motion: reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:.01ms!important;-o-transition-duration:.01ms!important;transition-duration:.01ms!important}.scroll-animate{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.title-cursor{-webkit-animation:none;animation:none}}