.card{gap:var(--spacing-md);gap:var(--spacing-md);background:var(--card-background-color);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--card-border-color);transition:var(--transition-medium);cursor:pointer;text-align:center;box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{background:var(--card-hover-background-color);border-color:var(--card-hover-border-color);box-shadow:var(--card-hover-shadow), var(--card-hover-glow);transform:translateY(-8px)}.card-horizontal{text-align:left;flex-direction:row;align-items:center}.card-horizontal.card-align-start{align-items:flex-start}@media (width<=768px){.card-horizontal,.card-horizontal.card-align-start{text-align:center;flex-direction:column;align-items:center}}.card-media{flex-shrink:0}.card-media-wrapper{flex-direction:column;align-items:center;gap:2rem;min-width:150px;display:flex}@media (width<=768px){.card-media-wrapper{flex-flow:row;justify-content:center;gap:1.5rem;width:100%;min-width:auto;margin-bottom:2rem}}.card-content{gap:var(--spacing-sm);text-align:inherit;flex-direction:column;flex-grow:1;display:flex}.card h3,.card-title{color:var(--card-title-text-color);font-size:var(--text-xl);text-align:inherit;margin-bottom:0}.card-subtitle{color:var(--card-subtitle-text-color);font-size:var(--text-sm);opacity:.8;margin-bottom:0;font-family:inherit;font-weight:400}.card p{color:var(--card-text-color);text-align:inherit;margin-bottom:0}.card p.text-primary{color:var(--card-title-text-color)}.card-icon{font-size:var(--text-2xl);color:var(--card-icon-color)}.card-label{text-transform:uppercase;letter-spacing:.1em;color:var(--card-label-color);font-weight:700;font-size:var(--text-sm);margin-bottom:.5rem;display:block}.card-link{color:var(--card-link-color);text-decoration:underline;-webkit-text-decoration-color:var(--white-a30);text-decoration-color:var(--white-a30);font-size:var(--text-base);word-break:break-all;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-link:hover{color:var(--card-link-hover-color);-webkit-text-decoration-color:var(--card-link-hover-color);text-decoration-color:var(--card-link-hover-color)}.card-footer{padding-top:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;margin-top:auto;display:flex}.card-center{align-items:center}nav{background:var(--header-background-color);width:100%;z-index:var(--z-index-header);border-bottom:1px solid var(--header-border-color);padding:1.5rem 0 .5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}nav.scrolled{background:var(--header-scroll-background-color);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-scroll-border-color);box-shadow:var(--header-shadow);padding:.8rem 0}nav .container{grid-template:"menu menu""title title""subtitle subtitle"/1fr auto;align-items:center;row-gap:0;transition:all .4s;display:grid}nav.scrolled .container{grid-template-rows:auto auto;grid-template-areas:"menu menu""title title";row-gap:0;padding-bottom:0}.header-title{font-family:Corinthia,cursive;font-size:11rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;grid-area:title;justify-self:center;margin-top:2rem;margin-bottom:.5rem;line-height:1;transition:all .4s}nav.scrolled .header-title{font-size:var(--text-3xl);margin:0}.header-subtitle{font-size:var(--text-md);color:var(--header-subtitle-text-color);text-transform:lowercase;letter-spacing:.1em;opacity:.8;text-align:center;white-space:nowrap;grid-area:subtitle;justify-self:right;margin-top:0;margin-bottom:0;transition:all .4s}nav.scrolled .header-subtitle{display:none}.header-navigation-menu{grid-area:menu;justify-content:flex-end;justify-self:end;align-items:center;gap:2rem;width:100%;display:flex}.header-title .gradient-text{font-family:var(--font-family-heading);font-size:var(--text-2xl);letter-spacing:-.05em;opacity:.8;margin-left:.5rem;transition:opacity .3s}nav.scrolled .header-title .gradient-text{opacity:1;font-size:var(--text-sm)}.mobile-nav-panel{align-items:center;display:flex}.mobile-nav-header{display:none}.nav-links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}nav.scrolled .nav-links{margin-top:0}.nav-links a{font-weight:var(--font-weight-medium);font-size:var(--text-base);color:var(--header-link-text-color);opacity:.8;letter-spacing:.02em;transition:opacity .3s;position:relative}.nav-links a:hover,.nav-links a.active{opacity:1;background:var(--gradient-text-background);-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 0 20px #22d3ee4d;-webkit-background-clip:text;background-clip:text}.menu-toggle{font-size:var(--text-2xl);cursor:pointer;display:none}.theme-menu-btn{color:var(--header-link-text-color);cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .3s,color .3s;display:flex}.theme-menu-btn:hover,.theme-menu-btn[aria-expanded=true]{background-color:var(--white-a10);opacity:1}@media (width<=768px){nav{padding:1rem 0}nav.scrolled{padding:.5rem 0}nav .container{justify-content:space-between;align-items:center;display:flex}.header-title{margin:0;font-size:5rem;line-height:.8}.header-title .gradient-text{font-size:var(--text-md)}nav.scrolled .header-title{font-size:3.5rem}nav.scrolled .header-title .gradient-text{font-size:var(--text-sm)}.header-subtitle{display:none}.header-navigation-menu{gap:1rem}.mobile-nav-panel{background:var(--header-scroll-background-color);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border-color);width:350px;max-width:100vw;height:100vh;z-index:calc(var(--z-index-modal) + 1);transition:transform var(--transition-medium);box-shadow:-10px 0 30px var(--black-a30);flex-direction:column;align-items:stretch;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-nav-panel.active{transform:translate(0)}.mobile-nav-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.mobile-nav-header h3{font-size:var(--text-lg);font-family:var(--font-family-heading);color:var(--text-primary-color);margin:0}#mobile-menu-close{color:var(--text-secondary-color);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}#mobile-menu-close:hover{color:var(--text-primary-color)}.nav-links{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:1.5rem;width:100%}.menu-toggle{display:block}}footer{padding-bottom:var(--spacing-xl);text-align:center;background-color:var(--footer-background-color);color:var(--footer-text-color);margin-top:0}.footer-divider{background:var(--divider-color);width:100%;height:1px;margin:1rem 0}.footer-socials{justify-content:center;gap:3rem;padding:.5rem 0;display:flex}.social-link{background:var(--footer-social-background-color);width:50px;height:50px;color:var(--text-primary-color);border:1px solid var(--footer-social-border-color);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-link:hover{background:var(--footer-social-hover-background-color);color:var(--footer-link-text-color);border-color:var(--footer-social-hover-border-color);box-shadow:var(--footer-social-hover-shadow);transform:translateY(-4px)}.footer-info p{font-size:var(--text-base);opacity:.8;max-width:none;margin-bottom:.5rem}.footer-details{font-size:var(--text-sm);opacity:.6}.footer-info a{color:var(--footer-link-text-color);border-bottom:1px solid var(--footer-border-color);text-decoration:none;transition:border-color .3s}.footer-info a:hover{color:var(--footer-link-hover-color);border-color:var(--footer-link-hover-color)}.image-base{object-fit:contain;border-radius:var(--border-radius-md);width:100%;max-width:120px;height:auto;padding:.5rem}.image-with-background{background-color:var(--image-background-color)}.image-transparent{box-shadow:none;background-color:#0000;border:none;padding:0}.icon-image{object-fit:contain;width:24px;height:24px}.profile-image{width:100%;max-width:300px;box-shadow:var(--image-shadow);border:1px solid var(--image-border-color);object-fit:cover;background-color:var(--image-background-color);border-radius:20px}.card-feature-image{object-fit:contain;filter:brightness(0)invert();width:100%;max-width:150px;height:auto;transition:all var(--transition-medium);margin:0 auto 1.5rem;display:block}[data-theme=light] .card-feature-image{filter:brightness(0)}.card:hover .card-feature-image{transform:scale(1.05)}.theme-icon{filter:brightness(0)invert()}[data-theme=light] .theme-icon{filter:brightness(0)}.store-image{width:auto;max-width:300px;height:auto}.product-image{object-fit:contain;width:100%;max-width:220px;height:auto;margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.card:hover .product-image{transform:scale(1.05)}@media (width<=768px){.image-base{max-width:80px}.profile-image{max-width:250px}}.theme-editor-panel{background:var(--header-scroll-background-color);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border-color);width:350px;max-width:100vw;height:100vh;z-index:calc(var(--z-index-modal) + 1);transition:transform var(--transition-medium);box-shadow:-10px 0 30px var(--black-a30);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.theme-editor-panel.open{transform:translate(0)}.theme-editor-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.theme-editor-header h3{font-size:var(--text-lg);font-family:var(--font-family-heading);margin:0}#theme-editor-close{color:var(--text-secondary-color);font-size:var(--text-lg);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}#theme-editor-close:hover{color:var(--text-primary-color)}.theme-editor-body{padding:var(--spacing-md) var(--spacing-lg);flex:1;overflow-y:auto}.theme-editor-body::-webkit-scrollbar{width:6px}.theme-editor-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}.theme-category{margin-bottom:var(--spacing-lg)}.theme-mode-toggle{background:var(--page-section-background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);gap:2px;padding:2px;display:flex}.mode-btn{color:var(--text-secondary-color);font-size:var(--text-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);border-radius:calc(var(--border-radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:6px 0}.mode-btn:hover{color:var(--text-primary-color)}.mode-btn.active{background:var(--white-a10);color:var(--text-accent-color);box-shadow:var(--shadow-sm)}.theme-category h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary-color);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.theme-control{margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.theme-control label{font-size:var(--text-xs);font-family:var(--font-family-code);color:var(--text-secondary-color);margin-bottom:4px}.theme-control input[type=text]{background:var(--page-section-background-color);border:1px solid var(--border-color);color:var(--text-primary-color);border-radius:var(--border-radius-md);font-family:var(--font-family-code);font-size:var(--text-xs);width:100%;transition:border-color var(--transition-fast);outline:none;padding:8px 12px}.theme-control input[type=text]:focus{border-color:var(--accent-color)}.color-input-wrapper{align-items:center;gap:var(--spacing-sm);display:flex}.theme-control input[type=color]{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;padding:0;overflow:hidden}.theme-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-control input[type=color]::-webkit-color-swatch{border:1px solid var(--border-color);border-radius:50%}.color-input-wrapper code{font-size:var(--text-xs);color:var(--text-secondary-color)}.theme-editor-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);gap:var(--spacing-sm);display:flex}.theme-editor-footer .btn{font-size:var(--text-sm);flex:1;padding:10px}@font-face{font-family:Corinthia;src:url(/fonts/Corinthia/Corinthia-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Corinthia;src:url(/fonts/Corinthia/Corinthia-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--theme-mode:"dark";--accent-color:#22d3ee;--text-color:#fff;--background-color:#09090b;--border-color:#27272a;--border-radius:16px;--accent-gradient:linear-gradient(135deg, var(--accent-color) 0%, #f472b6 100%);--white-a0:#fff0;--white-a5:#ffffff0d;--white-a10:#ffffff1a;--white-a20:#fff3;--white-a30:#ffffff4d;--white-a40:#fff6;--white-a50:#ffffff80;--white-a80:#fffc;--black-a5:#0000000d;--black-a10:#0000001a;--black-a20:#0003;--black-a30:#0000004d;--black-a40:#0006;--black-a50:#00000080;--color-white:#fff;--color-black:#000;--color-gray-100:#f4f4f5;--color-gray-200:#e4e4e7;--color-gray-400:#a1a1aa;--color-gray-700:#27272a;--color-gray-800:#18181b;--color-gray-900:#09090b;--color-gray-900-a80:#09090bcc;--font-family-body:"Outfit", sans-serif;--font-family-heading:"Space Grotesk", sans-serif;--font-family-code:monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.7;--line-height-loose:2;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-display-1:clamp(2.5rem, 5vw, 4.5rem);--text-display-2:clamp(2rem, 4vw, 3rem);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2.5rem;--spacing-xl:5rem;--spacing-xxl:8rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:var(--border-radius);--border-radius-full:9999px;--shadow-sm:0 1px 2px var(--black-a5);--shadow-md:0 4px 6px -1px var(--black-a10);--shadow-lg:0 20px 25px -5px var(--black-a20);--shadow-glow:0 0 30px #22d3ee40;--z-index-negative:-1;--z-index-normal:1;--z-index-header:100;--z-index-modal:1000;--z-index-tooltip:1100;--transition-fast:.15s ease-out;--transition-medium:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.175, .885, .32, 1.275);--text-primary-color:var(--text-color);--text-secondary-color:var(--color-gray-400);--text-accent-color:var(--accent-color);--page-background-color:var(--background-color);--page-section-background-color:var(--color-gray-800);--page-title-text-color:var(--text-primary-color);--page-subtitle-text-color:var(--text-secondary-color);--header-background-color:transparent;--header-scroll-background-color:var(--color-gray-900-a80);--header-border-color:var(--white-a0);--header-scroll-border-color:var(--border-color);--header-title-text-color:var(--text-primary-color);--header-subtitle-text-color:var(--text-accent-color);--header-link-text-color:var(--text-primary-color);--header-shadow:var(--shadow-md);--footer-background-color:var(--page-background-color);--footer-text-color:var(--text-secondary-color);--footer-link-text-color:var(--text-primary-color);--footer-link-hover-color:var(--text-accent-color);--footer-border-color:var(--border-color);--footer-social-background-color:var(--page-section-background-color);--footer-social-border-color:var(--border-color);--footer-social-hover-background-color:var(--white-a10);--footer-social-hover-border-color:var(--accent-color);--footer-social-hover-shadow:0 8px 20px var(--black-a30);--btn-primary-background-color:var(--text-color);--btn-primary-text-color:var(--background-color);--btn-primary-border-color:transparent;--btn-primary-hover-shadow:0 10px 20px var(--white-a20);--btn-outline-background-color:transparent;--btn-outline-text-color:var(--text-primary-color);--btn-outline-border-color:var(--border-color);--btn-outline-hover-background-color:var(--white-a10);--btn-outline-hover-border-color:var(--text-color);--btn-outline-hover-shadow:0 0 15px var(--white-a10);--card-background-color:var(--page-section-background-color);--card-hover-background-color:var(--color-gray-700);--card-border-color:var(--border-color);--card-hover-border-color:var(--white-a10);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--card-hover-glow:var(--shadow-glow);--card-title-text-color:var(--text-primary-color);--card-subtitle-text-color:var(--text-secondary-color);--card-text-color:var(--text-secondary-color);--card-icon-color:var(--text-accent-color);--card-label-color:var(--text-accent-color);--card-link-color:var(--text-secondary-color);--card-link-hover-color:var(--text-accent-color);--list-item-text-color:var(--text-secondary-color);--list-bullet-color:var(--text-accent-color);--meta-border-color:var(--border-color);--divider-color:var(--border-color);--image-background-color:var(--text-color);--image-border-color:var(--border-color);--image-shadow:0 10px 30px var(--black-a50);--gradient-text-background:var(--accent-gradient)}:root[data-theme=light]{--theme-mode:"light";--background-color:var(--color-white);--text-color:var(--color-gray-900);--border-color:#e4e4e7;--white-a0:var(--black-a5);--white-a5:var(--black-a5);--white-a10:var(--black-a10);--white-a20:var(--black-a20);--white-a30:var(--black-a30);--white-a40:var(--black-a40);--white-a50:var(--black-a50);--white-a80:var(--black-a80);--black-a5:var(--white-a5);--black-a10:var(--white-a10);--black-a20:var(--white-a20);--black-a30:var(--white-a30);--black-a40:var(--white-a40);--black-a50:var(--white-a50);--text-secondary-color:var(--color-gray-700);--page-section-background-color:var(--color-gray-100);--header-scroll-background-color:#ffffffe6;--card-background-color:var(--color-white);--card-hover-background-color:var(--color-gray-100);--card-border-color:var(--color-gray-200);--card-hover-border-color:var(--border-color);--btn-primary-hover-shadow:0 10px 20px var(--black-a10);--btn-outline-hover-shadow:0 0 15px var(--black-a10);--footer-social-background-color:var(--color-gray-100);--footer-social-border-color:var(--color-gray-200)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background-color:var(--page-background-color);color:var(--text-primary-color);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}h1{font-size:var(--text-display-1);font-weight:var(--font-weight-bold);letter-spacing:-.02em}h2{font-size:var(--text-display-2);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary-color);font-size:var(--text-md);max-width:65ch}.container{width:90%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.btn{background:var(--btn-primary-background-color);color:var(--btn-primary-text-color);border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--text-base);border:var(--btn-primary-border-color);cursor:pointer;padding:12px 32px;transition:box-shadow .3s,transform .2s;display:inline-block}.btn:hover{box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-2px)}.btn-outline{background:var(--btn-outline-background-color);border:1px solid var(--btn-outline-border-color);color:var(--btn-outline-text-color)}.btn-outline:hover{border-color:var(--btn-outline-hover-border-color);background:var(--btn-outline-hover-background-color);box-shadow:var(--btn-outline-hover-shadow)}.gradient-text{background:var(--gradient-text-background);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--spacing-lg) 0}.section-header{margin-bottom:var(--spacing-lg)}.grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.tech-list{margin:1.5rem 0;list-style:none}.tech-list li{color:var(--list-item-text-color);margin-bottom:.8rem;padding-left:1.5rem;position:relative}.tech-list li:before{content:"•";color:var(--list-bullet-color);font-weight:var(--font-weight-bold);position:absolute;left:0}.tech-meta{font-family:var(--font-family-heading);font-size:var(--text-sm);opacity:.6;border-top:1px solid var(--meta-border-color);padding-top:var(--spacing-sm);margin-top:1.5rem}.not-found-content{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) 0;flex-direction:column;display:flex}.not-found-code{font-family:var(--font-heading);margin:0;font-size:clamp(6rem,20vw,12rem);font-weight:700;line-height:1}#app-page-start{padding-top:280px}.about-image-wrapper{flex:0 0 300px;justify-content:center;display:flex}.about-content{font-size:var(--text-md);line-height:var(--line-height-loose);color:var(--text-secondary-color);flex:1}.about-content strong{color:var(--text-primary-color)}.about-pillars{margin:2rem 0;padding-left:0;list-style:none}.about-pillars li{margin-bottom:var(--spacing-md);padding-left:1.5rem;position:relative}.about-pillars li:before{content:"•";color:var(--list-bullet-color);font-weight:var(--font-weight-bold);font-size:var(--text-xl);line-height:1;position:absolute;top:-.2rem;left:0}.contact-strip{margin-top:4rem;padding:4rem 0}.contact-strip h2{text-align:left;margin-bottom:2rem}@media (width<=900px){.about-image-wrapper{flex:none;width:100%;margin-bottom:2rem}.about-profile-img{max-width:250px}}@media (width<=768px){#app-page-start{padding-top:60px}}.grid-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tech-meta-clean{border-top:none;margin-top:0;padding-top:0}