:root{--color-primary: #ff6b6b;--color-secondary: #4ecdc4;--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-text: #ffffff;--color-accent: #ffe66d;--toast-bg: var(--color-surface);--toast-color: var(--color-text);--toast-border: var(--color-primary);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);position:relative}[data-theme=pixel] body{font-family:"Press Start 2P",monospace;line-height:1.8}[data-theme=terminal] body{font-family:Courier New,monospace}[data-theme=windows95] body{font-family:"MS Sans Serif",sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md);overflow-x:hidden}.grid{display:grid;gap:var(--space-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.btn-secondary{background-color:var(--color-secondary);color:var(--color-background)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-background)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);font-weight:600}.form-input,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-surface);background-color:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:120px;resize:vertical}.card{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (max-width: 768px){:root{--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.5rem}.container{padding:0 var(--space-sm)}[data-theme=pixel] body{font-size:12px}}.cv-download{margin-top:var(--space-lg);display:inline-flex;align-items:center;gap:var(--space-sm)}.footer-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-top:var(--space-lg)}.project-card{background-color:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;height:100%;display:flex;flex-direction:column}.project-card:hover{box-shadow:0 12px 24px #0000004d}.featured-card{border:2px solid var(--color-primary)}.project-image{position:relative;overflow:hidden;height:200px;background-color:var(--color-background)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);color:var(--color-primary)}.project-card:hover .project-overlay{opacity:1}.project-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.project-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.project-description{opacity:.9;line-height:1.6;margin-bottom:var(--space-md);flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.project-tag{font-size:.875rem;padding:var(--space-xs) var(--space-sm);background-color:var(--color-background);color:var(--color-accent);border-radius:var(--radius-sm)}.project-actions{display:flex;gap:var(--space-md);margin-top:auto}.project-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-background);border:none;border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.project-link:hover{background-color:var(--color-primary);transform:translateY(-2px)}[data-theme=pixel] .project-card{image-rendering:pixelated}[data-theme=pixel] .project-title{font-family:"Press Start 2P",monospace;font-size:1rem;line-height:1.5}[data-theme=arcade] .project-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,0,255,.05) 100%);border:1px solid rgba(255,0,255,.3)}[data-theme=arcade] .project-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #ff00ff80,inset 0 0 20px #00ffff1a}[data-theme=terminal] .project-card{border:1px dashed var(--color-primary);background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.03) 1px,rgba(0,255,0,.03) 2px)}[data-theme=windows95] .project-card{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}.konami-activated{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;animation:konamiFlash .5s ease-in-out}.konami-text{font-size:3rem;color:var(--color-accent);text-align:center;animation:konamiPulse .5s ease-in-out}@keyframes konamiFlash{0%,to{opacity:0}50%{opacity:1}}@keyframes konamiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=pixel] .konami-text{font-family:"Press Start 2P",monospace;font-size:2rem}.layout{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.main-content{flex:1;padding:var(--space-2xl) 0;position:relative;width:100%;overflow-x:hidden}[data-theme=pixel] .main-content:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;z-index:1}[data-theme=arcade] .main-content{background:radial-gradient(circle at 20% 50%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,255,255,.1) 0%,transparent 50%)}.navbar{position:sticky;top:0;z-index:100;background-color:var(--color-surface);transition:all var(--transition-normal);border-bottom:2px solid transparent}.navbar-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--color-surface-rgb),.9);border-bottom-color:var(--color-primary)}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:80px}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:transform var(--transition-fast)}.navbar-brand:hover{transform:scale(1.05)}.navbar-links{display:flex;gap:var(--space-xl)}.nav-link{color:var(--color-text);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--space-sm)}.mobile-nav{position:fixed;top:80px;right:0;bottom:0;width:300px;max-width:80vw;background-color:var(--color-surface);box-shadow:-4px 0 20px #0000004d;z-index:999;overflow-x:hidden;overflow-y:auto}[data-theme=professional] .mobile-nav,[data-theme=cartoon] .mobile-nav,[data-theme=cyberpunk] .mobile-nav{background-color:var(--color-surface);border-left:2px solid var(--color-primary)}[data-theme-type=light] .mobile-nav{background-color:var(--color-background);box-shadow:-4px 0 20px #0000001a}.mobile-nav-links{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.mobile-nav-link{display:block;padding:var(--space-md);color:var(--color-text);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--color-primary);color:var(--color-background)}[data-theme=pixel] .navbar{image-rendering:pixelated}[data-theme=pixel] .navbar-brand{font-family:"Press Start 2P",monospace;font-size:1rem}[data-theme=arcade] .navbar{background:linear-gradient(90deg,var(--color-surface) 0%,rgba(255,0,255,.1) 50%,var(--color-surface) 100%)}[data-theme=terminal] .navbar{border-bottom:2px solid var(--color-primary);font-family:Courier New,monospace}[data-theme=windows95] .navbar{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-nav{display:block;transform:translate(100%);transition:transform .3s ease-in-out}.mobile-nav-open{transform:translate(0)!important}}@media (min-width: 769px){.mobile-only{display:none!important}.mobile-nav{display:none}}[data-theme=professional] .mobile-menu-btn,[data-theme=cartoon] .mobile-menu-btn{color:var(--color-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;padding:8px}[data-theme=cyberpunk] .mobile-menu-btn{color:#00d4ff;background:#00d4ff1a;border:1px solid #00d4ff;border-radius:4px;padding:8px}.footer{background-color:var(--color-surface);border-top:2px solid var(--color-primary);margin-top:auto;padding:var(--space-2xl) 0 var(--space-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--space-md)}.footer-title{font-size:1.75rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.footer-subtitle{font-size:1.1rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.footer-description{opacity:.8;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link{color:var(--color-text);text-decoration:none;opacity:.8;transition:all var(--transition-fast)}.footer-link:hover{color:var(--color-primary);opacity:1;transform:translate(4px)}.social-links{display:flex;gap:var(--space-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-background);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.social-link:hover{background-color:var(--color-primary);transform:translateY(-4px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{display:flex;align-items:center;gap:var(--space-sm);opacity:.8}.heart-icon{color:var(--color-primary);animation:heartbeat 1.5s ease-in-out infinite}.footer-hint{font-size:.875rem;opacity:.6}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[data-theme=pixel] .footer{image-rendering:pixelated}[data-theme=pixel] .footer-title{font-family:"Press Start 2P",monospace;font-size:1.2rem}[data-theme=arcade] .footer{background:linear-gradient(180deg,var(--color-surface) 0%,rgba(255,0,255,.05) 100%)}[data-theme=terminal] .footer{font-family:Courier New,monospace;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,0,.03) 1px,rgba(0,255,0,.03) 2px)}[data-theme=windows95] .footer{border:2px solid;border-color:#808080 #ffffff #ffffff #808080;box-shadow:inset -1px -1px #000,inset 1px 1px #dfdfdf}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--space-xl)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}.home-page{min-height:100vh}.stats-section{padding:var(--space-2xl) 0;background-color:var(--color-surface)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.stat-card{text-align:center;padding:var(--space-xl);background-color:var(--color-background);border-radius:var(--radius-md);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.stat-icon{color:var(--color-primary);margin-bottom:var(--space-md)}.stat-value{font-size:2.5rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.stat-label{opacity:.8}.cta-section{padding:var(--space-2xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;margin-bottom:var(--space-md);color:var(--color-background)}.cta-description{font-size:1.125rem;margin-bottom:var(--space-xl);opacity:.9;color:var(--color-background)}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}[data-theme=pixel] .stat-value{font-family:"Press Start 2P",monospace;font-size:1.5rem}[data-theme=arcade] .stat-card{background:linear-gradient(135deg,#ff00ff1a,#00ffff1a);border:2px solid var(--color-primary)}[data-theme=terminal] .cta-section{background:var(--color-surface);border:2px dashed var(--color-primary)}[data-theme=terminal] .cta-title,[data-theme=terminal] .cta-description{color:var(--color-primary)}[data-theme=windows95] .stat-card{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.cta-title{font-size:1.75rem}.cta-buttons{flex-direction:column;width:100%}.cta-buttons .btn{width:100%}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-1}.hero-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--space-xl)}.hero-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-lg);color:var(--color-primary);position:relative}.cursor{animation:blink 1s infinite;color:var(--color-accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:1.25rem;color:var(--color-secondary);margin-bottom:var(--space-xl)}.hero-description{font-size:1.125rem;line-height:1.8;opacity:.9;max-width:600px;margin:0 auto var(--space-2xl)}.scroll-indicator{background:none;border:2px solid var(--color-primary);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary);animation:bounce 2s infinite;transition:all var(--transition-normal)}.scroll-indicator:hover{transform:translateY(4px);border-color:var(--color-secondary);color:var(--color-secondary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pixel-bg{background-color:#0a0a0a;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 4px)}.pixel-star{position:absolute;width:4px;height:4px;background:var(--color-accent);animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:0}50%{opacity:1}}.arcade-bg{background:#0a0a0a;position:relative}.arcade-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,0,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 10s linear infinite}.arcade-glow{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%)}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.terminal-bg{background:#000;color:#0f0;font-family:Courier New,monospace}.terminal-text{position:absolute;top:20%;left:5%;font-size:.875rem;opacity:.3;white-space:pre;animation:type 4s steps(40,end) infinite}@keyframes type{0%{width:0}to{width:100%}}.win95-bg{background:teal}.win95-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}[data-theme=pixel] .hero-title{font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3vw,2rem);line-height:1.8}[data-theme=arcade] .hero-title{text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 30px var(--color-primary)}[data-theme=terminal] .hero-title{font-family:Courier New,monospace;text-transform:uppercase}[data-theme=windows95] .hero{background-color:silver}[data-theme=windows95] .hero-content{background:#fff;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000;padding:var(--space-2xl)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal-content{background-color:var(--color-surface);border-radius:var(--radius-lg);max-width:1000px;max-height:90vh;width:100%;overflow:hidden;position:relative}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-background);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);z-index:10;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-primary);transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1fr;height:100%}.modal-images{background:var(--color-background);display:flex;align-items:center;justify-content:center;position:relative}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;max-height:90vh;object-fit:contain}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.image-nav:hover{background:var(--color-primary)}.image-nav-prev{left:var(--space-md)}.image-nav-next{right:var(--space-md)}.image-indicators{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);display:flex;gap:var(--space-sm)}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all var(--transition-fast)}.indicator.active{background:var(--color-primary);transform:scale(1.5)}.modal-info{padding:var(--space-2xl);display:flex;flex-direction:column;overflow-y:auto}.modal-title{font-size:2rem;color:var(--color-primary);margin-bottom:var(--space-md)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.modal-tag{padding:var(--space-xs) var(--space-md);background:var(--color-background);color:var(--color-accent);border-radius:var(--radius-sm);font-size:.875rem}.modal-description{flex:1;margin-bottom:var(--space-xl);line-height:1.8;opacity:.9}.modal-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}[data-theme=pixel] .modal-content{image-rendering:pixelated;border:4px solid var(--color-primary)}[data-theme=pixel] .modal-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;line-height:1.8}[data-theme=arcade] .modal-content{border:2px solid var(--color-primary);box-shadow:0 0 30px #ff00ff80,inset 0 0 30px #00ffff1a}[data-theme=terminal] .modal-content{border:2px dashed var(--color-primary);font-family:Courier New,monospace}[data-theme=windows95] .modal-content{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}[data-theme=windows95] .modal-close{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}@media (max-width: 768px){.modal-body{grid-template-columns:1fr}.modal-images{min-height:300px}.modal-info{padding:var(--space-lg)}.modal-title{font-size:1.5rem}}.featured-section{padding:var(--space-2xl) 0}.section-title{font-size:2.5rem;text-align:center;color:var(--color-primary);margin-bottom:var(--space-sm)}.section-subtitle{text-align:center;font-size:1.125rem;opacity:.8;margin-bottom:var(--space-2xl)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.section-footer{text-align:center}.loading-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.skeleton-card{height:400px;background:linear-gradient(90deg,var(--color-surface) 25%,rgba(255,255,255,.1) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=pixel] .section-title{font-family:"Press Start 2P",monospace;font-size:1.5rem;line-height:1.8}[data-theme=arcade] .section-title{background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=terminal] .featured-section{position:relative}[data-theme=terminal] .featured-section:before{content:"> FEATURED_PROJECTS.exe";position:absolute;top:0;left:var(--space-md);font-family:Courier New,monospace;font-size:.875rem;color:var(--color-primary);opacity:.5}[data-theme=windows95] .featured-grid{background:silver;padding:var(--space-lg);border:2px solid;border-color:#ffffff #808080 #808080 #ffffff}.projects-page{min-height:100vh;padding:var(--space-2xl) 0}.page-title{font-size:3rem;text-align:center;color:var(--color-primary);margin-bottom:var(--space-sm)}.page-subtitle{text-align:center;font-size:1.25rem;opacity:.8;margin-bottom:var(--space-2xl)}.projects-controls{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.search-box{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:2px solid transparent;transition:border-color var(--transition-fast)}.search-box:focus-within{border-color:var(--color-primary)}.search-input{flex:1;background:none;border:none;color:var(--color-text);font-size:1rem;outline:none}.filter-tags{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-tag{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.filter-tag:hover{border-color:var(--color-primary)}.filter-tag.active{background:var(--color-primary);color:var(--color-background)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl)}.no-results{text-align:center;padding:var(--space-2xl)}.no-results p{font-size:1.25rem;margin-bottom:var(--space-lg);opacity:.8}[data-theme=pixel] .page-title{font-family:"Press Start 2P",monospace;font-size:2rem;line-height:1.8}[data-theme=arcade] .search-box{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,0,255,.1) 100%)}[data-theme=terminal] .projects-controls{font-family:Courier New,monospace}[data-theme=terminal] .search-box:before{content:"$ ";color:var(--color-primary)}[data-theme=windows95] .search-box,[data-theme=windows95] .filter-tag{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.page-title{font-size:2rem}.projects-controls{gap:var(--space-md)}.filter-tags{width:100%;overflow-x:auto;padding-bottom:var(--space-sm)}}.admin-panel{min-height:100vh;padding:var(--space-2xl) 0}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-surface);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl)}.admin-title{font-size:2.5rem;color:var(--color-primary)}.admin-section{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}.section-title{font-size:1.5rem;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);color:var(--color-secondary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.theme-option{background:var(--color-background);border:2px solid transparent;border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.theme-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.2)}.theme-preview{height:80px;border-radius:var(--radius-sm);margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:center}.theme-colors{display:flex;gap:var(--space-sm)}.theme-colors span{width:20px;height:20px;border-radius:50%}.theme-name{display:block;font-weight:600;color:var(--color-text)}.theme-type{display:block;font-size:.875rem;opacity:.6}.projects-table{display:flex;flex-direction:column;gap:var(--space-md)}.project-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);transition:all var(--transition-fast)}.project-row:hover{transform:translate(4px)}.project-thumb{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.project-info{flex:1}.project-info h3{color:var(--color-primary);margin-bottom:var(--space-xs)}.project-info p{font-size:.875rem;opacity:.8;margin-bottom:var(--space-sm)}.mini-tag{display:inline-block;font-size:.75rem;padding:2px 8px;background:var(--color-surface);color:var(--color-accent);border-radius:var(--radius-sm);margin-right:var(--space-xs)}.project-actions{display:flex;gap:var(--space-sm)}.action-btn{width:36px;height:36px;border:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.action-btn.edit{background:var(--color-secondary);color:#fff}.action-btn.edit:hover{transform:scale(1.1)}.action-btn.delete{background:#ff4757;color:#fff}.action-btn.delete:hover{transform:scale(1.1)}[data-theme=pixel] .admin-title{font-family:"Press Start 2P",monospace;font-size:1.5rem}[data-theme=terminal] .admin-section{border:2px dashed var(--color-primary)}[data-theme=windows95] .admin-section{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.admin-header{flex-direction:column;gap:var(--space-md);text-align:center}.section-header{flex-direction:column;gap:var(--space-md)}.project-row{flex-direction:column;text-align:center}.project-thumb{width:100px;height:100px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.login-container{width:100%;max-width:400px;background:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d}.login-header{text-align:center;margin-bottom:var(--space-2xl)}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-primary);color:var(--color-background);border-radius:50%;margin-bottom:var(--space-lg)}.login-title{font-size:2rem;color:var(--color-primary);margin-bottom:var(--space-sm)}.login-subtitle{opacity:.8}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-weight:600}.form-input.error{border-color:#ff4757}.form-error{display:block;color:#ff4757;font-size:.875rem;margin-top:var(--space-xs)}.login-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff47571a;color:#ff4757;border-radius:var(--radius-sm);font-size:.875rem}.login-btn{width:100%;padding:var(--space-md);font-size:1.1rem}.login-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner.small{width:16px;height:16px;border-width:2px;display:inline-block}.login-hint{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;opacity:.6}[data-theme=pixel] .login-container{image-rendering:pixelated;border:4px solid var(--color-primary)}[data-theme=pixel] .login-title{font-family:"Press Start 2P",monospace;font-size:1.2rem;line-height:1.8}[data-theme=arcade] .login-container{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,0,255,.1) 100%);border:2px solid var(--color-primary);box-shadow:0 0 30px #ff00ff80,inset 0 0 30px #00ffff1a}[data-theme=terminal] .login-container{border:2px dashed var(--color-primary);font-family:Courier New,monospace}[data-theme=terminal] .login-form:before{content:"> LOGIN.exe";display:block;color:var(--color-primary);margin-bottom:var(--space-md);font-size:.875rem}[data-theme=windows95] .login-container{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}[data-theme=windows95] .login-header{background:navy;color:#fff;margin:calc(var(--space-2xl) * -1);margin-bottom:var(--space-2xl);padding:var(--space-md)}[data-theme=windows95] .login-icon{background:silver;color:navy}.form-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);overflow-y:auto}.form-container{background:var(--color-surface);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.form-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.form-header h2{font-size:1.75rem;color:var(--color-primary)}.form-close{background:var(--color-background);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all var(--transition-fast)}.form-close:hover{background:var(--color-primary);transform:rotate(90deg)}.project-form{padding:var(--space-xl)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.tag-input-group{display:flex;gap:var(--space-sm)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.tag-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-background);color:var(--color-accent);border-radius:var(--radius-sm);font-size:.875rem}.tag-item button{background:none;border:none;color:var(--color-text);cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.tag-item button:hover{opacity:1}.images-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.image-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm)}.image-item img{width:100%;height:100%;object-fit:cover}.image-item button{position:absolute;top:var(--space-xs);right:var(--space-xs);background:#ff4757e6;border:none;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.image-item:hover button{opacity:1}.form-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}[data-theme=pixel] .form-container{border:4px solid var(--color-primary)}[data-theme=arcade] .form-container{border:2px solid var(--color-primary);box-shadow:0 0 30px #ff00ff80,inset 0 0 30px #00ffff1a}[data-theme=terminal] .form-container{border:2px dashed var(--color-primary);font-family:Courier New,monospace}[data-theme=windows95] .form-container{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.services-page{min-height:100vh;padding:var(--space-2xl) 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-bottom:var(--space-2xl)}.service-card{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);transition:all var(--transition-normal);text-align:center}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.service-icon{width:80px;height:80px;margin:0 auto var(--space-lg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-background)}.service-title{font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--space-md)}.service-description{opacity:.9;margin-bottom:var(--space-lg);line-height:1.6}.service-features{list-style:none;text-align:left}.service-features li{padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;opacity:.8}.service-features li:before{content:"▸";position:absolute;left:0;color:var(--color-accent)}.process-section{padding:var(--space-2xl) 0}.process-timeline{max-width:800px;margin:0 auto}.process-item{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);position:relative}.process-item:not(:last-child):after{content:"";position:absolute;left:25px;top:50px;bottom:-30px;width:2px;background:var(--color-primary);opacity:.3}.process-number{width:50px;height:50px;background:var(--color-primary);color:var(--color-background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.process-content h4{color:var(--color-secondary);margin-bottom:var(--space-sm);font-size:1.25rem}.process-content p{opacity:.8}.cta-icon{color:var(--color-primary);margin-bottom:var(--space-md)}[data-theme=pixel] .service-card{image-rendering:pixelated;border:2px solid var(--color-primary)}[data-theme=pixel] .service-title{font-family:"Press Start 2P",monospace;font-size:1rem;line-height:1.5}[data-theme=pixel] .service-icon{border-radius:0}[data-theme=arcade] .service-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,0,255,.05) 100%);border:1px solid rgba(255,0,255,.3)}[data-theme=arcade] .service-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #ff00ff80,inset 0 0 20px #00ffff1a}[data-theme=terminal] .service-card{border:1px dashed var(--color-primary);font-family:Courier New,monospace}[data-theme=terminal] .service-features li:before{content:"$ "}[data-theme=windows95] .service-card{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.process-item{flex-direction:column;text-align:center}.process-item:not(:last-child):after{display:none}.process-number{margin:0 auto}}.about-page{min-height:100vh;padding:var(--space-2xl) 0}.about-content{max-width:900px;margin:0 auto}.profile-section{display:flex;gap:var(--space-2xl);align-items:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-lg)}.profile-image{position:relative;flex-shrink:0}.profile-image img{width:200px;height:200px;border-radius:var(--radius-lg);object-fit:cover}.profile-status{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:var(--color-background);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;white-space:nowrap}.status-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:pulse 2s infinite}.profile-info h2{font-size:2rem;color:var(--color-primary);margin-bottom:var(--space-md)}.profile-tagline,.profile-location{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);opacity:.9}.tabs-section{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden}.tabs{display:flex;border-bottom:2px solid var(--color-background)}.tab{flex:1;padding:var(--space-md) var(--space-lg);background:none;border:none;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);font-size:1rem;font-family:inherit}.tab:hover{background:var(--color-background)}.tab.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);margin-bottom:-2px}.tab-content{padding:var(--space-2xl);min-height:300px}.story-content p{margin-bottom:var(--space-lg);line-height:1.8}.skill-category{margin-bottom:var(--space-xl)}.skill-category h3{color:var(--color-secondary);margin-bottom:var(--space-md)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skill-tag{padding:var(--space-xs) var(--space-md);background:var(--color-background);color:var(--color-accent);border-radius:var(--radius-sm);font-size:.875rem}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.interest-item{text-align:center}.interest-icon{color:var(--color-primary);margin-bottom:var(--space-sm)}.interest-item h4{color:var(--color-secondary);margin-bottom:var(--space-xs)}.interest-item p{font-size:.875rem;opacity:.8}.fun-facts{list-style:none}.fun-facts li{padding:var(--space-md) 0;padding-left:var(--space-xl);position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.fun-facts li:before{content:"🎮";position:absolute;left:0}.about-footer{text-align:center;margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--color-surface);border-radius:var(--radius-lg)}.inline-heart{display:inline-block;color:var(--color-primary);animation:heartbeat 1.5s ease-in-out infinite}[data-theme=pixel] .profile-image img{image-rendering:pixelated;border-radius:0}[data-theme=pixel] .tabs{font-family:"Press Start 2P",monospace;font-size:.75rem}[data-theme=arcade] .profile-status{background:linear-gradient(90deg,#f0f3,#0ff3);border:1px solid var(--color-primary)}[data-theme=terminal] .tab-content{font-family:Courier New,monospace}[data-theme=terminal] .fun-facts li:before{content:"> ";color:var(--color-primary)}[data-theme=windows95] .tabs-section{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center}.tabs{flex-wrap:wrap}.tab{flex:1 1 50%}}.contact-page{min-height:100vh;padding:var(--space-2xl) 0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);max-width:1000px;margin:0 auto}.contact-form-section{background:var(--color-surface);padding:var(--space-2xl);border-radius:var(--radius-lg)}.form-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.form-icon,.form-header h2{color:var(--color-primary)}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.submit-btn{width:100%;padding:var(--space-md);font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.contact-info-section{display:flex;flex-direction:column;gap:var(--space-xl)}.info-header h2{color:var(--color-primary);margin-bottom:var(--space-sm)}.info-header p{opacity:.8}.contact-cards{display:flex;flex-direction:column;gap:var(--space-md)}.contact-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast)}.contact-card:hover{transform:translate(8px);background:var(--color-background)}.contact-icon{color:var(--color-primary);flex-shrink:0}.contact-card h4{color:var(--color-secondary);margin-bottom:var(--space-xs)}.contact-card p{font-size:.875rem;opacity:.8}.availability-card,.location-card{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-md)}.availability-header,.location-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-secondary)}.availability-card p,.location-card p{margin-bottom:var(--space-sm);opacity:.9}[data-theme=pixel] .contact-form-section{border:4px solid var(--color-primary)}[data-theme=pixel] .form-header h2{font-family:"Press Start 2P",monospace;font-size:1rem;line-height:1.5}[data-theme=arcade] .contact-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(255,0,255,.05) 100%);border:1px solid transparent}[data-theme=arcade] .contact-card:hover{border-color:var(--color-primary);box-shadow:0 0 10px #ff00ff4d}[data-theme=terminal] .contact-form:before{content:"$ send_message";display:block;color:var(--color-primary);font-family:Courier New,monospace;margin-bottom:var(--space-md);font-size:.875rem}[data-theme=windows95] .contact-form-section,[data-theme=windows95] .contact-card,[data-theme=windows95] .availability-card,[data-theme=windows95] .location-card{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px #000}@media (max-width: 768px){.contact-content,.form-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}