/*!
 * Sirhcle Apps - Main Stylesheet
 * Imports all modular CSS files
 *//*!
* CRITICAL CSS - Loading Screen Only
* This CSS is inlined in Layout.astro for instant loading
*/:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a2e;--text-primary: #ffffff;--text-secondary: #cbd5e1;--accent-primary: #64ffda;--accent-secondary: #4ecdc4;--accent-success: #10b981;--border-primary: #374151;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1f2937;--text-secondary: #4b5563;--accent-primary: #0066cc;--accent-secondary: #0ea5e9;--border-primary: #e5e7eb}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.loading-overlay.hide{opacity:0;pointer-events:none}.loading-brand{font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.5rem;font-weight:600;color:var(--accent-primary);margin-bottom:2rem;text-align:center;animation:brandPulse 2s ease-in-out infinite;letter-spacing:.05em}.loading-brand .logo-bracket{color:var(--accent-secondary);font-weight:700}.loader{width:50px;height:50px;border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.loading-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;opacity:.9;animation:textPulse 2.5s ease-in-out infinite;text-align:center;letter-spacing:.025em}@keyframes brandPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes textPulse{0%,to{opacity:.9}50%{opacity:.6}}@media (max-width: 768px){.loading-brand{font-size:1.25rem;margin-bottom:1.5rem}.loader{width:40px;height:40px;margin-bottom:1rem}.loading-text{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:opacity .2s ease}.loader{animation:none;border-top-color:var(--accent-primary)}.loading-brand,.loading-text{animation:none}}/*!
* CSS Custom Properties (Variables)
* Design System for Sirhcle Apps Portfolio
*/:root{--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-primary: "Inter", var(--font-system);--font-code: "JetBrains Mono", "SF Mono", "Monaco", "Inconsolata", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 9999}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #16213e;--bg-elevated: #1e293b;--bg-overlay: rgba(10, 10, 10, .9);--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--accent-primary: #64ffda;--accent-secondary: #ff6b6b;--accent-tertiary: #4ecdc4;--accent-warning: #ffd93d;--accent-success: #6bcf7f;--accent-info: #4dabf7;--color-focus: #64ffda;--color-link: #64ffda;--color-link-hover: #4ecdc4;--color-button-hover: rgba(100, 255, 218, .1);--border-primary: rgba(100, 255, 218, .2);--border-secondary: rgba(203, 213, 225, .1);--divider: rgba(203, 213, 225, .08);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .25);--shadow-accent: 0 8px 32px rgba(100, 255, 218, .15);--shadow-accent-lg: 0 20px 40px rgba(100, 255, 218, .2);--gradient-primary: linear-gradient(135deg, #64ffda 0%, #4ecdc4 100%);--gradient-secondary: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);--gradient-hero: linear-gradient(135deg, rgba(100, 255, 218, .1) 0%, rgba(78, 205, 196, .05) 100%)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-elevated: #f8fafc;--bg-overlay: rgba(255, 255, 255, .95);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--accent-primary: #0066cc;--accent-secondary: #dc2626;--accent-tertiary: #0891b2;--accent-warning: #d97706;--accent-success: #059669;--accent-info: #2563eb;--color-focus: #0066cc;--color-link: #0066cc;--color-link-hover: #0052a3;--color-button-hover: rgba(0, 102, 204, .08);--border-primary: rgba(0, 102, 204, .2);--border-secondary: rgba(148, 163, 184, .3);--divider: rgba(148, 163, 184, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-accent: 0 8px 32px rgba(0, 102, 204, .12);--shadow-accent-lg: 0 20px 40px rgba(0, 102, 204, .15);--gradient-primary: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);--gradient-secondary: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gradient-hero: linear-gradient(135deg, rgba(0, 102, 204, .05) 0%, rgba(0, 82, 163, .02) 100%)}/*!
* Reset & Base Styles
* Foundation styles for consistent cross-browser behavior
*/*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}ul,ol{list-style:none}button{background:none;border:none;font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}/*!
* Typography System
* Font definitions, sizes, and text styles
*/h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--spacing-base)}h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin-bottom:var(--spacing-base);line-height:1.7}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.font-primary{font-family:var(--font-primary)}.font-code{font-family:var(--font-code)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}code,pre{font-family:var(--font-code);font-size:.9rem}code{background:var(--bg-tertiary);padding:.2em .4em;border-radius:var(--border-radius-sm);color:var(--accent-primary)}pre{background:var(--bg-tertiary);padding:var(--spacing-base);border-radius:var(--border-radius);overflow-x:auto;line-height:1.6}pre code{background:none;padding:0;color:var(--text-primary)}/*!
* Theme System
* System preference detection and theme switching
*/@media (prefers-color-scheme: light){:root:not([data-theme]){--bg-primary: #ffffff;--text-primary: #0f172a;--accent-primary: #0066cc}}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #0a0a0a;--text-primary: #ffffff;--accent-primary: #64ffda}}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}@media (prefers-contrast: high){:root{--border-primary: currentColor;--border-secondary: currentColor}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}}/*!
* Accessibility Features
* Focus management, reduced motion, screen readers
*/:focus{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.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}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:var(--bg-primary);padding:8px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;z-index:var(--z-toast);transition:top var(--transition-fast)}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-overlay{display:none!important}}@media (forced-colors: active){.btn-primary,.btn-secondary{border:1px solid ButtonText}}button,input,select,textarea,.btn-primary,.btn-secondary,.nav-link{min-height:44px;min-width:44px}.hero-title,.section-title,p{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}/*!
* Navigation Component
* Navbar, mobile menu, and theme toggle
*/.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:var(--bg-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-base);will-change:background-color}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base) 0;min-height:70px;padding-left:2%;padding-right:2%}.nav-logo{font-family:var(--font-code);font-size:1.2rem;font-weight:500;display:flex;align-items:center;gap:.75rem;color:var(--text-primary);text-decoration:none}.logo-bracket{color:var(--accent-primary);font-weight:600}.logo-name{margin:0 .5rem;font-weight:600}.logo-brand{font-family:var(--font-primary);font-size:.9rem;color:var(--accent-primary);font-weight:400;padding-left:.75rem;border-left:2px solid var(--accent-primary);opacity:.9}.nav-menu{display:flex;align-items:center;gap:var(--spacing-xl);margin-left:auto;margin-right:var(--spacing-xl)}.nav-link{position:relative;color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem 0;transition:color var(--transition-base)}.nav-link:hover,.nav-link:focus{color:var(--accent-primary)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link:focus:after{width:100%}.theme-toggle{display:flex;align-items:center}.theme-btn{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:25px;width:60px;height:32px;position:relative;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:space-between;padding:2px 4px;overflow:hidden;box-sizing:border-box;vertical-align:middle}.theme-btn:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-accent);transform:scale(1.02)}.theme-btn:focus{box-shadow:var(--shadow-accent),0 0 0 2px var(--color-focus)}.theme-icon{font-size:.75rem;transition:all var(--transition-base);z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;position:relative}.theme-slider{position:absolute;top:50%;left:4px;width:24px;height:24px;background:var(--accent-primary);border-radius:50%;transition:transform var(--transition-base) var(--easing-bounce);z-index:1;box-shadow:var(--shadow-sm);transform:translateY(-50%)}[data-theme=dark] .theme-slider{transform:translate(26px) translateY(-50%)}[data-theme=dark] .theme-icon.moon{opacity:1;color:var(--bg-primary)}[data-theme=dark] .theme-icon.sun{opacity:.4}[data-theme=light] .theme-slider{transform:translate(0) translateY(-50%)}[data-theme=light] .theme-icon.sun{opacity:1;color:var(--bg-primary)}[data-theme=light] .theme-icon.moon{opacity:.4}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.bar{width:25px;height:2px;background:var(--text-primary);transition:all var(--transition-base);border-radius:1px}.nav-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.loading-overlay.hide{display:none!important}.nav-container{padding-left:var(--spacing-base);padding-right:var(--spacing-base);max-width:100vw;overflow:hidden}.nav-menu{display:none}.nav-menu-mobile{position:fixed;top:70px;left:-100vw;width:100vw;height:calc(100vh - 70px);background:var(--bg-overlay);backdrop-filter:blur(10px);display:none;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:var(--spacing-xl);padding-left:0;padding-right:0;transition:left var(--transition-base);margin:0;box-sizing:border-box;z-index:10000}.nav-menu-mobile.active{left:0}.nav-menu-mobile{display:flex}.nav-menu-mobile .nav-link{padding:var(--spacing-base) var(--spacing-lg);font-size:1.1rem;font-weight:600;text-align:center;width:100%;border-bottom:1px solid var(--border-secondary);transition:all var(--transition-base);color:var(--text-primary)!important;text-decoration:none;display:block}.nav-menu-mobile .nav-link:hover{background:var(--bg-card);color:var(--accent-primary)!important}.nav-link{padding:var(--spacing-base) var(--spacing-lg);font-size:1.1rem;font-weight:600;text-align:center;width:100%;border-bottom:1px solid var(--border-secondary);transition:all var(--transition-base);color:var(--text-primary)!important;text-decoration:none;display:block}.nav-link:hover{background:var(--bg-card);color:var(--accent-primary)!important}.nav-toggle{display:flex}.theme-toggle{order:-1;margin-right:var(--spacing-base);margin-left:0}.logo-brand{display:none}}@media (max-width: 480px){.nav-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);min-height:60px}.nav-logo{font-size:1rem}.theme-btn{width:50px;height:28px}.theme-slider{width:20px;height:20px}[data-theme=dark] .theme-slider{transform:translate(20px) translateY(-50%)}[data-theme=light] .theme-slider{transform:translate(0) translateY(-50%)}}/*!
* Hero Section Component
* Main hero section with avatar, stats, and CTA
*/.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:90px;padding-bottom:var(--spacing-3xl);background:var(--gradient-hero);overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;pointer-events:none;z-index:1}.code-lines{font-family:var(--font-code);font-size:.8rem;position:absolute;top:20%;right:10%;display:flex;flex-direction:column;gap:.5rem;color:var(--accent-primary);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.hero-content{max-width:100%;padding-right:var(--spacing-base)}.hero-greeting{font-family:var(--font-code);color:var(--accent-primary);margin-bottom:var(--spacing-base);display:flex;align-items:center;gap:.5rem;font-size:1rem}.pixel-cursor{animation:blink 1s infinite;font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-.02em}.hero-brand{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-base);margin:var(--spacing-base) 0;opacity:.8}.brand-line{width:40px;height:2px;background:var(--accent-primary);border-radius:1px}.brand-text{font-family:var(--font-code);color:var(--accent-primary);font-size:1rem;letter-spacing:1px;font-weight:500}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px;line-height:1.7}.hero-cta{display:flex;gap:var(--spacing-base);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--spacing-xl);align-items:center;flex-wrap:wrap}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:var(--accent-primary);font-family:var(--font-code);line-height:1}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}.stat-divider{color:var(--accent-primary);font-size:1.5rem;opacity:.6}.hero-avatar{position:relative;display:flex;justify-content:center;align-items:center;padding-left:var(--spacing-base)}.avatar-container{position:relative;width:300px;height:300px}.avatar-bg{position:absolute;inset:-20px;background:var(--gradient-primary);border-radius:50%;opacity:.2;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.3}}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.avatar-img:hover{transform:scale(1.02)}.avatar-border{position:absolute;inset:-5px;border:3px solid var(--accent-primary);border-radius:50%;z-index:1;opacity:.8}.avatar-brand{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--accent-primary);padding:.5rem 1rem;border-radius:20px;font-family:var(--font-code);font-size:.8rem;border:1px solid var(--border-primary);white-space:nowrap;box-shadow:var(--shadow-base);font-weight:500}@media (max-width: 1400px){.hero-container{max-width:1200px;padding:0 var(--spacing-base)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-2xl);padding:0 var(--spacing-lg)}.hero-content{padding-right:0}.hero-subtitle{margin:0 auto var(--spacing-2xl) auto}.hero-cta,.hero-stats{justify-content:center}.hero-avatar{order:-1;padding-left:0}.avatar-container{width:250px;height:250px}.hero-brand{justify-content:center}}@media (max-width: 768px){.hero{padding-top:100px;min-height:auto;padding-bottom:var(--spacing-2xl)}.hero-cta{flex-direction:column;align-items:center;gap:var(--spacing-base)}.hero-stats{justify-content:center;gap:var(--spacing-base)}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.hero-brand{display:none}.avatar-container{width:200px;height:200px}.avatar-brand{bottom:-30px;font-size:.7rem;padding:.4rem .8rem}}/*!
* Projects Section Component
* Project grid, cards, and tech tags
*/.projects{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{font-size:clamp(1.7rem,4vw,3rem);font-weight:800;margin-bottom:var(--spacing-base);line-height:1.2}.title-bracket{color:var(--accent-primary);font-family:var(--font-code);font-weight:600}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}@media (max-width: 320px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border-radius:var(--border-radius-xl);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--border-primary);box-shadow:var(--shadow-base);position:relative;will-change:transform;contain:layout style paint}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.project-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:none}.project-image{position:relative;overflow:hidden;aspect-ratio:16/10}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;gap:var(--spacing-base);opacity:0;transition:opacity var(--transition-base);contain:layout style paint}.project-card:hover .project-overlay{opacity:1}.project-link{background:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all var(--transition-base);font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.project-link:hover{transform:scale(1.05);box-shadow:var(--shadow-accent)}.demo-link{background:var(--accent-secondary)!important}.project-info{padding:var(--spacing-xl)}.project-type{color:var(--accent-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-base);line-height:1.3}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{background:var(--color-button-hover);color:var(--accent-primary);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;border:1px solid var(--border-primary);font-weight:500;transition:all var(--transition-base)}.tech-tag:hover{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.projects-cta{text-align:center;margin-top:var(--spacing-2xl)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;transform:scale(.9) translateY(20px);transition:all .3s ease}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-primary)}.modal-title{color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin:0;line-height:1.3}.modal-close{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.5rem;font-weight:700}.modal-close:hover{background:var(--accent-secondary);color:var(--bg-primary);transform:scale(1.1)}.modal-content{padding:2rem}.case-study-section{margin-bottom:2rem}.case-study-section:last-child{margin-bottom:0}.case-study-section .section-title{color:var(--accent-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-description{color:var(--text-secondary);line-height:1.6;font-size:1rem}.contribution-list{list-style:none;padding:0;margin:0}.contribution-list li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem;line-height:1.5}.contribution-list li:before{content:"•";color:var(--accent-primary);font-weight:700;position:absolute;left:0;font-size:1.2rem}.tech-stack-modal{display:flex;flex-wrap:wrap;gap:.75rem}.tech-badge{background:var(--bg-secondary);color:var(--accent-primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid var(--border-primary);transition:all .2s ease}.tech-badge:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px)}.modal-trigger{background:var(--accent-secondary)!important;color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:all var(--transition-base);font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer}.modal-trigger:hover{transform:scale(1.05);box-shadow:var(--shadow-accent)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:1;grid-template-columns:1fr}.modal-container{margin:1rem;max-height:85vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title{font-size:1.25rem}.modal-content{padding:1.5rem}.case-study-section .section-title{font-size:1.125rem}}/*!
* Experience Section Styles - Cards Design
*/.experience{padding:6rem 0;background:var(--bg-secondary);position:relative}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 0}@media (max-width: 320px){.experience-grid{grid-template-columns:1fr;gap:1rem}}.experience-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.experience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-primary);opacity:0;transition:opacity .3s ease}.experience-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #00000026;border-color:var(--accent-primary)}.experience-card:hover:before{opacity:1}.experience-card.featured{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(100,255,218,.05) 100%);border-color:var(--accent-primary)}.experience-card.featured:before{opacity:1}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.company-logo{width:3rem;height:3rem;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.company-info{flex:1;min-width:0}.company-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.3}.period{background:var(--accent-primary);color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.role-info{margin-bottom:1.5rem}.role{font-size:1.125rem;font-weight:500;color:var(--accent-primary);margin:0 0 .75rem}.description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.9rem}.projects-section{margin-bottom:1.5rem}.projects-section h5{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.projects-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.375rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color);transition:all .2s ease;white-space:nowrap}.project-tag:hover{background:var(--accent-secondary);color:var(--bg-primary);transform:translateY(-1px)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#64ffda1a;color:var(--accent-primary);padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(100,255,218,.2);transition:all .2s ease;white-space:nowrap}.tech-tag:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 12px #64ffda4d}@media (max-width: 768px){.experience{padding:1rem 0}.experience-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.experience-card{padding:1.5rem}.card-header{gap:.75rem;margin-bottom:1.25rem}.company-logo{width:2.5rem;height:2.5rem;font-size:1.25rem}.company-name{font-size:1.125rem}.role{font-size:1rem}.description{font-size:.875rem}}@media (max-width: 480px){.experience-card{padding:1.25rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.company-logo{align-self:center}.projects-tags,.tech-stack{gap:.375rem}.project-tag,.tech-tag{font-size:.75rem;padding:.25rem .5rem}}.experience-card{opacity:0;transform:translateY(30px);animation:none}.experience-card.animate-in{opacity:1;transform:translateY(0)}.experience-card.featured .company-logo{color:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 20px #64ffda4d}.experience-card.featured .period{background:var(--accent-primary)}/*!
* About Section Component
* About section, skills grid, and code window
*/.about{padding:var(--spacing-3xl) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.about-brand{margin-bottom:var(--spacing-xl)}.brand-subtitle{display:flex;align-items:center;gap:var(--spacing-base);margin-top:var(--spacing-base);font-size:1.2rem}.brand-name{color:var(--text-primary);font-weight:700}.brand-separator{color:var(--accent-primary);font-weight:300;opacity:.8}.brand-company{color:var(--accent-primary);font-family:var(--font-code);font-weight:500}.about-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem;line-height:1.8}.about-highlight{background:var(--color-button-hover);border-left:4px solid var(--accent-primary);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-xl) 0;position:relative}.about-highlight:before{content:"💡";position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);font-size:1.2rem}.about-highlight p{margin:0;font-style:italic;color:var(--text-primary);font-weight:500}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.skill-category h4{color:var(--accent-primary);margin-bottom:var(--spacing-base);font-size:1.1rem;font-weight:700}.skills-list{display:flex;flex-direction:column;gap:.5rem}.skill-item{background:var(--color-button-hover);padding:.75rem var(--spacing-base);border-radius:var(--border-radius);border-left:3px solid var(--accent-primary);font-size:.9rem;transition:all var(--transition-base);font-weight:500}.skill-item:hover{background:var(--accent-primary);color:#fff;transform:translate(5px)}.code-window{background:var(--bg-card);border-radius:var(--border-radius-xl);overflow:hidden;border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-base);will-change:transform}.code-window:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.window-header{background:var(--bg-tertiary);padding:var(--spacing-base) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-primary)}.window-buttons{display:flex;gap:.5rem}.window-btn{width:12px;height:12px;border-radius:50%;transition:opacity var(--transition-base);cursor:pointer}.window-btn:hover{opacity:.8}.window-btn.close{background:#ff5f57}.window-btn.minimize{background:#ffbd2e}.window-btn.maximize{background:#28ca42}.window-title{font-family:var(--font-code);font-size:.9rem;color:var(--accent-primary);font-weight:500}.window-content{padding:var(--spacing-lg);background:var(--bg-tertiary);overflow-x:auto}.code-snippet{font-family:var(--font-code);font-size:.9rem;line-height:1.6;color:var(--text-primary);white-space:pre;overflow-x:auto}[data-theme=dark] .code-comment{color:#7c9885}[data-theme=dark] .code-keyword{color:#ff8a80}[data-theme=dark] .code-variable{color:#82b1ff}[data-theme=dark] .code-property{color:#64ffda}[data-theme=dark] .code-string{color:#c3e88d}[data-theme=dark] .code-boolean,[data-theme=dark] .code-function{color:#ff8a80}[data-theme=dark] .code-function-name{color:#82b1ff}[data-theme=light] .code-comment{color:#6a737d}[data-theme=light] .code-keyword{color:#d73a49}[data-theme=light] .code-variable{color:#6f42c1}[data-theme=light] .code-property{color:#005cc5}[data-theme=light] .code-string{color:#032f62}[data-theme=light] .code-boolean,[data-theme=light] .code-function{color:#d73a49}[data-theme=light] .code-function-name{color:#6f42c1}@media (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.skills-grid{grid-template-columns:1fr}}@media (max-width: 768px){.about{padding:var(--spacing-xl) 0}.about-content{gap:var(--spacing-base)}.brand-subtitle{font-size:1rem;flex-wrap:wrap}}@media (max-width: 480px){.about{padding:var(--spacing-xl) 0}.about-content{gap:var(--spacing-lg)}.about-description{font-size:1rem}.code-window{max-width:100%;overflow:hidden}.window-content{padding:var(--spacing-base)}.code-snippet{font-size:.8rem;white-space:pre-wrap;word-break:break-word}}/*!
* Contact Section Component
* Contact info and contact form
*/.contact{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.contact-brand{margin-top:var(--spacing-base)}.contact-brand .brand-text{font-size:1.2rem;font-weight:600;color:var(--accent-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-base);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.contact-item:hover{border-color:var(--accent-primary);transform:translate(5px);box-shadow:var(--shadow-base)}.contact-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-button-hover);border-radius:var(--border-radius);flex-shrink:0}.contact-details h3{color:var(--accent-primary);margin-bottom:.5rem;font-weight:700}.contact-details p{color:var(--text-secondary);margin-bottom:.25rem}.contact-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.contact-link:hover{color:var(--accent-primary)}.contact-note{display:block;font-size:.85rem;color:var(--accent-primary);font-style:italic;font-weight:500}.availability-status{color:var(--accent-success);font-weight:600}.form-header{text-align:center;margin-bottom:var(--spacing-xl)}.form-header h3{color:var(--accent-primary);margin-bottom:.5rem;font-weight:700}.form-header p{color:var(--text-secondary);font-size:.95rem}.form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-base)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--accent-primary);font-weight:600;font-size:.9rem}.required{color:var(--accent-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-card);border:2px solid var(--border-secondary);border-radius:var(--border-radius);padding:.875rem var(--spacing-base);color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;transition:all var(--transition-base);min-height:48px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #64ffda1a}.form-group input:invalid:not(:focus):not(:placeholder-shown),.form-group textarea:invalid:not(:focus):not(:placeholder-shown){border-color:var(--accent-secondary)}.form-group select:invalid:not(:focus):not([data-pristine]){border-color:var(--accent-secondary)}.form.submitted .form-group input:invalid,.form.submitted .form-group textarea:invalid,.form.submitted .form-group select:invalid{border-color:var(--accent-secondary)}.form-group textarea{resize:vertical;min-height:120px;font-family:var(--font-primary)}.form-hint{font-size:.8rem;color:var(--text-muted)}.error-message{color:var(--accent-secondary);font-size:.8rem;font-weight:500;display:none}.form-group.error .error-message{display:block}.form-group.error input,.form-group.error textarea,.form-group.error select{border-color:var(--accent-secondary)}.form-checkbox{display:flex;align-items:flex-start;gap:.75rem}.form-checkbox input[type=checkbox]{min-width:18px;min-height:18px;margin:0;accent-color:var(--accent-primary)}.form-checkbox label{font-size:.9rem;line-height:1.5;color:var(--text-secondary);font-weight:400}.form-status{padding:var(--spacing-base);border-radius:var(--border-radius);font-weight:500;text-align:center;display:none}.form-status.success{background:#10b9811a;color:var(--accent-success);border:1px solid rgba(16,185,129,.3);display:block}.form-status.error{background:#ef44441a;color:var(--accent-secondary);border:1px solid rgba(239,68,68,.3);display:block}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.service-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.service-tag{background:var(--color-button-hover);color:var(--accent-primary);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}/*!
* Footer Component
* Site footer with links and branding
*/.footer{background:var(--bg-primary);padding:var(--spacing-2xl) 0 var(--spacing-base);border-top:1px solid var(--border-secondary)}.footer-content{text-align:center;margin-bottom:var(--spacing-xl)}.footer-logo{font-family:var(--font-code);font-size:1.5rem;margin-bottom:var(--spacing-base);font-weight:600;color:var(--text-primary)}.footer-logo .logo-bracket{color:var(--accent-primary)}.footer-text{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base);font-weight:500;padding:.5rem;min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--border-secondary);color:var(--text-muted);font-size:.9rem}.footer-pronunciation{margin-top:.5rem}.footer-pronunciation small{color:var(--accent-primary);font-family:var(--font-code)}.pronunciation{font-weight:600}@media (max-width: 768px){.footer-links{flex-direction:column;gap:var(--spacing-base)}}/*!
* Button System
* All button styles and variations
*/.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-base);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;min-height:48px;border:2px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.btn-primary:focus{box-shadow:var(--shadow-accent-lg),0 0 0 2px var(--color-focus)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-pixels{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover .btn-pixels{opacity:1}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent-primary);padding:1rem 2rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer}.btn-secondary:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary:focus{box-shadow:var(--shadow-accent),0 0 0 2px var(--color-focus)}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary);padding:1rem 2rem;border-radius:var(--border-radius-lg);text-decoration:none;font-weight:600;transition:all var(--transition-base);display:inline-block;text-align:center;min-height:48px;cursor:pointer;line-height:1.4}.btn-outline:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-outline:focus{box-shadow:var(--shadow-accent),0 0 0 2px var(--color-focus)}.btn-loading{display:none;align-items:center;gap:.5rem}.btn-primary.loading .btn-text{display:none}.btn-primary.loading .btn-loading{display:flex}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--accent-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base);z-index:var(--z-fixed);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.back-to-top:hover{background:var(--accent-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top:focus{box-shadow:var(--shadow-xl),0 0 0 2px var(--color-focus)}@media (max-width: 768px){.btn-primary,.btn-secondary{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}/*!
* Animation System
* Scroll animations, keyframes, and motion utilities
*/[data-animate]{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}[data-animate=fade-right]{transform:translate(-30px)}[data-animate=fade-left]{transform:translate(30px)}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-down]{transform:translateY(-30px)}[data-animate=fade-in]{transform:scale(.9)}[data-animate=zoom-in]{transform:scale(.8)}[data-animate].animate-in{opacity:1;transform:translate(0) scale(1)}[data-delay="100"].animate-in{transition-delay:.1s}[data-delay="200"].animate-in{transition-delay:.2s}[data-delay="300"].animate-in{transition-delay:.3s}[data-delay="400"].animate-in{transition-delay:.4s}[data-delay="500"].animate-in{transition-delay:.5s}[data-delay="600"].animate-in{transition-delay:.6s}[data-delay="700"].animate-in{transition-delay:.7s}[data-delay="800"].animate-in{transition-delay:.8s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.hero-bg,.avatar-bg,.theme-slider,.btn-pixels,.project-card,.code-window,.back-to-top{will-change:transform;transform:translateZ(0)}.navbar,.theme-btn,.project-overlay{contain:layout style paint}.hero-avatar img,.project-image img{content-visibility:auto;contain-intrinsic-size:300px 300px}/*!
* Helper Utilities
* Responsive utilities, spacing, and common patterns
*/.hide-mobile{display:block}.show-mobile{display:none}@media (max-width: 768px){.hide-mobile{display:none}.show-mobile{display:block}}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-base)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-base)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.avatar-img,.project-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.navbar,.theme-toggle,.back-to-top,.project-overlay,.loading-overlay{display:none!important}.hero{min-height:auto;padding-top:0}*{background:#fff!important;color:#000!important;box-shadow:none!important}.container{max-width:none;padding-left:0;padding-right:0}}.focus-visible-only:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}