.page-content:has(.about){justify-content:center}.about{gap:var(--space-8)}.about-hero{text-align:center;max-width:48rem;margin-inline:auto}.about-hero h1{margin-bottom:var(--space-4)}.about-subtitle{font-size:var(--text-h4);color:var(--secondary-color-5);line-height:var(--leading-relaxed)}.about>section:nth-of-type(2n){background:var(--primary-color-3);border-radius:var(--radius-xl);padding:var(--space-8)}.about-section{text-align:center;max-width:48rem;margin-inline:auto}.about-section h2{margin-bottom:var(--space-5);padding-bottom:var(--space-3)}.about-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.about-tech-card{background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out)}@media (hover:hover){.about-tech-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.about-tech-icon{margin-bottom:var(--space-3);font-size:2rem}.about-tech-card h3{font-size:var(--text-h4);margin-bottom:var(--space-2)}.about-tech-card p{font-size:var(--text-body);color:var(--secondary-color-5);margin:0}.about-features-list{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.about-features-list li{padding:var(--space-3) var(--space-4);background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--secondary-color-4)}.about-features-list li:before{content:"✓ ";color:var(--success-color);font-weight:700}.about-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.about-stat-card{text-align:center;padding:var(--space-5) var(--space-4);background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .2s var(--ease-out)}@media (hover:hover){.about-stat-card:hover{transform:translateY(-2px)}}.about-stat-icon{margin-bottom:var(--space-2);font-size:2rem}.about-stat-value{font-size:var(--text-h2);color:var(--secondary-color-2);font-weight:700;line-height:1.1}.about-stat-label{font-size:var(--text-small);color:var(--secondary-color-6);margin-top:var(--space-1)}.about-timeline{flex-direction:column;gap:0;display:flex;position:relative}.about-timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:1.15rem}.about-timeline-item{gap:var(--space-4);padding-bottom:var(--space-6);display:flex;position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-dot{background:var(--primary-color);border:2px solid var(--primary-color-5);z-index:1;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;position:relative}.about-timeline-content{flex:1}.about-timeline-date{font-size:var(--text-small);color:var(--secondary-color-5);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.about-timeline-content h3{font-size:var(--text-h4);margin:var(--space-1) 0 var(--space-1)}.about-timeline-content p{font-size:var(--text-body);color:var(--secondary-color-5);line-height:var(--leading-relaxed);margin:0}.about-team-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.about-team-card{text-align:center;padding:var(--space-5);background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform .2s var(--ease-out)}@media (hover:hover){.about-team-card:hover{transform:translateY(-2px)}}.about-team-avatar{margin-bottom:var(--space-3);font-size:3rem}.about-team-card h3{font-size:var(--text-h4);margin-bottom:var(--space-1)}.about-team-role{font-size:var(--text-small);color:var(--secondary-color-5);margin-bottom:var(--space-2);font-weight:600;display:block}.about-team-card p{font-size:var(--text-body);color:var(--secondary-color-5);margin:0}.page-content:has(.contact){justify-content:center}.contact{gap:var(--space-6)}.contact-layout{gap:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.contact-layout{grid-template-columns:1fr 18rem}}.contact-form-wrapper{min-width:0}.contact-hero{text-align:center}.contact-hero h1{margin-bottom:var(--space-3)}.contact-subtitle{font-size:var(--text-h4);color:var(--secondary-color-5);margin:0}.contact-alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-body);font-weight:500;display:flex}.contact-alert-success{background:color-mix(in oklch, var(--success-color) 15%, transparent);border:1px solid var(--success-color);color:var(--success-color)}.contact-alert-error{background:color-mix(in oklch, var(--primary-error-color) 15%, transparent);border:1px solid var(--primary-error-color);color:var(--primary-error-color)}.contact-alert-close{cursor:pointer;color:inherit;padding:0 var(--space-2);background:0 0;border:none;font-size:1.5rem;line-height:1}.contact-info{background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.contact-info h3{font-size:var(--text-h4);margin:0}.contact-info-item{gap:var(--space-3);align-items:flex-start;display:flex}.contact-info-item p{margin:var(--space-1) 0 0;font-size:var(--text-small);color:var(--secondary-color-5)}.contact-info-item strong{font-size:var(--text-body);font-weight:600}.contact-info-icon{flex-shrink:0;font-size:1.5rem;line-height:1.4}.contact-info-note{padding:var(--space-3);background:color-mix(in oklch, var(--primary-warning-color) 15%, transparent);border:1px solid var(--primary-warning-color);border-radius:var(--radius-md)}.contact-info-note p{font-size:var(--text-small);color:var(--primary-warning-color);margin:0;font-weight:500}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-form-field{gap:var(--space-2);flex-direction:column;display:flex}.contact-form-field label{font-size:var(--text-small);color:var(--secondary-color-4);font-weight:600}.contact-form-field input,.contact-form-field textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--primary-color-3);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--secondary-color-4);font-size:var(--text-body);transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);box-sizing:border-box;font-family:inherit}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:var(--focused-border-color);box-shadow:0 0 0 3px color-mix(in oklch, var(--focused-border-color) 20%, transparent);outline:none}.contact-form-field input::placeholder{color:var(--secondary-color-6)}.contact-form-field textarea::placeholder{color:var(--secondary-color-6)}.contact-form-field textarea{resize:vertical;min-height:8rem}.contact-form-submit{padding:var(--space-3) var(--space-6);background:var(--primary-color);color:var(--primary-foreground);border-radius:var(--radius-md);font-size:var(--text-body);cursor:pointer;transition:opacity .2s var(--ease-out), transform .15s var(--ease-out);border:none;align-self:center;font-weight:600}@media (hover:hover){.contact-form-submit:hover{opacity:.9}}.contact-form-submit:active{transform:scale(.97)}.contact-form-submit:disabled{opacity:.5;cursor:not-allowed}.terms{gap:var(--space-8);max-width:48rem;margin-inline:auto}.terms-hero{text-align:center}.terms-hero h1{margin-bottom:var(--space-3)}.terms-subtitle{font-size:var(--text-h4);color:var(--secondary-color-5);margin:0}.terms-content{gap:var(--space-6);flex-direction:column;display:flex}.terms-section h2{font-size:var(--text-h3);margin-bottom:var(--space-3);color:var(--secondary-color-4)}.terms-section p{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--secondary-color-5);margin:0}.terms-section+.terms-section{padding-top:var(--space-4);border-top:1px solid var(--border-color)}.not-found{text-align:center;min-height:calc(100dvh - var(--navbar-height) - var(--footer-height));justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;padding-block:0;display:flex}.not-found h1{font-size:var(--text-display);color:var(--shared-accent-color);margin:0}.not-found h2{font-size:var(--text-h2);color:var(--secondary-color-4);margin:0}.not-found .nf-illustration{width:200px;height:auto;margin-bottom:var(--space-2)}.not-found p{color:var(--secondary-color-5);font-size:var(--text-body);word-break:break-word;max-width:32rem;margin:0}.not-found .nf-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.sitemap{max-width:64rem;padding-block:var(--space-8);margin-inline:auto}.sitemap-intro{color:var(--secondary-color-5);margin-bottom:var(--space-6);font-size:var(--text-h4)}.sitemap-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.sitemap-section{background:var(--primary-color-3);border-radius:var(--radius-md);padding:var(--space-6)}.sitemap-section h2{font-size:var(--text-h3);margin-bottom:var(--space-4);color:var(--secondary-color-4)}.sitemap-links{margin:0;padding:0;list-style:none}.sitemap-links li+li{margin-top:var(--space-2)}.sitemap-links a{color:var(--secondary-color-5);font-size:var(--text-body);text-decoration:none;transition:color .2s}@media (hover:hover){.sitemap-links a:hover{color:var(--shared-accent-color)}}.components-page{max-inline-size:min(1400px,95vw);font-family:var(--font-family-sans);box-sizing:border-box;margin:0 auto;padding:clamp(1rem,4vw,2rem);overflow-x:hidden}.components-header{text-align:center;margin-block-end:3rem}.input-showcase{margin-block-start:2rem}.input-showcase h4{color:var(--theme-text-primary);margin-block-end:1rem;font-size:1rem;font-weight:600}.input-showcase .input-wrapper{margin-block-end:1rem}.control-group{padding:var(--space-4);border:1px solid var(--theme-border-color);border-radius:var(--radius-md);background:var(--theme-bg-primary);margin-block-end:var(--space-5)}.control-group h4{color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-block:0 .75rem;font-size:.875rem;font-weight:500}.control-group>*{margin-block-end:.5rem}.control-group>:last-child{margin-block-end:0}.input-icon{color:var(--theme-text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.radio-option{align-items:center;gap:var(--space-2);margin-block-end:.5rem;display:flex}.radio-option:last-child{margin-block-end:0}.components-title{color:var(--theme-text-primary);margin-block-end:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.components-description{color:var(--theme-text-secondary);font-size:clamp(1rem,2vw,1.25rem);line-height:var(--leading-relaxed);max-inline-size:48rem;margin:0 auto}.components-grid{contain:layout style paint;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);align-items:start;gap:clamp(1rem,2vw,1.5rem);margin-block-start:2rem;display:grid}.components-grid .calendar-showcase-card,.components-grid .calendar-two-columns{contain:layout style paint;grid-column:span 2}@media (width<1024px){.components-grid{grid-template-columns:repeat(2,1fr)}.components-grid .calendar-showcase-card,.components-grid .calendar-two-columns{contain:layout style paint;grid-column:span 2}}@media (width<640px){.components-grid{grid-template-columns:1fr}.components-grid .calendar-showcase-card,.components-grid .calendar-two-columns{grid-column:span 1}}.components-grid>*{contain:layout style paint;flex-direction:column;min-block-size:180px;min-inline-size:0;display:flex}.toast-container{z-index:9999;gap:var(--space-2);flex-direction:column;display:flex;position:fixed;top:20px;right:20px}.toast-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:.3s slideIn}.content-block{gap:var(--space-4);flex-direction:column;display:flex}.content-block-md{gap:var(--space-3);flex-direction:column;display:flex}.content-block-sm{gap:var(--space-2);flex-direction:column;display:flex}.content-block-xs{gap:var(--space-1);flex-direction:column;display:flex}.variant-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.variant-row-md{gap:var(--space-3);flex-wrap:wrap;display:flex}.item-row{gap:var(--space-4);align-items:center;display:flex}.full-width{width:100%}.button-row{gap:var(--space-2);display:flex}.action-row{gap:var(--space-2);justify-content:flex-end;display:flex}.centered-row{padding:var(--space-5);justify-content:center;display:flex}.bordered-box{padding:var(--space-3);border:1px solid var(--theme-border-color);border-radius:var(--radius-md)}.bordered-box-sm{padding:var(--space-2);border:1px solid var(--theme-border-color);border-radius:var(--radius-md)}.control-box{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--theme-border-color);border-radius:var(--radius-md);display:flex}.flex-between-box{padding:var(--space-3);border:1px solid var(--theme-border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.control-box-sm{align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--theme-border-color);border-radius:var(--radius-md);display:flex}.flex-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.result-label{color:var(--focused-border-color);font-weight:600}.bold-text{font-weight:600}.meta-text{color:var(--secondary-color-5);font-size:.75rem}.label-15{font-size:.875rem}.muted-box{padding:var(--space-3);background:var(--primary-color-4);border-radius:var(--radius-sm);margin-top:var(--space-2)}.muted-zone{padding:var(--space-5);background:var(--primary-color-4);border-radius:var(--radius-sm)}.muted-item{margin:var(--space-2) 0;padding:var(--space-2);background:var(--primary-color-4);border-radius:var(--radius-sm)}.dashed-zone{padding:var(--space-10);border:2px dashed var(--theme-border-color);border-radius:var(--radius-md);text-align:center}.dialog-section{padding:var(--space-4) 0}.pad-0{padding:var(--space-2)}.tab-panel{padding:var(--space-4);border:1px solid var(--theme-border-color);border-radius:var(--radius-md);margin-top:var(--space-2)}.accordion-wrapper{width:100%}.aspect-image{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.avatar-row+.avatar-row{margin-top:var(--space-4)}.calendar-box{gap:var(--space-3);flex-direction:column;font-size:.85rem;display:flex}.hovercard-body{gap:var(--space-3);padding:var(--space-2);display:flex}.hovercard-title{margin:0}.hovercard-text{color:var(--secondary-color-5);margin:4px 0 0;font-size:.875rem}.popover-body{gap:var(--space-3);padding:var(--space-2);flex-direction:column;display:flex}.popover-title{margin:0;font-size:1rem}.popover-text{color:var(--secondary-color-5);margin:0;font-size:.875rem}.desc-title{margin:0;font-size:1rem}.desc-text{color:var(--secondary-color-5);margin:0;font-size:.875rem}.scroll-box{border:1px solid var(--theme-border-color);border-radius:var(--radius-md);width:100%;height:200px}.scroll-content{padding:var(--space-4)}.inset-slot{padding:var(--space-5)}.sep-vertical{background:var(--theme-border-color);width:1px;height:24px}.skeleton-card{gap:var(--space-3);margin-top:var(--space-2);display:flex}.skeleton-column{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-column-wide{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.slider-pad{padding:var(--space-4)}.centered-label{text-align:center;font-weight:600}.trigger-border{padding:var(--space-2) var(--space-4);border:1px solid var(--theme-border-color);border-radius:var(--radius-sm);cursor:help}.textarea-meta{color:var(--secondary-color-5);justify-content:space-between;font-size:.75rem;display:flex}.switch-row+.switch-row{margin-top:var(--space-4)}.opacity-dimmed{opacity:.5}.component-example{gap:var(--space-4);contain:layout style paint;flex-direction:column;display:flex}.component-example>*,.component-example .btn,.component-example input,.component-example select,.component-example textarea{margin-block-end:.5rem}.calendar-showcase-card{align-self:start;min-block-size:400px}.calendar-showcase{padding:var(--space-2);justify-content:center;align-items:flex-start;display:flex}.calendar-showcase .calendar-container{box-shadow:none;margin:0 auto}.calendar-two-columns{grid-column:span 2}.calendar-two-columns .calendar-container{margin:0}@media (width>=1024px){.calendar-showcase-card{grid-column:span 2}}@media (width<768px){.components-page{padding:var(--space-4)}.components-title{margin-block-end:2rem;font-size:2rem}.components-grid{gap:var(--space-5);grid-template-columns:1fr}.component-example{padding:var(--space-4)}.input-showcase{grid-template-columns:1fr}.control-group{padding:var(--space-3);margin-block-end:var(--space-4)}.control-group h4{margin-block-end:.5rem;font-size:.8rem}.components-description{font-size:1rem}.calendar-showcase-card{min-block-size:350px}}