/*!
 * Sirhcle Apps - Main Stylesheet
 * Imports all modular CSS files
 */
:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a2e;--text-primary:#fff;--text-secondary:#cbd5e1;--accent-primary:#64ffda;--accent-secondary:#4ecdc4;--accent-success:#10b981;--border-primary:#374151;--shadow-md:0 4px 6px -1px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#1f2937;--text-secondary:#4b5563;--accent-primary:#06c;--accent-secondary:#0ea5e9;--border-primary:#e5e7eb}.loading-overlay{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);z-index:9999;opacity:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.loading-overlay.hide{opacity:0;pointer-events:none}.loading-brand{color:var(--accent-primary);text-align:center;letter-spacing:.05em;margin-bottom:2rem;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1.5rem;font-weight:600;animation:2s ease-in-out infinite brandPulse}.loading-brand .logo-bracket{color:var(--accent-secondary);font-weight:700}.loader{border:3px solid var(--border-primary);border-top:3px solid var(--accent-primary);width:50px;height:50px;box-shadow:var(--shadow-md);border-radius:50%;margin-bottom:1.5rem;animation:1s linear infinite spin}.loading-text{color:var(--text-secondary);opacity:.9;text-align:center;letter-spacing:.025em;font-size:.9rem;font-weight:500;animation:2.5s ease-in-out infinite textPulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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 (width<=768px){.loading-brand{margin-bottom:1.5rem;font-size:1.25rem}.loader{width:40px;height:40px;margin-bottom:1rem}.loading-text{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.loading-overlay{transition:opacity .2s}.loader{border-top-color:var(--accent-primary);animation:none}.loading-brand,.loading-text{animation:none}}: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:#0a0a0ae6;--text-primary:#fff;--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:#64ffda1a;--border-primary:#64ffda33;--border-secondary:#cbd5e11a;--divider:#cbd5e114;--shadow-sm:0 1px 2px 0 #00000080;--shadow-base:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0000004d;--shadow-xl:0 20px 25px -5px #00000040;--shadow-accent:0 8px 32px #64ffda26;--shadow-accent-lg:0 20px 40px #64ffda33;--gradient-primary:linear-gradient(135deg, #64ffda 0%, #4ecdc4 100%);--gradient-secondary:linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);--gradient-hero:linear-gradient(135deg, #64ffda1a 0%, #4ecdc40d 100%)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-elevated:#f8fafc;--bg-overlay:#fffffff2;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#475569;--text-muted:#64748b;--text-disabled:#94a3b8;--accent-primary:#06c;--accent-secondary:#dc2626;--accent-tertiary:#0891b2;--accent-warning:#d97706;--accent-success:#059669;--accent-info:#2563eb;--color-focus:#06c;--color-link:#06c;--color-link-hover:#0052a3;--color-button-hover:#0066cc14;--border-primary:#06c3;--border-secondary:#94a3b84d;--divider:#94a3b833;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-accent:0 8px 32px #0066cc1f;--shadow-accent-lg:0 20px 40px #0066cc26;--gradient-primary:linear-gradient(135deg, #06c 0%, #0052a3 100%);--gradient-secondary:linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gradient-hero:linear-gradient(135deg, #0066cc0d 0%, #0052a305 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6;overflow-x:hidden}ul,ol{list-style:none}button{font:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.container{width:100%;max-width:1200px;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);margin-left:auto;margin-right:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--spacing-base);font-weight:700;line-height:1.2}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-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}code,pre{font-family:var(--font-code);font-size:.9rem}code{background:var(--bg-tertiary);border-radius:var(--border-radius-sm);color:var(--accent-primary);padding:.2em .4em}pre{background:var(--bg-tertiary);padding:var(--spacing-base);border-radius:var(--border-radius);line-height:1.6;overflow-x:auto}pre code{color:var(--text-primary);background:0 0;padding:0}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg-primary:#fff;--text-primary:#0f172a;--accent-primary:#06c}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#0a0a0a;--text-primary:#fff;--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{*{color:#000!important;box-shadow:none!important;background:#fff!important}}: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{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--border-radius);z-index:var(--z-toast);transition:top var(--transition-fast);padding:8px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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-width:44px;min-height:44px}.hero-title,.section-title,p{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.navbar{z-index:var(--z-fixed);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-secondary);transition:background-color var(--transition-base);will-change:background-color;position:fixed;top:0;left:0;right:0}.nav-container{padding:var(--spacing-base) 0;justify-content:space-between;align-items:center;min-height:70px;padding-left:2%;padding-right:2%;display:flex}.nav-logo{font-family:var(--font-code);color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.2rem;font-weight:500;text-decoration:none;display:flex}.logo-bracket{color:var(--accent-primary);font-weight:600}.logo-name{margin:0 .5rem;font-weight:600}.logo-brand{font-family:var(--font-primary);color:var(--accent-primary);border-left:2px solid var(--accent-primary);opacity:.9;padding-left:.75rem;font-size:.9rem;font-weight:400}.nav-menu{align-items:center;gap:var(--spacing-xl);margin-left:auto;margin-right:var(--spacing-xl);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-base);padding:.5rem 0;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link:focus{color:var(--accent-primary)}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-link:hover:after,.nav-link:focus:after{width:100%}.theme-toggle{align-items:center;display:flex}.theme-btn{background:var(--bg-card);border:2px solid var(--border-primary);cursor:pointer;width:60px;height:32px;transition:all var(--transition-base);box-sizing:border-box;vertical-align:middle;border-radius:25px;justify-content:space-between;align-items:center;padding:2px 4px;display:flex;position:relative;overflow:hidden}.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{transition:all var(--transition-base);z-index:2;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:relative}.theme-slider{background:var(--accent-primary);width:24px;height:24px;transition:transform var(--transition-base) var(--easing-bounce);z-index:1;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:50%;left:4px;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{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:.5rem;display:none}.bar{background:var(--text-primary);width:25px;height:2px;transition:all var(--transition-base);border-radius:1px}.nav-toggle.active .bar:first-child{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 (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{background:var(--bg-overlay);backdrop-filter:blur(10px);width:100vw;height:calc(100vh - 70px);padding-top:var(--spacing-xl);transition:left var(--transition-base);box-sizing:border-box;z-index:10000;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding-left:0;padding-right:0;display:none;position:fixed;top:70px;left:-100vw}.nav-menu-mobile.active{left:0}@media (width<=768px){.nav-menu-mobile{display:flex}.nav-menu-mobile .nav-link{padding:var(--spacing-base) var(--spacing-lg);text-align:center;border-bottom:1px solid var(--border-secondary);width:100%;transition:all var(--transition-base);font-size:1.1rem;font-weight:600;text-decoration:none;display:block;color:var(--text-primary)!important}.nav-menu-mobile .nav-link:hover{background:var(--bg-card);color:var(--accent-primary)!important}}.nav-link{padding:var(--spacing-base) var(--spacing-lg);text-align:center;border-bottom:1px solid var(--border-secondary);width:100%;transition:all var(--transition-base);font-size:1.1rem;font-weight:600;text-decoration:none;display:block;color:var(--text-primary)!important}.nav-link:hover{background:var(--bg-card);color:var(--accent-primary)!important}.nav-toggle{display:flex}.theme-toggle{margin-right:var(--spacing-base);order:-1;margin-left:0}.logo-brand{display:none}}@media (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{min-height:100vh;padding-top:90px;padding-bottom:var(--spacing-3xl);background:var(--gradient-hero);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.1;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.code-lines{font-family:var(--font-code);color:var(--accent-primary);flex-direction:column;gap:.5rem;font-size:.8rem;animation:6s ease-in-out infinite float;display:flex;position:absolute;top:20%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-container{z-index:2;gap:var(--spacing-2xl);width:100%;max-width:1400px;padding:0 var(--spacing-lg);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid;position:relative}.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);align-items:center;gap:.5rem;font-size:1rem;display:flex}.pixel-cursor{font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-title{margin-bottom:var(--spacing-lg);letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-brand{justify-content:flex-start;align-items:center;gap:var(--spacing-base);margin:var(--spacing-base) 0;opacity:.8;display:flex}.brand-line{background:var(--accent-primary);border-radius:1px;width:40px;height:2px}.brand-text{font-family:var(--font-code);color:var(--accent-primary);letter-spacing:1px;font-size:1rem;font-weight:500}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:500px;font-size:1.25rem;line-height:1.7}.hero-cta{gap:var(--spacing-base);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--spacing-xl);flex-wrap:wrap;align-items:center;display:flex}.stat{text-align:center}.stat-number{color:var(--accent-primary);font-size:2rem;font-weight:800;font-family:var(--font-code);line-height:1;display:block}.stat-label{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem;font-weight:500}.stat-divider{color:var(--accent-primary);opacity:.6;font-size:1.5rem}.hero-avatar{padding-left:var(--spacing-base);justify-content:center;align-items:center;display:flex;position:relative}.avatar-container{width:300px;height:300px;position:relative}.avatar-bg{background:var(--gradient-primary);opacity:.2;border-radius:50%;animation:3s ease-in-out infinite pulse;position:absolute;inset:-20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.avatar-img{object-fit:cover;z-index:2;width:100%;height:100%;box-shadow:var(--shadow-xl);transition:transform var(--transition-base);border-radius:50%;position:relative}.avatar-img:hover{transform:scale(1.02)}.avatar-border{border:3px solid var(--accent-primary);z-index:1;opacity:.8;border-radius:50%;position:absolute;inset:-5px}.avatar-brand{background:var(--bg-card);color:var(--accent-primary);font-family:var(--font-code);border:1px solid var(--border-primary);white-space:nowrap;box-shadow:var(--shadow-base);border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@media (width<=1400px){.hero-container{max-width:1200px;padding:0 var(--spacing-base)}}@media (width<=1024px){.hero-container{text-align:center;gap:var(--spacing-2xl);padding:0 var(--spacing-lg);grid-template-columns:1fr}.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 (width<=768px){.hero{min-height:auto;padding-top:100px;padding-bottom:var(--spacing-2xl)}.hero-cta{align-items:center;gap:var(--spacing-base);flex-direction:column}.hero-stats{justify-content:center;gap:var(--spacing-base)}}@media (width<=480px){.hero-title{font-size:2.2rem}.hero-brand{display:none}.avatar-container{width:200px;height:200px}.avatar-brand{padding:.4rem .8rem;font-size:.7rem;bottom:-30px}}.projects{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title{margin-bottom:var(--spacing-base);font-size:clamp(1.7rem,4vw,3rem);font-weight:800;line-height:1.2}.title-bracket{color:var(--accent-primary);font-family:var(--font-code);font-weight:600}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.projects-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}@media (width<=320px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border-radius:var(--border-radius-xl);transition:all var(--transition-base);border:1px solid var(--border-primary);box-shadow:var(--shadow-base);will-change:transform;contain:layout style paint;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-xl);border-color:var(--accent-primary);transform:translateY(-8px)}.project-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0;max-width:none;display:grid}.project-image{aspect-ratio:16/10;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{justify-content:center;align-items:center;gap:var(--spacing-base);opacity:0;transition:opacity var(--transition-base);contain:layout style paint;background:#000c;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-link{background:var(--accent-primary);color:#fff;border-radius:var(--border-radius);transition:all var(--transition-base);justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.demo-link{background:var(--accent-secondary)!important}.project-info{padding:var(--spacing-xl)}.project-type{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.project-title{margin-bottom:var(--spacing-base);font-size:1.5rem;font-weight:700;line-height:1.3}.project-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.7}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--color-button-hover);color:var(--accent-primary);border:1px solid var(--border-primary);transition:all var(--transition-base);border-radius:15px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.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{backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;width:100%;max-width:700px;max-height:90vh;transition:all .3s;overflow-y:auto;transform:scale(.9)translateY(20px);box-shadow:0 20px 60px #0000004d}.modal-overlay.active .modal-container{transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;display:flex}.modal-title{color:var(--accent-primary);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.modal-close{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex}.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);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.section-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.contribution-list{margin:0;padding:0;list-style:none}.contribution-list li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;line-height:1.5;position:relative}.contribution-list li:before{content:"•";color:var(--accent-primary);font-size:1.2rem;font-weight:700;position:absolute;left:0}.tech-stack-modal{flex-wrap:wrap;gap:.75rem;display:flex}.tech-badge{background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.tech-badge:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px)}.modal-trigger{color:#fff;border-radius:var(--border-radius);transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;background:var(--accent-secondary)!important}.modal-trigger:hover{box-shadow:var(--shadow-accent);transform:scale(1.05)}.back-link{color:var(--accent-primary);margin-bottom:var(--spacing-xl);transition:transform var(--transition-base);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{transform:translate(-4px)}.project-detail-content{max-width:800px;margin:0 auto}.project-detail-media{border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--border-primary);overflow:hidden}.project-detail-media img{width:100%;height:auto;display:block}.project-detail-header{margin-bottom:var(--spacing-lg)}.project-detail-header .project-tech{margin-top:var(--spacing-base)}.project-detail-description{margin-bottom:var(--spacing-xl);font-size:1.1rem}.project-detail-links{gap:var(--spacing-base);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.project-detail .case-study-section .section-title{justify-content:flex-start}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:1;grid-template-columns:1fr}.modal-container{max-height:85vh;margin:1rem}.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{background:var(--bg-secondary);padding:6rem 0;position:relative}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}@media (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;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.experience-card:before{content:"";background:var(--accent-primary);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.experience-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 20px 48px #00000026}.experience-card:hover:before{opacity:1}.experience-card.featured{background:linear-gradient(135deg, var(--bg-primary) 0%, #64ffda0d 100%);border-color:var(--accent-primary)}.experience-card.featured:before{opacity:1}.card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.company-logo{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.company-info{flex:1;min-width:0}.company-name{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:600;line-height:1.3}.period{background:var(--accent-primary);color:var(--bg-primary);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.role-info{margin-bottom:1.5rem}.role{color:var(--accent-primary);margin:0 0 .75rem;font-size:1.125rem;font-weight:500}.description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.projects-section{margin-bottom:1.5rem}.projects-section h5{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.projects-tags{flex-wrap:wrap;gap:.5rem;display:flex}.project-tag{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;border-radius:8px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.project-tag:hover{background:var(--accent-secondary);color:var(--bg-primary);transform:translateY(-1px)}.tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:var(--accent-primary);white-space:nowrap;background:#64ffda1a;border:1px solid #64ffda33;border-radius:6px;padding:.375rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.tech-tag:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 12px #64ffda4d}@media (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 (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{padding:.25rem .5rem;font-size:.75rem}}.experience-card{opacity:0;animation:none;transform:translateY(30px)}.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{padding:var(--spacing-3xl) 0}.about-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-brand{margin-bottom:var(--spacing-xl)}.brand-subtitle{align-items:center;gap:var(--spacing-base);margin-top:var(--spacing-base);font-size:1.2rem;display:flex}.brand-name{color:var(--text-primary);font-weight:700}.brand-separator{color:var(--accent-primary);opacity:.8;font-weight:300}.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:"💡";top:var(--spacing-lg);right:var(--spacing-lg);font-size:1.2rem;position:absolute}.about-highlight p{color:var(--text-primary);margin:0;font-style:italic;font-weight:500}.skills-grid{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}.skill-category h4{color:var(--accent-primary);margin-bottom:var(--spacing-base);font-size:1.1rem;font-weight:700}.skills-list{flex-direction:column;gap:.5rem;display:flex}.skill-item{background:var(--color-button-hover);padding:.75rem var(--spacing-base);border-radius:var(--border-radius);border-left:3px solid var(--accent-primary);transition:all var(--transition-base);font-size:.9rem;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);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-base);will-change:transform;overflow:hidden}.code-window:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.window-header{background:var(--bg-tertiary);padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.window-buttons{gap:.5rem;display:flex}.window-btn{width:12px;height:12px;transition:opacity var(--transition-base);cursor:pointer;border-radius:50%}.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);color:var(--accent-primary);font-size:.9rem;font-weight:500}.window-content{padding:var(--spacing-lg);background:var(--bg-tertiary);overflow-x:auto}.code-snippet{font-family:var(--font-code);color:var(--text-primary);white-space:pre;font-size:.9rem;line-height:1.6;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 (width<=1024px){.about-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}}@media (width<=768px){.about{padding:var(--spacing-xl) 0}.about-content{gap:var(--spacing-base)}.brand-subtitle{flex-wrap:wrap;font-size:1rem}}@media (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{white-space:pre-wrap;word-break:break-word;font-size:.8rem}}.contact{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.contact-brand{margin-top:var(--spacing-base)}.contact-brand .brand-text{color:var(--accent-primary);font-size:1.2rem;font-weight:600}.contact-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-info{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-item{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);display:flex}.contact-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-base);transform:translate(5px)}.contact-icon{background:var(--color-button-hover);border-radius:var(--border-radius);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.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);transition:color var(--transition-base);text-decoration:none}.contact-link:hover{color:var(--accent-primary)}.contact-note{color:var(--accent-primary);font-size:.85rem;font-style:italic;font-weight:500;display:block}.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{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-row{gap:var(--spacing-base);grid-template-columns:1fr 1fr;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--accent-primary);font-size:.9rem;font-weight:600}.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);transition:all var(--transition-base);min-height:48px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);outline:none;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),.form-group select:invalid:not(:focus):not([data-pristine]),.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{color:var(--text-muted);font-size:.8rem}.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{align-items:flex-start;gap:.75rem;display:flex}.form-checkbox input[type=checkbox]{min-width:18px;min-height:18px;accent-color:var(--accent-primary);margin:0}.form-checkbox label{color:var(--text-secondary);font-size:.9rem;font-weight:400;line-height:1.5}.form-status{padding:var(--spacing-base);border-radius:var(--border-radius);text-align:center;font-weight:500;display:none}.form-status.success{color:var(--accent-success);background:#10b9811a;border:1px solid #10b9814d;display:block}.form-status.error{color:var(--accent-secondary);background:#ef44441a;border:1px solid #ef44444d;display:block}@media (width<=1024px){.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}}@media (width<=768px){.form-row{grid-template-columns:1fr}}.service-list{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.service-tag{background:var(--color-button-hover);color:var(--accent-primary);border-radius:12px;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.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);margin-bottom:var(--spacing-base);color:var(--text-primary);font-size:1.5rem;font-weight:600}.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{justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.footer-links a{color:var(--text-secondary);transition:color var(--transition-base);align-items:center;min-height:44px;padding:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.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 (width<=768px){.footer-links{gap:var(--spacing-base);flex-direction:column}}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-lg);transition:all var(--transition-base);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:var(--shadow-accent-lg);transform:translateY(-2px)}.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{opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff1a 2px 4px);position:absolute;top:0;left:0}.btn-primary:hover .btn-pixels{opacity:1}.btn-secondary{color:var(--text-primary);border:2px solid var(--accent-primary);border-radius:var(--border-radius-lg);transition:all var(--transition-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:48px;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-secondary:focus{box-shadow:var(--shadow-accent), 0 0 0 2px var(--color-focus)}.btn-outline{color:var(--accent-primary);border:2px solid var(--accent-primary);border-radius:var(--border-radius-lg);transition:all var(--transition-base);text-align:center;cursor:pointer;background:0 0;min-height:48px;padding:1rem 2rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-block}.btn-outline:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-2px)}.btn-outline:focus{box-shadow:var(--shadow-accent), 0 0 0 2px var(--color-focus)}.btn-loading{align-items:center;gap:.5rem;display:none}.btn-primary.loading .btn-text{display:none}.btn-primary.loading .btn-loading{display:flex}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.back-to-top{background:var(--accent-primary);color:#fff;cursor:pointer;width:50px;height:50px;transition:all var(--transition-base);z-index:var(--z-fixed);box-shadow:var(--shadow-lg);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top:hover{background:var(--accent-tertiary);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.back-to-top:focus{box-shadow:var(--shadow-xl), 0 0 0 2px var(--color-focus)}@media (width<=768px){.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:280px}}@media (width<=480px){.back-to-top{width:45px;height:45px;bottom:1rem;right:1rem}}[data-animate]{opacity:0;will-change:transform, opacity;transition:all .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}[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 bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-15px)}70%{transform:translateY(-7px)}90%{transform:translateY(-2px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0,0)}}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0,0)}}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-slide-in-left{animation:.6s ease-out slideInLeft}.animate-slide-in-right{animation:.6s ease-out slideInRight}.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}.hide-mobile{display:block}.show-mobile{display:none}@media (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-device-pixel-ratio>=2),(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}*{color:#000!important;box-shadow:none!important;background:#fff!important}.container{max-width:none;padding-left:0;padding-right:0}}.focus-visible-only:focus:not(:focus-visible){outline:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}