*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#0a192f;color:#e6f1ff;overflow-x:hidden;width:100%;height:100%}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #000000;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #999999;--accent-primary: #00ff88;--accent-secondary: #00cc6a;--border-color: #333333;--shadow-light: rgba(0, 255, 136, .1);--shadow-medium: rgba(0, 255, 136, .2);--shadow-heavy: rgba(0, 0, 0, .3)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--accent-primary: #00cc6a;--accent-secondary: #009945;--border-color: #dddddd;--shadow-light: rgba(0, 204, 106, .1);--shadow-medium: rgba(0, 204, 106, .2);--shadow-heavy: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{width:100%;margin:0;padding:0;min-height:100vh;background-color:var(--bg-primary)}.app-container{display:flex;flex-direction:column;width:100%;overflow-x:hidden;min-height:100vh}main{flex:1}.section-title{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;text-align:center;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:#000;padding:8px;text-decoration:none;z-index:100;border-radius:4px}@media (max-width: 1200px){.section-title{font-size:2.2rem}}@media (max-width: 768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem;padding:0 1rem}}@media (max-width: 480px){.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--accent-primary: #00ff00;--accent-secondary: #00dd00;--border-color: #ffffff}[data-theme=light]{--accent-primary: #006600;--accent-secondary: #004400;--border-color: #000000}}@media print{.navigation,.theme-toggle,.blog-modal{display:none!important}body{background:#fff!important;color:#000!important}.section-title{color:#000!important}}.project-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:.5rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#00ff881a}.tech-tag{background:#00ff881a;color:var(--accent-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;border:1px solid rgba(0,255,136,.2);display:inline-block;margin:.25rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-container.small{padding:1rem}.loading-container.large{padding:4rem;min-height:300px}.loading-spinner{position:relative;width:60px;height:60px}.loading-container.small .loading-spinner{width:40px;height:40px}.loading-container.large .loading-spinner{width:80px;height:80px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top-color:#0f8;border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:#00cc6a}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:#009945}.spinner-ring:nth-child(4){animation-delay:.3s;border-top-color:#063}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:1rem;color:#fff;font-size:1rem}.skeleton-card{background:#1a1a1a;border-radius:1rem;padding:1rem;margin-bottom:1rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-image{width:100%;height:200px;background:#2a2a2a;border-radius:.5rem;margin-bottom:1rem}.skeleton-content{space-y:.5rem}.skeleton-line{height:1rem;background:#2a2a2a;border-radius:.25rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:70%}.skeleton-text{width:100%}.skeleton-text.short{width:60%}.skeleton-text-container{padding:1rem 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.error-content{text-align:center;background:#1a1a1a;padding:2rem;border-radius:1rem;border:1px solid #333}.error-content h2{color:#f44;margin-bottom:1rem}.error-content p{color:#ccc;margin-bottom:2rem}.error-retry-btn{background:#0f8;color:#000;border:none;padding:.5rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;transition:background-color .3s ease}.error-retry-btn:hover{background:#00cc6a}.navigation{position:fixed;top:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transform:translateY(-100%);transition:transform .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.navigation.visible{transform:translateY(0)}.skip-link{position:absolute;top:-40px;left:6px;background:#0f8;color:#000;padding:8px;text-decoration:none;border-radius:4px;font-weight:600;z-index:1001;transition:top .3s ease}.skip-link:focus{top:6px}.scroll-progress{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,#0f8,#0ca);transition:width .1s ease;z-index:1}.nav-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;position:relative;gap:2rem}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.desktop-menu{display:flex}@media (max-width: 768px){.desktop-menu{display:none}}.nav-link{background:none;border:none;color:#fff;text-decoration:none;padding:.75rem 1.25rem;border-radius:.75rem;transition:all .3s ease;cursor:pointer;font-size:.9rem;font-weight:500;position:relative;display:flex;align-items:center;gap:.5rem;min-height:44px}.nav-link:hover{background:#00ff881a;color:#0f8;transform:translateY(-2px)}.nav-link.active{background:#0f83;color:#0f8;box-shadow:0 0 20px #00ff884d}.nav-link.loading{opacity:.6;pointer-events:none}.nav-link.loading:after{content:"";position:absolute;top:50%;right:8px;width:12px;height:12px;border:2px solid transparent;border-top:2px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite;transform:translateY(-50%)}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.nav-icon{font-size:1.1rem;opacity:.8}.nav-text{font-weight:500}.resume-btn{background:transparent;color:#0f8;border:2px solid #00ff88;padding:.75rem 1.5rem;border-radius:.75rem;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;display:flex;align-items:center;gap:.5rem;min-height:44px}.resume-btn:hover{background:#0f8;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.resume-icon{font-size:1.1rem}.resume-btn{position:absolute;right:2rem}@media (max-width: 768px){.resume-btn{display:none}}.logo-btn{background:linear-gradient(135deg,#0f8,#0ca);color:#000;border:none;padding:.75rem 1.25rem;border-radius:.75rem;cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center}.logo-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00ff884d}.logo-btn:focus{outline:2px solid #00ff88;outline-offset:2px}.mobile-menu-btn{display:none;background:none;border:none;padding:.75rem;cursor:pointer;z-index:1001;min-height:48px;min-width:48px;align-items:center;justify-content:center;position:absolute;right:1rem;border-radius:8px;transition:all .3s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn:focus{outline:2px solid #00ff88;outline-offset:2px}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform-origin:center}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateY(-50%) scale(0)}.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:1px solid rgba(255,255,255,.1)}.mobile-menu.open{right:0;box-shadow:-10px 0 30px #00000080}.mobile-menu-content{padding:6rem 1.5rem 2rem;height:100%;display:flex;flex-direction:column}.mobile-nav-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{margin-bottom:0}.mobile-nav-link{display:flex;align-items:center;background:none;border:none;color:#fff;text-decoration:none;padding:1.25rem 1rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:1.1rem;font-weight:500;width:100%;text-align:left;gap:1rem;min-height:64px;position:relative;overflow:hidden}.mobile-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ff881a,#00ccaa1a);opacity:0;transition:opacity .3s ease}.mobile-nav-link:hover:before,.mobile-nav-link.active:before{opacity:1}.mobile-nav-link:hover,.mobile-nav-link.active{color:#0f8;transform:translate(8px);box-shadow:0 4px 12px #0f83}.mobile-nav-icon{font-size:1.4rem;min-width:28px;position:relative;z-index:1}.mobile-nav-text{flex:1;font-weight:500;position:relative;z-index:1}.mobile-resume-btn{background:transparent;color:#0f8;border:2px solid #00ff88;padding:1.25rem 1.5rem;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:2rem;min-height:64px;font-size:1.1rem;position:relative;overflow:hidden}.mobile-resume-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);transition:left .5s ease}.mobile-resume-btn:hover:before{left:100%}.mobile-resume-btn:hover{background:#0f8;color:#000;transform:translateY(-2px);box-shadow:0 8px 20px #0f86}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}@media (max-width: 768px){.nav-container{padding:.75rem 1rem;justify-content:space-between}.mobile-menu-btn{display:flex}.nav-menu{gap:1rem}.nav-link{padding:.5rem .75rem;font-size:.9rem}.mobile-menu{width:100%;right:-100%}.mobile-menu.open{right:0}.mobile-menu-content{padding:5rem 1rem 2rem}}@media (max-width: 480px){.mobile-menu-btn{right:.75rem;padding:.5rem;min-height:44px;min-width:44px}.hamburger{width:20px;height:16px}.hamburger span{height:2px}.mobile-menu-content{padding:4.5rem 1rem 2rem}.mobile-nav-link{padding:1rem .75rem;font-size:1rem;min-height:56px}.mobile-resume-btn{padding:1rem 1.25rem;font-size:1rem;min-height:56px}}.nav-link:focus,.mobile-nav-link:focus,.resume-btn:focus,.mobile-resume-btn:focus{outline:2px solid #00ff88;outline-offset:2px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-nav-item{animation:slideInFromRight .3s ease forwards}.mobile-nav-item:nth-child(1){animation-delay:.1s}.mobile-nav-item:nth-child(2){animation-delay:.2s}.mobile-nav-item:nth-child(3){animation-delay:.3s}.mobile-nav-item:nth-child(4){animation-delay:.4s}.mobile-nav-item:nth-child(5){animation-delay:.5s}.nav-link.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#0f8;border-radius:2px}*{scroll-behavior:smooth}@media (prefers-contrast: high){.nav-link{border:1px solid transparent}.nav-link:hover,.nav-link.active{border-color:#0f8}}@media (prefers-reduced-motion: reduce){.nav-link,.mobile-nav-link,.resume-btn,.mobile-resume-btn,.hamburger span,.mobile-menu,.scroll-progress{transition:none}.mobile-nav-item{animation:none}}.theme-toggle{position:fixed;top:90px;right:20px;z-index:1001;background:none;border:none;cursor:pointer;padding:0}.toggle-container{width:60px;height:30px;background:var(--toggle-bg, #333);border-radius:15px;position:relative;transition:background-color .3s ease;border:2px solid var(--toggle-border, #555)}.toggle-switch{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;background:var(--toggle-switch-bg, #fff);border-radius:50%;transition:left .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.toggle-switch.light{left:2px}.toggle-switch.dark{left:32px}.toggle-icon{font-size:14px;display:flex;align-items:center;justify-content:center}[data-theme=light]{--toggle-bg: #e0e0e0;--toggle-border: #ccc;--toggle-switch-bg: #fff}[data-theme=dark]{--toggle-bg: #333;--toggle-border: #555;--toggle-switch-bg: #1a1a1a}@media (max-width: 768px){.theme-toggle{top:50px;right:15px}.toggle-container{width:50px;height:25px;border-radius:12.5px}.toggle-switch{width:21px;height:21px}.toggle-switch.dark{left:27px}.toggle-icon{font-size:12px}}