.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--surface-base)}.error-boundary__container{max-width:600px;width:100%;text-align:center}.error-boundary__icon-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.error-boundary__icon{color:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-boundary__content{display:flex;flex-direction:column;gap:var(--space-lg)}.error-boundary__title{font-size:var(--text-fluid-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.error-boundary__message{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--line-height-base);margin:0}.error-boundary__details{margin-top:var(--space-lg);text-align:left;background:var(--surface-raised);border:var(--border-width-default) solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.error-boundary__details-summary{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none}.error-boundary__details-summary:hover{text-decoration:underline}.error-boundary__details-content{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border)}.error-boundary__error-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;word-break:break-word}.error-boundary__stack-trace{font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-base);padding:var(--space-md);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-boundary__actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);flex-wrap:wrap}.error-boundary__button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--btn-padding-lg);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-default) solid transparent;min-width:160px;justify-content:center}.error-boundary__button--primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.error-boundary__button--primary:hover{background:var(--accent-active-hover);border-color:var(--accent-active-hover);transform:var(--transform-lift-sm)}.error-boundary__button--secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.error-boundary__button--secondary:hover{background:var(--surface-raised);border-color:var(--accent);color:var(--accent)}.error-boundary__button:active{transform:scale(.98)}.error-boundary__button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 30rem){.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__button{width:100%}}@media (prefers-reduced-motion: reduce){.error-boundary__icon{animation:none}.error-boundary__button{transition:none}}@media print{.error-boundary{background:#fff;color:#000}.error-boundary__actions{display:none}}.icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.icon-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn--sm{width:1.75rem;height:1.75rem;padding:0}.icon-btn--md{width:2rem;height:2rem;padding:0}.icon-btn--lg{width:2.25rem;height:2.25rem;padding:0}.icon-btn--default{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border)}.icon-btn--default:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;transition:opacity var(--transition-base);z-index:0}.icon-btn--default:hover:not(:disabled):before{opacity:.1}.icon-btn--default:hover:not(:disabled){border-color:var(--accent)}.icon-btn--default svg,.icon-btn--default>*{position:relative;z-index:1;transition:all var(--transition-base)}.icon-btn--default:hover:not(:disabled) svg,.icon-btn--default:hover:not(:disabled)>*{color:var(--accent)}.icon-btn--ghost{background:transparent;border:var(--border-width-default) solid var(--border-color);opacity:.6}.icon-btn--ghost:hover:not(:disabled){opacity:1;border:none;background:currentColor}.icon-btn--ghost:hover:not(:disabled) svg,.icon-btn--ghost:hover:not(:disabled)>*{color:var(--surface-raised)}.icon-btn--ghost svg,.icon-btn--ghost>*{transition:all var(--transition-base)}.icon-btn--minimal{background:transparent;border:none;opacity:.7}.icon-btn--minimal:hover:not(:disabled){opacity:1}.icon-btn--rotate:hover:not(:disabled){transform:rotate(90deg) scale(1.1)}.icon-btn--rotate:active:not(:disabled){transform:rotate(90deg) scale(.95)}.icon-btn--default.icon-btn--rotate:hover:not(:disabled){transform:rotate(90deg) var(--transform-scale-lg)}.icon-btn--default.icon-btn--rotate:active:not(:disabled){transform:rotate(90deg) var(--transform-scale-sm)}.icon-btn--minimal.icon-btn--rotate:hover:not(:disabled){transform:rotate(90deg) var(--transform-scale-md)}.icon-btn--minimal.icon-btn--rotate:active:not(:disabled){transform:rotate(90deg) var(--transform-scale-sm)}.icon-btn:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}.icon-btn--ghost:focus-visible{outline-color:currentColor}@media (prefers-reduced-motion: reduce){.icon-btn,.icon-btn svg,.icon-btn>*,.icon-btn:before{transition:none;animation:none}.icon-btn:hover,.icon-btn:active{transform:none}}.toast{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:var(--space-md);min-width:0;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + .25rem);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:translate(25rem);opacity:0;transition:all var(--transition-base)}.toast--visible{transform:translate(0);opacity:1}.toast--exiting{transform:translate(25rem);opacity:0}.toast--success{background:var(--toast-success-bg);color:var(--toast-success-text);border:var(--border-width-default) solid var(--toast-success)}.toast--error{background:var(--toast-error-bg);color:var(--toast-error-text);border:var(--border-width-default) solid var(--toast-error)}.toast--info{background:var(--toast-info-bg);color:var(--toast-info-text);border:var(--border-width-default) solid var(--toast-info)}.toast--loading{background:var(--toast-loading-bg);color:var(--toast-loading-text);border:var(--border-width-default) solid var(--toast-loading)}.toast--warning{background:var(--toast-warning-bg);color:var(--toast-warning-text);border:var(--border-width-default) solid var(--toast-warning)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);align-self:center}.toast__icon--success{color:var(--toast-success);background:var(--toast-success-icon-bg)}.toast__icon--error{color:var(--toast-error);background:var(--toast-error-icon-bg)}.toast__icon--info{color:var(--toast-info);background:var(--toast-info-icon-bg)}.toast__icon--loading{color:var(--toast-loading);background:var(--toast-loading-icon-bg);animation:pulse 2s ease-in-out infinite}.toast__icon--warning{color:var(--toast-warning);background:var(--toast-warning-icon-bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast__content{display:flex;align-items:center;min-width:0}.toast__message{margin:0;font-size:var(--text-fluid-base);line-height:var(--line-height-base);word-wrap:break-word;font-weight:var(--font-medium)}.toast .icon-btn{align-self:start}.toast__progress{position:absolute;bottom:0;left:0;right:0;height:.25rem;transform-origin:left;pointer-events:none;will-change:transform}.toast__progress--success{background:var(--toast-success)}.toast__progress--error{background:var(--toast-error)}.toast__progress--info{background:var(--toast-info)}.toast__progress--loading{background:var(--toast-loading)}.toast__progress--warning{background:var(--toast-warning)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}/*!* src/components/Toast/Toaster.css *!*/.toaster{position:fixed;top:var(--space-lg);right:var(--space-md);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}.toaster>*{pointer-events:auto}@media (max-width: 48rem){.toaster{position:fixed;top:var(--space-lg);right:var(--space-md);left:var(--space-md);max-width:100%;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none}}.logo{display:flex;align-items:center;border:none;background:transparent;padding:0;position:relative;transition:all var(--transition-base);white-space:nowrap}.logo:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset);border-radius:var(--radius-sm)}.logo__image{height:100%;width:auto;object-fit:contain;display:block;cursor:pointer}.logo__image:hover{transform:var(--transform-scale-md)}.logo--nav-mobile{height:3.5rem}.logo--nav-desktop{height:4rem}.logo--footer{height:5rem}.nav-item{display:flex;align-items:center;gap:var(--space-xs);position:relative;background:transparent;border:var(--border-width-default) solid transparent;border-radius:.625rem;color:var(--text-secondary);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:all var(--transition-base)}.nav-item__icon{flex-shrink:0}.nav-item:not(.nav-item--active):hover{color:var(--accent);border-color:var(--accent)}.nav-item--active{background:var(--accent);color:var(--white)}.nav-item--active:hover{background:var(--accent-active-hover)}.nav-item--desktop{padding:var(--space-sm) var(--space-lg)}.nav-item--mobile{width:100%;justify-content:flex-start;padding:.75rem 1.2rem;font-size:1.05rem}.theme-toggle{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border);color:var(--text-primary);cursor:pointer;padding:.6875rem;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem}.theme-toggle:hover{background:var(--nav-hover);border-color:var(--accent);transform:var(--transform-scale-md)}.theme-toggle:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}.theme-toggle__icon{transition:transform var(--transition-slow)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.theme-toggle__icon{transition:none}}.color-toggle{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border);color:var(--text-primary);cursor:pointer;padding:.6875rem;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem}.color-toggle:hover{background:var(--nav-hover);border-color:var(--accent);transform:var(--transform-scale-md)}.color-toggle--active{background:var(--nav-hover);border-color:var(--accent)}.color-toggle:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}.color-toggle__icon{transition:transform var(--transition-base)}.color-toggle:hover .color-toggle__icon,.color-toggle--active .color-toggle__icon{transform:rotate(45deg)}@media (prefers-reduced-motion: reduce){.color-toggle__icon{transition:none}}.nav-controls{display:flex;align-items:center}.nav-controls--horizontal{flex-direction:row;gap:var(--space-sm)}.nav-controls--vertical{flex-direction:row;justify-content:center;gap:var(--space-md)}@media (min-width: 64rem){.nav-controls--horizontal{gap:.625rem}}@media (max-height: 37.5rem) and (orientation: landscape){.nav-controls--vertical{gap:var(--space-sm)}}.color-circle{width:100%;aspect-ratio:1 / 1;max-width:3rem;height:2.5rem;border-radius:var(--radius-full);border:var(--border-width-thick) solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--transition-fast)}.color-circle:hover{border-color:var(--white);box-shadow:0 0 0 var(--border-width-default) #00000040,0 0 0 .16rem var(--white),var(--shadow-md);transform:var(--transform-scale-md)}.color-circle--active{border-color:var(--white);box-shadow:0 0 0 var(--border-width-default) #00000040,0 0 0 .16rem var(--white),0 .25rem .75rem #0003;transform:var(--transform-scale-lg)}.color-circle__check{color:var(--white);filter:drop-shadow(0 .125rem .25rem rgba(0,0,0,.5));pointer-events:none}.color-circle:focus-visible{outline:var(--outline-width) solid var(--text-primary);outline-offset:var(--outline-offset)}@media (prefers-reduced-motion: reduce){.color-circle{transition:none}}.color-selector{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--shadow-sm)}.color-selector--dropdown{position:absolute;top:calc(100% + .5rem);right:0;padding:var(--space-lg);min-width:18rem;z-index:var(--z-dropdown);opacity:0;pointer-events:none;transform:translateY(-.5rem);transition:all var(--transition-base)}.color-selector--dropdown.color-selector--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.color-selector__arrow{position:absolute;top:-.375rem;right:1rem;width:.75rem;height:.75rem;background:var(--surface-raised);border-left:var(--border-width-thin) solid var(--border);border-top:var(--border-width-thin) solid var(--border);transform:rotate(45deg)}.color-selector__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.color-selector__title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.color-selector--panel{max-height:0;opacity:0;overflow:hidden;padding:0;margin:0;border:none;box-shadow:none;background:transparent;transform-origin:top;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);pointer-events:none;position:relative}.color-selector--panel.color-selector--visible{max-height:32rem;opacity:1;padding:var(--space-sm) 0 var(--space-md);margin-top:var(--space-sm);pointer-events:auto;overflow-y:auto;overflow-x:hidden}.color-selector__grid{display:grid;gap:var(--space-md)}.color-selector--dropdown .color-selector__grid{grid-template-columns:repeat(4,1fr)}.color-selector--dropdown .color-selector__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.color-selector--dropdown .color-selector__label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-normal);text-align:center}.color-selector--panel .color-selector__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-sm) var(--space-xs);padding:0 var(--space-sm);justify-items:center;max-width:100%;box-sizing:border-box}.color-selector--panel .color-selector__option{display:flex;flex-direction:column;align-items:center;gap:.375rem}.color-selector--panel .color-selector__label{font-size:.625rem;color:var(--text-secondary);font-weight:var(--font-normal);text-align:center;line-height:var(--line-height-md);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-selector--panel .color-selector__grid>*{opacity:0;transform:scale(.8) translateY(.5rem);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.color-selector--panel.color-selector--visible .color-selector__grid>*{opacity:1!important;transform:scale(1) translateY(0)!important}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(1){transition-delay:.02s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(2){transition-delay:.04s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(3){transition-delay:.06s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(4){transition-delay:.08s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(5){transition-delay:.1s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(6){transition-delay:.12s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(7){transition-delay:.14s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(8){transition-delay:.16s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(9){transition-delay:.18s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(10){transition-delay:.2s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(11){transition-delay:.22s}.color-selector--panel.color-selector--visible .color-selector__grid>*:nth-child(12){transition-delay:.24s}@media (min-width: 48rem){.color-selector--dropdown{min-width:19rem}}@media (max-width: 22.5rem){.color-selector--panel .color-selector__grid{gap:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.color-selector--dropdown,.color-selector--panel,.color-selector--panel .color-selector__grid>*{transition:none;animation:none}}.desktop-navbar{width:100%;min-width:20rem;height:var(--navbar-height);display:block;box-sizing:border-box;background:var(--nav-bg);border-bottom:var(--border-width-thin) solid var(--nav-border);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));box-shadow:var(--shadow-sm)}.desktop-navbar__container{width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-lg);padding-inline:var(--space-lg);box-sizing:border-box}.desktop-navbar__logo{justify-self:start}.desktop-navbar__links{display:flex;gap:.375rem;padding:var(--space-xs);align-items:center;justify-content:center;justify-self:center;background:var(--surface-base);border-radius:var(--radius-md);border:var(--border-width-thick) solid var(--border);transition:all var(--transition-base)}.desktop-navbar__links:hover{border-color:var(--accent)}.desktop-navbar__controls{justify-self:end;position:relative}@media (min-width: 80rem){.desktop-navbar__container{gap:2.5rem;padding-inline:2.5rem}.desktop-navbar__links{gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}}@media (min-width: 120rem){.desktop-navbar__container{gap:var(--space-3xl);padding-inline:var(--space-3xl)}}@media (max-width: 20rem){.desktop-navbar{min-width:20rem;overflow-x:auto}.desktop-navbar__container{min-width:20rem}}@media (prefers-reduced-motion: reduce){.desktop-navbar__links{transition:none}}@media print{.desktop-navbar{display:none!important}}.mobile-menu-toggle{position:fixed;top:var(--space-md);right:var(--space-md);z-index:var(--z-elevated);background:var(--accent);color:var(--white);padding:var(--space-sm);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);display:block;box-sizing:border-box}.mobile-menu-toggle:hover{transform:var(--transform-scale-md)}.mobile-menu-toggle:active{transform:var(--transform-scale-sm)}.mobile-menu-toggle:focus-visible{outline:var(--outline-width) solid var(--white);outline-offset:var(--outline-offset)}.mobile-menu-overlay{display:none;width:100vw;height:100vh;background:#00000040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:var(--z-overlay);position:fixed;inset:0;animation:fadeIn var(--transition-base) ease}.mobile-menu-overlay--visible{display:block}.mobile-menu-container{position:fixed;inset:0;z-index:var(--z-mobile-menu);pointer-events:none;display:flex;justify-content:flex-end}.mobile-menu-container--open{pointer-events:auto}.mobile-menu{width:min(85vw,24rem);height:100%;overflow-y:auto;overflow-x:hidden;background:var(--sidebar-bg);box-shadow:-.25rem 0 1.25rem #0003;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xl);box-sizing:border-box;transform:translate(100%);transition:transform .33s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-menu--open{transform:translate(0)}.mobile-menu::-webkit-scrollbar{width:.375rem}.mobile-menu::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:.625rem}.mobile-menu__header{display:flex;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:var(--border-width-thin) solid var(--nav-border);flex-shrink:0}.mobile-menu__nav{display:flex;flex-direction:column;gap:.375rem}.mobile-menu__spacer{flex:1}.mobile-menu__settings{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);margin-top:auto;border-top:var(--border-width-thin) solid var(--nav-border);flex-shrink:0}@media (max-width: 28.5rem){.mobile-menu{width:100%;max-width:100%;border-radius:0}}@media (prefers-reduced-motion: reduce){.mobile-menu,.mobile-menu-toggle,.mobile-menu-overlay{transition:none;animation:none}}@media print{.mobile-menu-toggle,.mobile-menu-overlay,.mobile-menu-container{display:none!important}}.animated-section{opacity:0;transition:opacity var(--animation-duration-base) ease-out}.animated-section.is-visible{animation-duration:var(--animation-duration-base);animation-delay:var(--animation-delay-base);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}.animated-section.fadeInUp{transform:translateY(1.875rem)}.animated-section.fadeInUp.is-visible{animation-name:fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.animated-section.fadeInLeft{transform:translate(-1.875rem)}.animated-section.fadeInLeft.is-visible{animation-name:fadeInLeft}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}.animated-section.fadeInRight{transform:translate(1.875rem)}.animated-section.fadeInRight.is-visible{animation-name:fadeInRight}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.animated-section.fadeIn.is-visible{animation-name:fadeIn}@keyframes fadeIn{to{opacity:1}}.animated-section.scaleIn{transform:scale(.9)}.animated-section.scaleIn.is-visible{animation-name:scaleIn}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.animated-section{opacity:1!important;transform:none!important;animation:none!important}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand__tagline{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--line-height-base);opacity:.85;max-width:100%}@media (min-width: 48rem){.footer-brand{grid-column:1 / -1;gap:var(--space-lg)}.footer-brand__tagline{font-size:var(--text-lg);max-width:35rem}}@media (min-width: 64rem){.footer-brand{grid-column:auto;gap:var(--space-lg)}.footer-brand__tagline{font-size:var(--text-lg);max-width:40rem}}@media (min-width: 90rem){.footer-brand__tagline{font-size:var(--text-xl)}}@media (min-width: 120rem){.footer-brand__tagline{font-size:1.375rem}}@media print{.footer-brand{page-break-inside:avoid}}.footer-social{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center;text-align:center;width:100%}.footer-social__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.footer-social__container{display:flex;flex-direction:row;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.footer-social__link{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-md);background:var(--surface-base);border:var(--border-width-default) solid var(--border);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);position:relative;overflow:hidden;flex-shrink:0}.footer-social__link:before{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;transition:opacity var(--transition-base);z-index:0}.footer-social__link:hover:before{opacity:1}.footer-social__link:hover{border-color:transparent;transform:var(--transform-hover-lift);box-shadow:var(--shadow-lg),0 0 1.5rem var(--accent-muted)}.footer-social__link svg{position:relative;z-index:1;transition:all var(--transition-base)}.footer-social__link:hover svg{color:var(--white);transform:var(--transform-scale-lg) rotate(5deg)}.footer-social__link:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}.footer-social__link:active{transform:translateY(0) scale(1)}@media (min-width: 36rem){.footer-social__container{gap:var(--space-lg)}}@media (min-width: 48rem){.footer-social__link{width:3.75rem;height:3.75rem}.footer-social__label{font-size:var(--text-base)}}@media (min-width: 62rem){.footer-social__link{width:4rem;height:4rem}.footer-social__container{gap:1.75rem}}@media (min-width: 75rem){.footer-social__link{width:4.25rem;height:4.25rem}}@media (min-width: 87.5rem){.footer-social__link{width:4.5rem;height:4.5rem}.footer-social__container{gap:var(--space-xl)}}@media (prefers-reduced-motion: reduce){.footer-social__link,.footer-social__link:before,.footer-social__link svg{transition:none}.footer-social__link:hover,.footer-social__link:hover svg{transform:none}}@media (prefers-contrast: more){.footer-social__link{border:var(--border-width-default) solid currentColor}.footer-social__link:hover{background:var(--accent);color:var(--white)}}.dark-theme .footer-social__link:hover{box-shadow:0 .75rem 1.5rem #00000080,0 0 2rem rgba(var(--color-primary-rgb),.3)}@media print{.footer-social__link{border:var(--border-width-thin) solid #000;box-shadow:none}.footer-social__link:before{display:none}.footer-social__link:hover{transform:none}}.footer-legal{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-legal__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.footer-legal__links{display:flex;flex-direction:column;gap:var(--space-md)}.footer-legal__link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;text-align:left;transition:all var(--transition-base);width:fit-content;position:relative}.footer-legal__link:after{content:"";position:absolute;bottom:-.125rem;left:0;width:0;height:var(--border-width-default);background:var(--accent);transition:width var(--transition-base)}.footer-legal__link:hover{color:var(--accent);transform:translate(.25rem)}.footer-legal__link:hover:after{width:100%}.footer-legal__link:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset);border-radius:var(--radius-sm)}@media (min-width: 48rem){.footer-legal__links{flex-direction:row;gap:var(--space-xl)}}@media (min-width: 64rem){.footer-legal__links{flex-direction:column;gap:var(--space-lg)}.footer-legal__link{font-size:var(--text-base)}}@media (prefers-reduced-motion: reduce){.footer-legal__link,.footer-legal__link:after{transition:none}.footer-legal__link:hover{transform:none}}@media (prefers-contrast: more){.footer-legal__link{border:var(--border-width-default) solid currentColor}}@media print{.footer-legal__link{border:var(--border-width-thin) solid #000;box-shadow:none}.footer-legal__link:after{display:none}}.footer-bottom{max-width:var(--footer-max-width);margin:2.5rem auto 0;display:flex;flex-direction:column;gap:var(--space-sm);text-align:center;padding:0 var(--space-md)}.footer-bottom__copyright{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.footer-bottom__credits{font-size:var(--text-sm);color:var(--text-secondary);opacity:.75;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.footer-bottom__heart{color:#ff4757;display:inline-block}@media (min-width: 48rem){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--space-xl)}.footer-bottom__copyright,.footer-bottom__credits{text-align:left}}@media (min-width: 64rem){.footer-bottom{margin-top:var(--space-2xl);padding:0 var(--space-2xl)}}@media (min-width: 90rem){.footer-bottom{margin-top:3.5rem}.footer-bottom__copyright,.footer-bottom__credits{font-size:var(--text-base)}}@media print{.footer-bottom{page-break-inside:avoid}}.legal-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn var(--transition-base) ease}.legal-modal{background:var(--surface-raised);border:var(--border-width-thin) solid var(--border);border-radius:var(--radius-lg);max-width:50rem;max-height:calc(100vh - var(--space-md) * 2);width:100%;display:flex;flex-direction:column;box-shadow:0 1.25rem 3.125rem #0006,var(--shadow-lg);animation:slideUp var(--transition-base) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.legal-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:var(--border-width-thin) solid var(--border);flex-shrink:0}.legal-modal-title{font-size:1.375rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-lg)}.legal-modal-content{padding:var(--space-lg);overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface-base)}.legal-modal-content::-webkit-scrollbar{width:.5rem}.legal-modal-content::-webkit-scrollbar-track{background:var(--surface-base);border-radius:var(--radius-sm);margin:var(--space-xs) 0}.legal-modal-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-sm)}.legal-modal-content::-webkit-scrollbar-thumb:hover{background:var(--glow-primary-light)}.legal-modal-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:1.75rem 0 .875rem;line-height:var(--line-height-lg)}.legal-modal-content h3:first-child{margin-top:0}.legal-modal-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--space-lg) 0 .625rem;line-height:var(--line-height-lg)}.legal-modal-content p,.legal-modal-content li{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--line-height-base);margin-bottom:var(--space-md)}.legal-modal-content ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.legal-last-updated{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:var(--border-width-thin) solid var(--border);font-size:var(--text-sm);opacity:.7}@media (max-width: 48rem){.legal-modal-overlay{padding:0}.legal-modal{max-width:100%;max-height:100%;height:100%;border-radius:0;border:none}.legal-modal-header,.legal-modal-content{padding:var(--space-md) var(--space-lg)}.legal-modal-title{font-size:1.25rem}}@media (max-width: 30rem){.legal-modal-header{padding:var(--space-sm) var(--space-md)}.legal-modal-content{padding:var(--space-md)}.legal-modal-title{font-size:1.125rem}.legal-modal-content h3{font-size:var(--text-base);margin:var(--space-lg) 0 var(--space-sm)}.legal-modal-content h4{font-size:var(--text-sm);margin:var(--space-md) 0 var(--space-xs)}.legal-modal-content p,.legal-modal-content li{font-size:var(--text-sm)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.legal-modal-overlay,.legal-modal{animation:none}}@media print{.legal-modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.legal-modal{max-height:none;box-shadow:none;border:var(--border-width-thin) solid #000}.legal-modal-content{overflow:visible}}.footer{background:var(--surface-raised);position:relative;padding:var(--space-3xl) var(--space-lg) var(--space-xl);width:100%}.footer__border{position:absolute;top:0;left:0;right:0;height:var(--border-width-thick);background:var(--accent);opacity:.6;box-shadow:0 0 1rem var(--accent-muted)}.footer__container{max-width:var(--footer-max-width);margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-2xl);padding-bottom:2.5rem;border-bottom:var(--border-width-thin) solid var(--border);width:100%}@media (min-width: 48rem){.footer{padding:var(--space-4xl) 2.5rem 2.5rem}.footer__container{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}}@media (min-width: 64rem){.footer{padding:6rem var(--space-2xl) var(--space-2xl)}.footer__container{grid-template-columns:2.5fr 1.5fr 1.5fr;gap:var(--space-4xl);align-items:start}}@media (min-width: 90rem){.footer{padding:7rem var(--space-3xl) 3.5rem}.footer__container{max-width:var(--content-max-width);gap:6rem}.footer__border{height:.3125rem}}@media (min-width: 120rem){.footer{padding:var(--space-3xl) var(--space-4xl) var(--space-3xl)}.footer__container{max-width:100rem;gap:7rem}}@media print{.footer{border-top:var(--border-width-thin) solid #000;background:#fff;page-break-inside:avoid;padding:var(--space-xl) var(--space-md)}.footer__border{display:none}}.app-layout{display:grid;grid-template-rows:var(--navbar-height) 1fr auto;grid-template-areas:"header" "main" "footer";min-height:100vh;width:100%}.layout-header{grid-area:header;position:fixed;top:0;left:0;right:0;width:100%;height:var(--navbar-height);z-index:var(--z-sticky);box-sizing:border-box}.layout-main{grid-area:main;width:100%;min-height:calc(100vh - var(--navbar-height));scroll-snap-type:y proximity}.layout-main section{scroll-snap-align:start;scroll-snap-stop:normal}.layout-footer{grid-area:footer;width:100%}@media (min-width: 64rem){.layout-main section{scroll-margin-top:var(--navbar-height)}}@media print{.layout-header{position:static}.layout-main{min-height:auto;scroll-snap-type:none}.layout-main section{scroll-margin-top:0;min-height:auto;scroll-snap-align:none}}.scroll-progress-bar{position:fixed;top:0;left:0;width:100%;height:.25rem;z-index:var(--z-scroll-progress);pointer-events:none}.scroll-progress-fill{height:100%;background:var(--accent);box-shadow:0 0 .625rem var(--accent),0 0 1.25rem var(--shadow-accent-md);transition:width .1s ease-out;transform-origin:left}.scroll-to-top{position:fixed;bottom:var(--space-md);right:var(--space-md);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--accent);color:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-scroll-button);opacity:0;transform:translateY(6.25rem) scale(.8);pointer-events:none;transition:all var(--transition-slow)}.scroll-to-top.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.scroll-to-top:hover{transform:translateY(-.25rem) scale(1.05);box-shadow:0 .5rem 1.875rem #0003,0 0 2.5rem var(--shadow-accent-md)}.scroll-to-top:active{transform:var(--transform-active)}.scroll-to-top svg{transition:transform var(--transition-base)}.scroll-to-top:hover svg{transform:translateY(-.1875rem);animation:bounce-up .6s ease infinite}@keyframes bounce-up{0%,to{transform:translateY(-.1875rem)}50%{transform:var(--transform-lift-lg)}}.scroll-to-top:focus-visible{outline:var(--border-width-thick) solid var(--accent);outline-offset:var(--outline-offset)}@media (min-width: 48rem){.scroll-to-top{width:3rem;height:3rem;bottom:1rem;right:1rem}}@media (prefers-reduced-motion: reduce){.scroll-to-top,.scroll-to-top svg{transition:none;animation:none}.scroll-to-top:hover{transform:none}}.not-found-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--surface-base)}.not-found-page__container{max-width:600px;width:100%;text-align:center}.not-found-page__preview-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:10000;box-shadow:0 2px 8px #00000026}.not-found-page__preview-badge{padding:4px 8px;background:#fff3;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--font-bold);letter-spacing:.5px}.not-found-page__preview-text{font-size:14px;line-height:var(--line-height-lg)}.not-found-page__code{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl);-webkit-user-select:none;user-select:none}.not-found-page__code-digit{font-size:clamp(5rem,15vw,10rem);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--line-height-sm);animation:fadeInScale .6s ease-out backwards}.not-found-page__code-digit:nth-child(1){animation-delay:0s}.not-found-page__code-digit:nth-child(2){animation-delay:.1s}.not-found-page__code-digit:nth-child(3){animation-delay:.2s}.not-found-page__code-digit--accent{color:var(--accent);animation:fadeInScaleBounce .8s ease-out backwards .1s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInScaleBounce{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.not-found-page__content{display:flex;flex-direction:column;gap:var(--space-lg)}.not-found-page__title{font-size:var(--text-fluid-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.not-found-page__message{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--line-height-base);margin:0}.not-found-page__suggestions{margin-top:var(--space-md);padding:var(--space-lg);background:var(--surface-raised);border:var(--border-width-default) solid var(--border);border-radius:var(--radius-md);text-align:left}.not-found-page__suggestions-title{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0}.not-found-page__suggestions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.not-found-page__link{display:block;padding:var(--space-sm) var(--space-md);color:var(--accent);text-decoration:none;font-weight:var(--font-medium);border-radius:var(--radius-sm);transition:all var(--transition-base);text-align:center}.not-found-page__link:hover{background:var(--accent-muted);color:var(--accent-active-hover);transform:var(--transform-lift-sm)}.not-found-page__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.not-found-page__actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);flex-wrap:wrap}.not-found-page__button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--btn-padding-lg);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-default) solid transparent;min-width:160px;justify-content:center}.not-found-page__button--primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.not-found-page__button--primary:hover{background:var(--accent-active-hover);border-color:var(--accent-active-hover);transform:var(--transform-lift-sm)}.not-found-page__button--secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.not-found-page__button--secondary:hover{background:var(--surface-raised);border-color:var(--accent);color:var(--accent)}.not-found-page__button:active{transform:scale(.98)}.not-found-page__button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 48rem){.not-found-page__suggestions-list{grid-template-columns:repeat(2,1fr)}.not-found-page__preview-banner{flex-direction:column;text-align:center;gap:8px;padding:10px 16px}}@media (max-width: 30rem){.not-found-page__code{gap:var(--space-xs)}.not-found-page__suggestions{padding:var(--space-md)}.not-found-page__suggestions-list{grid-template-columns:1fr}.not-found-page__actions{flex-direction:column;width:100%}.not-found-page__button{width:100%}}@media (prefers-reduced-motion: reduce){.not-found-page__code-digit{animation:none}.not-found-page__button,.not-found-page__link{transition:none}}@media print{.not-found-page{background:#fff;color:#000}.not-found-page__actions,.not-found-page__preview-banner{display:none}.not-found-page__code-digit--accent{color:#000}}:root{--hue: 217;--white: #FFFFFF;--background: hsl(var(--hue), 12%, 12%);--bp-xss: 20rem;--font-family: "Montserrat Alternates", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-fluid-xs: clamp(.75rem, 1.2vw, .875rem);--text-fluid-sm: clamp(.875rem, 1.5vw, 1rem);--text-fluid-base: clamp(1rem, 1.8vw, 1.125rem);--text-fluid-md: clamp(1.063rem, 2vw, 1.25rem);--text-fluid-lg: clamp(1.125rem, 2.2vw, 1.375rem);--text-fluid-xl: clamp(1.25rem, 2.5vw, 1.5rem);--text-fluid-2xl: clamp(1.5rem, 3vw, 2rem);--text-fluid-3xl: clamp(2rem, 4vw, 2.5rem);--text-fluid-4xl: clamp(2.5rem, 5vw, 3.5rem);--font-normal: 500;--font-medium: 600;--font-semibold: 700;--font-bold: 800;--line-height-sm: 1;--line-height-md: 1.2;--line-height-lg: 1.4;--line-height-base: 1.6;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--card-padding-xs: .5rem;--card-padding-sm: .75rem;--card-padding-md: 1rem;--card-padding-lg: 1.25rem;--card-padding-xl: 1.5rem;--section-padding-xs: 1rem;--section-padding-sm: 1.5rem;--section-padding-md: 2rem;--section-padding-lg: 3rem;--section-padding-xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 50%;--border-width-thin: .0625rem;--border-width-default: .125rem;--border-width-thick: .1875rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .6s cubic-bezier(.34, 1.56, .64, 1);--animation-duration-fast: .3s;--animation-duration-base: .6s;--animation-duration-slow: .8s;--animation-delay-base: 0s;--animation-delay-stagger: .1s;--transform-lift-sm: translateY(-.125rem);--transform-lift-md: translateY(-.25rem);--transform-lift-lg: translateY(-.5rem);--transform-scale-sm: scale(.95);--transform-scale-md: scale(1.05);--transform-scale-lg: scale(1.1);--transform-scale-xl: scale(1.15);--transform-hover-lift: translateY(-.25rem) scale(1.05);--transform-active: translateY(0) scale(.98);--blur-sm: .5rem;--blur-md: .75rem;--blur-lg: 1rem;--icon-xs: 1rem;--icon-sm: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--btn-padding-sm: .5rem .875rem;--btn-padding-md: .625rem 1.25rem;--btn-padding-lg: .75rem 1.5rem;--btn-padding-xl: 1rem 2rem;--form-input-padding: .875rem 1rem;--form-input-padding-lg: 1rem 1.125rem;--z-base: 0;--z-elevated: 10;--z-scroll-button: 12;--z-dev-tools: 15;--z-overlay: 20;--z-mobile-menu: 25;--z-dropdown: 100;--z-sticky: 200;--z-scroll-progress: 250;--z-modal: 300;--z-toast: 9999;--navbar-height: 4rem;--footer-max-width: 75rem;--container-max-width: 75rem;--content-max-width: 120rem;--outline-width: .1875rem;--outline-offset: .125rem;--delay: 0s;--width: 100%}.light-theme{--background: hsl(var(--hue), 20%, 98%);--text-primary: hsl(var(--hue), 20%, 20%);--text-secondary: hsl(var(--hue), 15%, 32%);--surface-base: hsl(var(--hue), 20%, 97%);--surface-raised: hsl(var(--hue), 18%, 95%);--border: hsl(var(--hue), 15%, 82%);--border-color: hsl(var(--hue), 15%, 82%);--accent: hsl(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light));--accent-muted: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), .1);--accent-active: hsl(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light));--accent-active-hover: hsl(var(--color-primary-h), var(--color-primary-s-light), calc(var(--color-primary-l-light) + 6%));--shadow-accent-sm: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), .1);--shadow-accent-md: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), .15);--shadow-accent-lg: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), .25);--glow-primary: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), 1);--glow-primary-light: hsla(var(--color-primary-h), calc(var(--color-primary-s-light) - 5%), calc(var(--color-primary-l-light) + 8%), .8);--glow-primary-lighter: hsla(var(--color-primary-h), calc(var(--color-primary-s-light) - 10%), calc(var(--color-primary-l-light) + 15%), .6);--avatar-ring-primary: hsla(var(--color-primary-h), var(--color-primary-s-light), var(--color-primary-l-light), 1);--avatar-ring-light: hsla(var(--color-primary-h), calc(var(--color-primary-s-light) - 5%), calc(var(--color-primary-l-light) + 8%), .85);--toast-success: hsl(142, 71%, 45%);--toast-error: hsl(0, 72%, 51%);--toast-info: hsl(210, 79%, 46%);--toast-loading: hsl(262, 52%, 47%);--toast-warning: hsl(38, 92%, 50%);--toast-success-bg: hsl(142, 55%, 96%);--toast-error-bg: hsl(0, 60%, 96%);--toast-info-bg: hsl(210, 70%, 96%);--toast-loading-bg: hsl(262, 45%, 96%);--toast-warning-bg: hsl(38, 80%, 96%);--toast-success-text: hsl(142, 71%, 20%);--toast-error-text: hsl(0, 72%, 25%);--toast-info-text: hsl(210, 79%, 22%);--toast-loading-text: hsl(262, 52%, 22%);--toast-warning-text: hsl(38, 92%, 22%);--toast-success-icon-bg: hsla(142, 71%, 45%, .15);--toast-error-icon-bg: hsla(0, 72%, 51%, .15);--toast-info-icon-bg: hsla(210, 79%, 46%, .15);--toast-loading-icon-bg: hsla(262, 52%, 47%, .15);--toast-warning-icon-bg: hsla(38, 92%, 50%, .15);--shadow-light: rgba(0, 0, 0, .04);--shadow-medium: rgba(0, 0, 0, .07);--shadow-sm: 0 .125rem .25rem var(--shadow-light);--shadow-md: 0 .25rem .75rem var(--shadow-light);--shadow-lg: 0 .5rem 1.25rem var(--shadow-medium);--shadow-xl: 0 1rem 2rem var(--shadow-medium);--nav-bg: hsla(0, 0%, 100%, .94);--nav-border: hsl(var(--hue), 14%, 83%);--nav-hover: hsl(var(--hue), 18%, 92%);--sidebar-bg: hsl(var(--hue), 18%, 96%)}.dark-theme{--background: hsl(var(--hue), 12%, 12%);--text-primary: hsl(var(--hue), 12%, 88%);--text-secondary: hsl(var(--hue), 12%, 72%);--surface-base: hsl(var(--hue), 12%, 15%);--surface-raised: hsl(var(--hue), 10%, 19%);--border: hsl(var(--hue), 10%, 28%);--border-color: hsl(var(--hue), 12%, 72%);--accent: hsl(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark));--accent-muted: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), .15);--accent-active: hsl(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark));--accent-active-hover: hsl(var(--color-primary-h), var(--color-primary-s-dark), calc(var(--color-primary-l-dark) - 6%));--shadow-accent-sm: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), .12);--shadow-accent-md: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), .18);--shadow-accent-lg: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), .3);--glow-primary: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), 1);--glow-primary-light: hsla(var(--color-primary-h), calc(var(--color-primary-s-dark) + 5%), calc(var(--color-primary-l-dark) + 5%), .85);--glow-primary-lighter: hsla(var(--color-primary-h), calc(var(--color-primary-s-dark) + 8%), calc(var(--color-primary-l-dark) + 8%), .65);--avatar-ring-primary: hsla(var(--color-primary-h), var(--color-primary-s-dark), var(--color-primary-l-dark), 1);--avatar-ring-light: hsla(var(--color-primary-h), calc(var(--color-primary-s-dark) - 10%), calc(var(--color-primary-l-dark) + 15%), .9);--toast-success: hsl(142, 76%, 36%);--toast-error: hsl(0, 84%, 60%);--toast-info: hsl(217, 91%, 60%);--toast-loading: hsl(262, 83%, 58%);--toast-warning: hsl(32, 98%, 56%);--toast-success-bg: hsl(142, 30%, 16%);--toast-error-bg: hsl(0, 35%, 18%);--toast-info-bg: hsl(217, 35%, 18%);--toast-loading-bg: hsl(262, 30%, 18%);--toast-warning-bg: hsl(32, 40%, 18%);--toast-success-text: hsl(142, 76%, 92%);--toast-error-text: hsl(0, 84%, 92%);--toast-info-text: hsl(217, 91%, 92%);--toast-loading-text: hsl(262, 83%, 92%);--toast-warning-text: hsl(32, 98%, 92%);--toast-success-icon-bg: hsla(142, 76%, 36%, .2);--toast-error-icon-bg: hsla(0, 84%, 60%, .2);--toast-info-icon-bg: hsla(217, 91%, 60%, .2);--toast-loading-icon-bg: hsla(262, 83%, 58%, .2);--toast-warning-icon-bg: hsla(32, 98%, 56%, .2);--shadow-light: rgba(0, 0, 0, .15);--shadow-medium: rgba(0, 0, 0, .22);--shadow-sm: 0 .125rem .25rem var(--shadow-light);--shadow-md: 0 .25rem .75rem var(--shadow-light);--shadow-lg: .5rem 1.25rem var(--shadow-medium);--shadow-xl: 0 1rem 2rem var(--shadow-medium);--nav-bg: hsla(var(--hue), 12%, 17%, .94);--nav-border: hsl(var(--hue), 10%, 26%);--nav-hover: hsl(var(--hue), 10%, 21%);--sidebar-bg: hsl(var(--hue), 12%, 17%)}:root[style*="--hue: 217"],:root[style*="--hue:217"]{--color-primary-h: 217;--color-primary-s-light: 52%;--color-primary-l-light: 50%;--color-primary-s-dark: 42%;--color-primary-l-dark: 68%;--color-primary-rgb: 61, 111, 184}:root[style*="--hue: 197"],:root[style*="--hue:197"]{--color-primary-h: 197;--color-primary-s-light: 44%;--color-primary-l-light: 48%;--color-primary-s-dark: 34%;--color-primary-l-dark: 64%;--color-primary-rgb: 69, 135, 176}:root[style*="--hue: 85"],:root[style*="--hue:85"]{--color-primary-h: 85;--color-primary-s-light: 32%;--color-primary-l-light: 34%;--color-primary-s-dark: 28%;--color-primary-l-dark: 58%;--color-primary-rgb: 96, 108, 56}:root[style*="--hue: 239"],:root[style*="--hue:239"]{--color-primary-h: 239;--color-primary-s-light: 72%;--color-primary-l-light: 70%;--color-primary-s-dark: 65%;--color-primary-l-dark: 78%;--color-primary-rgb: 154, 156, 234}:root[style*="--hue: 6"],:root[style*="--hue:6"]{--color-primary-h: 0;--color-primary-s-light: 86%;--color-primary-l-light: 79%;--color-primary-s-dark: 82%;--color-primary-l-dark: 82%;--color-primary-rgb: 248, 155, 155}:root[style*="--hue: 210"],:root[style*="--hue:210"]{--color-primary-h: 210;--color-primary-s-light: 20%;--color-primary-l-light: 42%;--color-primary-s-dark: 16%;--color-primary-l-dark: 70%;--color-primary-rgb: 86, 99, 129}:root[style*="--hue: 190"],:root[style*="--hue:190"]{--color-primary-h: 190;--color-primary-s-light: 46%;--color-primary-l-light: 46%;--color-primary-s-dark: 36%;--color-primary-l-dark: 64%;--color-primary-rgb: 63, 140, 171}:root[style*="--hue: 168"],:root[style*="--hue:168"]{--color-primary-h: 168;--color-primary-s-light: 42%;--color-primary-l-light: 44%;--color-primary-s-dark: 32%;--color-primary-l-dark: 62%;--color-primary-rgb: 65, 142, 138}:root[style*="--hue: 38"],:root[style*="--hue:38"]{--color-primary-h: 38;--color-primary-s-light: 52%;--color-primary-l-light: 50%;--color-primary-s-dark: 38%;--color-primary-l-dark: 66%;--color-primary-rgb: 194, 137, 61}:root[style*="--hue: 120"],:root[style*="--hue:120"]{--color-primary-h: 120;--color-primary-s-light: 32%;--color-primary-l-light: 42%;--color-primary-s-dark: 24%;--color-primary-l-dark: 62%;--color-primary-rgb: 73, 141, 73}:root[style*="--hue: 280"],:root[style*="--hue:280"]{--color-primary-h: 280;--color-primary-s-light: 42%;--color-primary-l-light: 46%;--color-primary-s-dark: 32%;--color-primary-l-dark: 66%;--color-primary-rgb: 107, 68, 164}:root[style*="--hue: 18"],:root[style*="--hue:18"]{--color-primary-h: 18;--color-primary-s-light: 48%;--color-primary-l-light: 44%;--color-primary-s-dark: 36%;--color-primary-l-dark: 64%;--color-primary-rgb: 166, 91, 58}:root[style*="--hue: 340"],:root[style*="--hue:340"]{--color-primary-h: 340;--color-primary-s-light: 58%;--color-primary-l-light: 52%;--color-primary-s-dark: 44%;--color-primary-l-dark: 68%;--color-primary-rgb: 209, 88, 132}:root[style*="--hue: 235"],:root[style*="--hue:235"]{--color-primary-h: 235;--color-primary-s-light: 46%;--color-primary-l-light: 48%;--color-primary-s-dark: 36%;--color-primary-l-dark: 66%;--color-primary-rgb: 66, 89, 178}:root[style*="--hue: 145"],:root[style*="--hue:145"]{--color-primary-h: 145;--color-primary-s-light: 36%;--color-primary-l-light: 40%;--color-primary-s-dark: 28%;--color-primary-l-dark: 60%;--color-primary-rgb: 65, 138, 100}:root[style*="--hue: 300"],:root[style*="--hue:300"]{--color-primary-h: 300;--color-primary-s-light: 38%;--color-primary-l-light: 46%;--color-primary-s-dark: 28%;--color-primary-l-dark: 66%;--color-primary-rgb: 162, 72, 162}:root[style*="--hue: 25"],:root[style*="--hue:25"]{--color-primary-h: 25;--color-primary-s-light: 54%;--color-primary-l-light: 48%;--color-primary-s-dark: 40%;--color-primary-l-dark: 66%;--color-primary-rgb: 189, 108, 56}:root[style*="--hue: 200"],:root[style*="--hue:200"]{--color-primary-h: 200;--color-primary-s-light: 28%;--color-primary-l-light: 44%;--color-primary-s-dark: 22%;--color-primary-l-dark: 68%;--color-primary-rgb: 81, 116, 144}:root[style*="--hue: 225"],:root[style*="--hue:225"]{--color-primary-h: 225;--color-primary-s-light: 48%;--color-primary-l-light: 54%;--color-primary-s-dark: 36%;--color-primary-l-dark: 70%;--color-primary-rgb: 88, 118, 187}@media (min-width: 48rem){:root{--text-3xl: 2.5rem;--text-4xl: 3rem}}@media (min-width: 64rem){:root{--text-3xl: 3rem;--text-4xl: 3.5rem;--navbar-height: 5rem}}@media (min-width: 80rem){:root{--text-3xl: 3.5rem;--text-4xl: 4rem;--navbar-height: 5.5rem}}*:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset);border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-1.875rem)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(1.875rem)}to{opacity:1;transform:translate(0)}}.profile-card{animation:fadeInLeft var(--animation-duration-slow) cubic-bezier(.4,0,.2,1) .2s backwards}.intro-card{animation:fadeInRight var(--animation-duration-slow) cubic-bezier(.4,0,.2,1) .3s backwards}.stats-card:nth-child(1){animation:fadeInUp var(--animation-duration-base) cubic-bezier(.4,0,.2,1) .4s backwards}.stats-card:nth-child(2){animation:fadeInUp var(--animation-duration-base) cubic-bezier(.4,0,.2,1) .5s backwards}.stats-card:nth-child(3){animation:fadeInUp var(--animation-duration-base) cubic-bezier(.4,0,.2,1) .6s backwards}.stats-card:nth-child(4){animation:fadeInUp var(--animation-duration-base) cubic-bezier(.4,0,.2,1) .7s backwards}.quick-fact:nth-child(1){animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .5s backwards}.quick-fact:nth-child(2){animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .6s backwards}.quick-fact:nth-child(3){animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .7s backwards}.quick-fact:nth-child(4){animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .8s backwards}@media (prefers-reduced-motion: reduce){.profile-card,.hero-card,.stats-card,.quick-fact{animation:none!important}}html{overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--border)}body{margin:0;padding:0;background:var(--surface-base);color:var(--text-secondary)}#root{width:100%;max-width:100vw}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}*{caret-color:transparent}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;caret-color:auto}body,input,textarea,button{font-family:var(--font-family),sans-serif;font-size:var(--text-fluid-base);font-weight:var(--font-normal)}h1,h2,h3{color:var(--text-primary);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}button,input,textarea{background-color:transparent;border:none;outline:none}img,video,iframe{display:block;max-width:100%;height:auto}.section-title{font-size:var(--text-4xl);text-align:center;margin-bottom:var(--space-3xl)}.section-title span{color:var(--accent)}.grid{display:grid}.container{max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--space-lg)}.page-section{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;width:100%}.page-section>*{width:100%}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:var(--surface-raised)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-sm);transition:background .2s ease,box-shadow .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--glow-primary-light);box-shadow:0 0 .5rem #00000040}::-webkit-scrollbar:horizontal{height:.35rem}::-webkit-scrollbar-thumb:horizontal{background:var(--accent);border-radius:var(--radius-sm);transition:background .2s ease,box-shadow .2s ease}::-webkit-scrollbar-thumb:horizontal:hover{background:var(--glow-primary-light);box-shadow:none}::-webkit-scrollbar-track:horizontal{background:var(--surface-raised)}*:focus-visible{outline:var(--outline-width) solid var(--accent);outline-offset:var(--outline-offset)}@media (max-width: 20rem){html,body,#root{overflow-x:auto;min-width:20rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{body{background:#fff;color:#000}.navbar,.footer,button{display:none}.page-section{min-height:auto}}
