:root{--color-primary-50:#f0e7f6;--color-primary-100:#deccec;--color-primary-200:#cbb2e3;--color-primary-300:#b797d9;--color-primary-400:#9c73ca;--color-primary-500:#8452bc;--color-primary-600:#6c3da6;--color-primary-700:#5c2d91;--color-primary-800:#4a2275;--color-primary-900:#38185a;--color-accent-blue-500:#0078d4;--color-accent-blue-600:#0062ad;--color-accent-blue-700:#004e8c;--color-accent-green-500:#107c10;--color-accent-green-600:#0b590b;--color-accent-green-700:#064306;--color-accent-orange-500:#f25022;--color-accent-orange-600:#d83b01;--color-accent-orange-700:#b83200;--color-neutral-50:#f9f9f7;--color-neutral-100:#f4f3ef;--color-neutral-200:#efeee8;--color-neutral-300:#e5e3d9;--color-neutral-400:#b8b8b8;--color-neutral-500:#8d8d8d;--color-neutral-600:#6e6e6e;--color-neutral-700:#505050;--color-neutral-800:#3d3d3d;--color-neutral-900:#202020;--color-success:#107c10;--color-warning:#ffb900;--color-error:#d13438;--color-info:#0078d4;--background-body:var(--color-neutral-50);--background-card:#fcfbf4;--background-nav:var(--color-primary-700);--background-footer:var(--color-neutral-900);--background-hero:var(--color-primary-700);--text-dark:var(--color-neutral-900);--text-medium:var(--color-neutral-700);--text-light:var(--color-neutral-50);--text-on-primary:#fff;--text-on-accent:#fff;--button-primary-bg:var(--color-primary-700);--button-primary-text:#fff;--button-primary-hover:var(--color-primary-800);--button-secondary-bg:var(--background-card);--button-secondary-text:var(--color-primary-700);--button-secondary-border:var(--color-primary-700);--button-secondary-hover:var(--color-primary-50);--border-color:var(--color-neutral-200);--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--focus-ring:3px solid var(--color-warning);--focus-ring-offset:2px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--font-family-base:"Segoe UI", system-ui, -apple-system, sans-serif;--font-family-code:"Cascadia Code", "Consolas", monospace;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.8;--container-max-width:1200px;--container-padding:var(--space-4)}.dark-theme{--background-body:var(--color-neutral-900);--background-card:var(--color-neutral-800);--background-nav:var(--color-neutral-800);--background-footer:var(--color-neutral-900);--background-hero:var(--color-primary-900);--text-dark:var(--color-neutral-50);--text-medium:var(--color-neutral-200);--text-light:var(--color-neutral-50);--button-primary-bg:var(--color-primary-500);--button-primary-hover:var(--color-primary-400);--button-secondary-bg:var(--color-neutral-700);--button-secondary-text:var(--color-neutral-50);--button-secondary-border:var(--color-primary-400);--button-secondary-hover:var(--color-neutral-600);--border-color:var(--color-neutral-700);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}.dark-theme .card,.dark-theme .container{background-color:var(--color-neutral-800);border:1px solid #ffffff08}.dark-theme .card a,.dark-theme .card h1,.dark-theme .card h2,.dark-theme .card h3,.dark-theme .card h4,.dark-theme .card h5,.dark-theme .card h6,.dark-theme .card-title{color:var(--color-primary-300)}.dark-theme .card a:hover{color:var(--color-primary-200)}.dark-theme .contact-form-container,.dark-theme .contact-option,.dark-theme .project-card{background-color:var(--color-neutral-800);border:1px solid #ffffff08}.dark-theme .tag{background-color:var(--color-neutral-700);color:var(--color-neutral-100)}.dark-theme input,.dark-theme select,.dark-theme textarea{background-color:var(--color-neutral-700);border-color:var(--color-neutral-600);color:var(--text-light)}.dark-theme input:focus,.dark-theme select:focus,.dark-theme textarea:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 2px #8452bc4d}.dark-theme input::-moz-placeholder{color:var(--color-neutral-400)}.dark-theme textarea::-moz-placeholder{color:var(--color-neutral-400)}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:var(--color-neutral-400)}*,body,html{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}.dark-theme img:not([src*=logo]):not(.preserve-color){filter:brightness(.9)contrast(1.1)}.dark-theme svg:not(.preserve-color) path{fill:var(--text-dark)}.dark-theme pre code{background-color:var(--color-neutral-800);border-color:var(--color-neutral-700)}.dark-theme .success-message{background-color:#107c1033}.dark-theme .error-message{background-color:#d1343833}:root{--primary-color:var(--color-primary-700);--secondary-color:var(--color-accent-blue-500);--accent-color:var(--color-accent-orange-500);--text-color-dark:var(--text-light);--text-color-light:var(--text-dark);--light-text:var(--text-light);--border-color:var(--border-color);--error-color:var(--color-error);--success-color:var(--color-success);--background-color:var(--background-body);--card-background:var(--background-card);--shadow:var(--shadow-md);--border-radius:var(--border-radius-md);--font-family:var(--font-family-base);--focus-outline:var(--focus-ring);--focus-outline-offset:var(--focus-ring-offset)}.skip-to-main{background-color:var(--color-primary-700);border-radius:0 0 var(--border-radius-md) 0;color:var(--text-on-primary);z-index:9999;width:1px;height:1px;padding:10px 15px;font-weight:700;text-decoration:none;transition:top .3s;position:absolute;top:-100px;left:0;overflow:hidden}.skip-to-main:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);width:auto;height:auto;top:0;left:0;overflow:visible}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-body);color:var(--text-dark);font-family:var(--font-family-base);line-height:var(--line-height-normal)}:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{max-width:var(--container-max-width);padding:var(--space-4);flex:1;width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:600;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:2.5rem}p{margin-bottom:var(--space-4)}a{color:var(--color-primary-700);text-decoration:underline;transition:color .3s}a:hover{color:var(--color-primary-800)}a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-3) var(--space-5);text-align:center;border:none;font-weight:600;transition:all .3s;display:inline-block}.btn,.btn:hover{text-decoration:none}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);text-decoration:none}.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-secondary{background-color:var(--button-secondary-bg);border:1px solid var(--button-secondary-border);color:var(--button-secondary-text)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}.page-header{margin-bottom:var(--space-6);padding:var(--space-4) 0;text-align:center}.loading{color:var(--color-primary-700);padding:var(--space-8);text-align:center;font-size:1.2rem}.error-message{border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);background-color:#fee}.error-message,.success-message{margin-bottom:var(--space-4);padding:var(--space-4)}.success-message{border:1px solid var(--color-success);border-radius:var(--border-radius-md);color:var(--color-success);background-color:#efe}.section-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.view-all{border:1px solid var(--color-primary-700);border-radius:var(--border-radius-sm);color:var(--color-primary-700);padding:var(--space-1) var(--space-3);font-size:.9rem;text-decoration:none;transition:all .3s}.view-all:hover{background-color:var(--color-primary-50);color:var(--color-primary-800)}.card{background-color:var(--background-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--text-dark);margin-bottom:var(--space-4);transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card:focus-within{box-shadow:0 0 0 3px var(--color-primary-700);transform:translateY(-5px)}.card-body{padding:var(--space-4)}.card-title{color:var(--color-primary-700);margin-bottom:var(--space-3);font-size:1.4rem;font-weight:600}.card-text{color:var(--text-medium)}.card a,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:var(--color-primary-700)}.card a{font-weight:500;text-decoration:none}.card a:hover{color:var(--color-primary-800);text-decoration:underline}.card a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.container{background-color:var(--background-card);border-radius:var(--border-radius-md);margin-bottom:var(--space-5);padding:var(--space-5)}.light-bg-content{color:var(--text-dark)}.light-bg-content a,.light-bg-content h1,.light-bg-content h2,.light-bg-content h3,.light-bg-content h4,.light-bg-content h5,.light-bg-content h6{color:var(--color-primary-700)}.light-bg-content a{font-weight:500}.light-bg-content a:hover{color:var(--color-primary-800);text-decoration:underline}.light-bg-content a:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.dark-theme .light-bg-content{color:var(--text-light)}.dark-theme .light-bg-content a,.dark-theme .light-bg-content h1,.dark-theme .light-bg-content h2,.dark-theme .light-bg-content h3,.dark-theme .light-bg-content h4,.dark-theme .light-bg-content h5,.dark-theme .light-bg-content h6{color:var(--color-primary-300)}.dark-theme .light-bg-content a:hover{color:var(--color-primary-200)}.dark-theme{--text-color-light:var(--color-neutral-100)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.main-content{padding:var(--space-3)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:var(--space-4) var(--space-3)}.btn,.interactive-element,.nav-link,a.view-all{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--light-text);contain:layout paint;background-color:#5f4d93e6;width:100%;height:auto;min-height:250px;margin-top:3rem;padding:3rem 0 2rem;position:relative;overflow:hidden}.footer:before{background:linear-gradient(to right, var(--primary-gradient-start), var(--primary-gradient-end));content:"";height:4px;position:absolute;top:0;left:0;right:0}.footer-container{box-sizing:border-box;z-index:1;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.footer-social{height:50px;margin-bottom:2rem;display:flex}.footer-social a{color:var(--light-text);will-change:transform;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 1rem;font-size:1.8rem;transition:transform .3s,background-color .3s,box-shadow .3s;display:flex}.footer-social a:hover{background-color:#fff3;text-decoration:none;transform:translateY(-5px);box-shadow:0 5px 15px #0003}.footer-links{flex-wrap:wrap;justify-content:center;width:100%;min-height:40px;margin-bottom:2rem;display:flex}.footer-links a{color:var(--light-text);margin:.5rem 1rem;padding:.5rem 0;font-size:1rem;text-decoration:none;transition:opacity .3s;display:inline-block;position:relative}.footer-links a:after{background-color:var(--primary-gradient-start);content:"";width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-links a:hover{opacity:1;text-decoration:none}.footer-links a:hover:after{width:100%}.footer-copyright{letter-spacing:.5px;opacity:.8;text-align:center;width:100%;min-height:20px;font-size:.9rem}@media (width<=768px){.footer{min-height:220px;padding:2rem 0 1.5rem}.footer-social a{width:40px;height:40px;margin:0 .7rem;font-size:1.5rem}.footer-social{height:40px}.footer-links{flex-direction:column;align-items:center;min-height:120px}.footer-links a{margin:.4rem 0}}.footer-skeleton{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}.footer-social-skeleton{justify-content:center;margin-bottom:2rem;display:flex}.social-icon-skeleton{background-color:#ffffff1a;border-radius:50%;width:50px;height:50px;margin:0 1rem}.footer-links-skeleton{flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:2rem;display:flex}.link-skeleton{width:80px;height:20px;margin:.5rem 1rem}.copyright-skeleton,.link-skeleton{background-color:#ffffff1a;border-radius:4px}.copyright-skeleton{width:300px;height:16px}@media (width<=768px){.social-icon-skeleton{width:40px;height:40px;margin:0 .7rem}.footer-links-skeleton{flex-direction:column;align-items:center}.link-skeleton{margin:.4rem 0}}@font-face{font-display:swap;font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;src:url(/assets/fonts/fa-brands-400-C-jaCRNI.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;src:url(/assets/fonts/fa-regular-400-TCCU0xbi.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;src:url(/assets/fonts/fa-solid-900-tLH6XCuf.woff2)format("woff2")}.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-variant:normal;text-rendering:auto;vertical-align:-.125em;width:1em;height:1em;font-style:normal;line-height:1;display:inline-block;overflow:visible}.fab{font-family:"Font Awesome 6 Brands"}.far{font-weight:400}.far,.fas{font-family:"Font Awesome 6 Free"}.fas{font-weight:900}.fa-github:before{content:""}.fa-discord:before{content:""}.fa-meetup:before{content:""}.fa-youtube:before{content:""}.fa-linkedin:before{content:""}.fa-twitter:before{content:""}.fa-users:before{content:""}.fa-hands-helping:before{content:""}.fa-calendar:before{content:""}.fa-calendar-alt:before{content:""}.fa-map-marker-alt:before{content:""}.fa-clock:before{content:""}.fa-link:before{content:""}.fa-envelope:before{content:""}.fa-phone:before{content:""}.fa-check:before{content:""}.fa-times:before{content:""}.fa-info-circle:before{content:""}.fa-moon:before{content:""}.fa-sun:before{content:""}.fa-laptop:before{content:""}.fa-wifi:before{content:""}.fa-video:before{content:""}.fa-calendar-plus:before{content:""}.fa-external-link-alt:before{content:""}.fa-arrow-left:before{content:""}.fa-bars:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-play-circle:before{content:""}.fa-yahoo:before{content:""}.fa-apple:before{content:""}.fa-google:before{content:""}.navbar{background-color:var(--background-nav);box-shadow:var(--shadow-md);color:var(--text-on-primary);padding:var(--space-4) var(--space-5);z-index:1000;transition:all .3s;position:sticky;top:0}.navbar-container{max-width:var(--container-max-width);justify-content:space-between;margin:0 auto}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-on-primary);margin-right:var(--space-5);font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .3s}.logo-image{box-shadow:var(--shadow-sm);height:50px;margin-right:var(--space-3);-o-object-fit:contain;object-fit:contain;background-color:#fff;border-radius:50%;width:50px;padding:5px}.logo-text{font-weight:700}.navbar-logo:hover{opacity:.9;text-decoration:none;transform:scale(1.05)}.navbar-logo:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);text-decoration:none}.navbar-actions{align-items:center;margin-left:auto;display:flex}.nav-menu{margin:0;padding:0;list-style:none;display:flex}.nav-item{margin-left:var(--space-5);position:relative}.nav-link{border-radius:var(--border-radius-sm);color:var(--text-on-primary);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.nav-link:hover{background-color:#ffffff26;text-decoration:none}.nav-link:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);text-decoration:none}.menu-icon{border-radius:var(--border-radius-sm);color:var(--text-on-primary);cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-2);background:0 0;border:none;font-size:1.5rem;display:none}.menu-icon:hover{background-color:#ffffff26}.menu-icon:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (width<=768px){.navbar{padding:var(--space-3) var(--space-4)}.menu-icon{display:block}.nav-menu{background-color:var(--background-nav);border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--space-4) 0;z-index:999;flex-direction:column;width:100%;display:none;position:absolute;top:80px;left:0}.nav-menu.active{display:flex}.nav-item{margin:var(--space-2) 0;text-align:center;width:100%}.nav-link{padding:var(--space-3);width:100%;display:block}.nav-menu.active .theme-toggle-container{margin:var(--space-3) 0;justify-content:center;display:flex}.logo-image{height:45px}}.theme-toggle{border-radius:var(--border-radius-sm);color:var(--text-on-primary);cursor:pointer;margin-left:var(--space-3);min-width:44px;min-height:44px;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s;display:flex}.theme-toggle:hover{background-color:#ffffff26}.theme-toggle:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.theme-toggle i{transition:transform .5s}.theme-toggle:hover i{transform:rotate(30deg)}@media (width<=768px){.theme-toggle{margin-left:0;margin-right:var(--space-3)}}:root{color:#000000de;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{min-width:320px;min-height:100vh;display:flex}#root{width:100%}h1{font-size:2.5rem;line-height:1.1}h2{font-size:2rem}h3{font-size:1.75rem}a{color:#06c;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{text-decoration:underline}