@import "https://fonts.googleapis.com/css2?family=Cal+Sans:wght@400&display=swap";
.confirmation-section{min-height:calc(100vh - 80px);padding:4rem var(--spacing-md);align-items:center;display:flex}.confirmation-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:32rem;margin:0 auto;display:flex}.confirmation-icon{font-size:4rem;line-height:1}.confirmation-title{font-family:var(--font-poppins),sans-serif;color:var(--color-white);margin:0;font-size:1.75rem;font-weight:700}@media (min-width:768px){.confirmation-title{font-size:2.25rem}}.confirmation-message{color:var(--color-gray-light);margin:0;font-size:1.0625rem;line-height:1.7}.confirmation-highlight{border:2px solid var(--color-yellow);color:var(--color-white);background:#ffcc001a;border-radius:.75rem;width:100%;padding:1.25rem 1.5rem;font-size:1.0625rem;font-weight:500;line-height:1.6}.confirmation-error-highlight{border:2px solid var(--color-red);color:var(--color-white);background:#e7605626;border-radius:.75rem;width:100%;padding:1.25rem 1.5rem;font-size:1.0625rem;font-weight:500;line-height:1.6}.confirmation-sub{color:var(--color-gray-light);margin:0;font-size:.9375rem;line-height:1.6}.confirmation-link{color:var(--color-yellow);text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .2s}.confirmation-link:hover{color:#e5a60b}
.training-app{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}.training-app h1,.training-app h2,.training-app h3,.training-app h4,.training-app h5,.training-app h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.training-app h1{font-size:clamp(var(--font-size-2xl),4vw + 1rem,var(--font-size-4xl));font-weight:var(--font-weight-bold)}.training-app h2{font-size:clamp(var(--font-size-xl),3vw + .75rem,var(--font-size-3xl))}.training-app h3{font-size:clamp(var(--font-size-lg),2vw + .75rem,var(--font-size-2xl))}.training-app h4{font-size:clamp(var(--font-size-base),1.5vw + .75rem,var(--font-size-xl))}.training-app h5{font-size:var(--font-size-lg)}.training-app h6{font-size:var(--font-size-base)}.training-app p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.training-app a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.training-app a:hover{color:var(--color-primary-dark)}.training-app strong,.training-app b{font-weight:var(--font-weight-semibold)}.training-app small{font-size:var(--font-size-sm)}.training-app ul,.training-app ol{padding-left:var(--spacing-lg)}.training-app li{margin-bottom:var(--spacing-xs)}.training-app :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.training-app ::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.training-app .button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);min-height:48px;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;line-height:1;text-decoration:none;display:inline-flex}.training-app .button:focus-visible{outline:2px solid var(--color-yellow);outline-offset:2px}.training-app .button--primary{background:linear-gradient(to right,var(--color-yellow),#ff8c00);color:var(--color-black)}.training-app .button--primary:hover:not(:disabled){background:linear-gradient(90deg,#e5a60b,#e67e00)}.training-app .button--primary:active:not(:disabled){transform:translateY(1px)}.training-app .button--secondary{background-color:var(--color-green);color:var(--color-white)}.training-app .button--secondary:hover:not(:disabled){background-color:#006b3f}.training-app .button--outline{color:var(--color-yellow);border:2px solid var(--color-yellow);background-color:#0000}.training-app .button--outline:hover:not(:disabled){background-color:var(--color-yellow);color:var(--color-black)}.training-app .button--light{background-color:var(--color-primary-light);color:var(--color-primary)}.training-app .button--light:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-primary-light)}.training-app .button--ghost{color:var(--color-text-secondary);background-color:#0000}.training-app .button--ghost:hover:not(:disabled){background-color:var(--color-border-light);color:var(--color-text-primary)}.training-app .button--danger{background-color:var(--color-error);color:var(--color-text-light)}.training-app .button--danger:hover:not(:disabled){background-color:#dc2626}.training-app .button--small{padding:var(--spacing-xs)var(--spacing-md);min-height:36px;font-size:var(--font-size-sm)}.training-app .button--large{padding:var(--spacing-md)var(--spacing-xl);min-height:56px;font-size:var(--font-size-lg)}.training-app .button--full{width:100%}.training-app .button:disabled{opacity:.5;cursor:not-allowed}.training-app .button--icon{padding:var(--spacing-sm);min-width:40px;min-height:40px}.training-app .button--loading{pointer-events:none;position:relative;color:#0000!important}.training-app .button--loading:after{content:"";border:2px solid var(--color-text-primary);border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;position:absolute}.training-app .button--primary.button--loading:after{border-color:var(--color-black);border-right-color:#0000}.training-app .button--secondary.button--loading:after{border-color:var(--color-white);border-right-color:#0000}.training-app .button__inline-spinner{width:14px;height:14px;margin-right:var(--spacing-xs);vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite spin;display:inline-block}.training-app .button__icon{justify-content:center;align-items:center;display:inline-flex}.training-app .button__icon svg{width:1.25em;height:1.25em}.training-app .form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.training-app .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.training-app .form-label--required:after{content:" *";color:var(--color-error)}.training-app .input{width:100%;padding:var(--spacing-sm)var(--spacing-md);min-height:48px;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.training-app .input::placeholder{color:var(--color-text-muted)}.training-app .input:hover:not(:disabled){border-color:var(--color-text-muted)}.training-app .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.training-app .input--error{border-color:var(--color-error)}.training-app .input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.training-app .input:disabled{background-color:var(--color-border-light);cursor:not-allowed;opacity:.7}.training-app .input-wrapper{position:relative}.training-app .input-wrapper .input{padding-left:2.75rem}.training-app .input-wrapper .input-icon{left:var(--spacing-sm);color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.training-app .input-wrapper .input-icon-right{right:var(--spacing-md);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.training-app .form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.training-app .form-help{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.training-app .select-custom__trigger{width:100%;padding:var(--spacing-sm)var(--spacing-md);min-height:48px;font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.training-app .select-custom__trigger:hover{border-color:var(--color-text-muted)}.training-app .select-custom__trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.training-app .select-custom__trigger[data-placeholder]{color:var(--color-text-muted)}.training-app .select-custom__icon{color:var(--color-text-muted);flex-shrink:0}.select-custom__content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-modal);min-width:var(--radix-select-trigger-width);overflow:hidden}.select-custom__viewport{padding:var(--spacing-xs)}.select-custom__item{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);outline:none;justify-content:space-between;align-items:center;display:flex}.select-custom__item[data-highlighted]{background-color:var(--color-primary-light);color:var(--color-primary)}.select-custom__item[data-state=checked]{font-weight:var(--font-weight-medium)}.select-custom__check{color:var(--color-primary);margin-left:var(--spacing-sm);flex-shrink:0}.training-app .checkbox-group,.training-app .radio-group{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;display:flex}.training-app .checkbox,.training-app .radio{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin:0}.training-app .checkbox-label,.training-app .radio-label{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);cursor:pointer}.training-app .textarea{resize:vertical;min-height:120px;line-height:var(--line-height-relaxed)}.training-app .checkbox{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.training-app .checkbox:hover:not(:disabled){border-color:var(--color-primary)}.training-app .checkbox:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.training-app .checkbox[data-state=checked]{background-color:var(--color-primary);border-color:var(--color-primary)}.training-app .checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.training-app .checkbox--error{border-color:var(--color-error)}.training-app .checkbox--error:focus-visible{box-shadow:0 0 0 3px var(--color-error-light)}.training-app .checkbox__indicator{color:var(--color-text-light);justify-content:center;align-items:center;display:flex}.training-app .checkbox__icon{width:14px;height:14px}.training-app .card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);overflow:hidden}.training-app .card--clickable{cursor:pointer}.training-app .card--clickable:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.training-app .card--active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.training-app .card--completed{border-color:var(--color-success);background-color:var(--color-success-light)}.training-app .card--locked{opacity:.6;cursor:not-allowed}.training-app .card__header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.training-app .card__body{padding:var(--spacing-lg)}.training-app .card__footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border-light);background-color:var(--color-background);justify-content:space-between;align-items:center;display:flex}.training-app .auth-card{width:100%;max-width:440px;padding:var(--spacing-2xl);margin:0 auto}.training-app .auth-card__logo{text-align:center;margin-bottom:var(--spacing-xl)}.training-app .auth-card__title{text-align:center;margin-bottom:var(--spacing-xs)}.training-app .auth-card__subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.training-app .card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.training-app .card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.training-app .card__action{margin-left:auto}.training-app .progress{background-color:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.training-app .progress__bar{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.training-app .progress__bar--success{background-color:var(--color-success)}.training-app .progress__bar--warning{background-color:var(--color-warning)}.training-app .progress-wrapper{gap:var(--spacing-sm);flex-direction:column;display:flex}.training-app .progress-header{justify-content:space-between;align-items:center;display:flex}.training-app .progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.training-app .progress-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.training-app .progress--large{height:12px}.training-app .progress-steps{align-items:center;gap:var(--spacing-xs);display:flex}.training-app .progress-step{background-color:var(--color-border-light);border-radius:var(--radius-full);flex:1;height:4px}.training-app .progress-step--completed{background-color:var(--color-primary)}.training-app .progress-step--current{background-color:var(--color-secondary)}.training-app .progress-circle{justify-content:center;align-items:center;display:inline-flex;position:relative}.training-app .progress-circle__svg{transform:rotate(-90deg)}.training-app .progress-circle__track{fill:none;stroke:var(--color-border-light)}.training-app .progress-circle__bar{fill:none;stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.training-app .progress-circle__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);position:absolute}.training-app .badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.training-app .badge--required{background-color:var(--color-badge-required-bg);color:var(--color-badge-required)}.training-app .badge--optional{background-color:var(--color-badge-optional-bg);color:var(--color-badge-optional)}.training-app .badge--small{padding:var(--spacing-xxs);margin:0 var(--spacing-xxs)}.training-app .badge--success{background-color:var(--color-success-light);color:var(--color-success)}.training-app .badge--warning{background-color:var(--color-warning-light);color:var(--color-warning)}.training-app .badge--error{background-color:var(--color-error-light);color:var(--color-error)}.training-app .badge--info{background-color:var(--color-info-light);color:var(--color-info)}.training-app .badge--completed{background-color:var(--color-success-light);color:var(--color-success)}.training-app .badge--in-progress{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.training-app .badge--locked{background-color:var(--color-border-light);color:var(--color-badge-locked)}.training-app .badge--large{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm)}.training-app .badge__icon{font-size:1em}.modal-overlay{padding:var(--spacing-md);z-index:var(--z-modal);animation:fadeIn var(--transition-fast);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:calc(100% - var(--spacing-xl));background-color:var(--color-surface);border-radius:var(--radius-xl);max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);z-index:var(--z-modal);animation:slideUp var(--transition-normal);font-family:var(--font-family-sans);color:var(--color-text-primary);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal--large{max-width:800px}.modal--fullscreen{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal__close{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal__close:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;flex:1;min-height:0;overflow-y:auto}.modal__body::-webkit-scrollbar{width:6px}.modal__body::-webkit-scrollbar-track{background:0 0}.modal__body::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.modal__body::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.modal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-background);flex-shrink:0;display:flex}.modal__content{padding:var(--spacing-lg)}.modal__content .modal__title{margin-bottom:var(--spacing-sm)}.modal__content .modal__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.modal{max-width:calc(100% - 2rem)}.modal__header,.modal__body,.modal__footer,.modal__content{padding:var(--spacing-md)}.modal__footer{flex-direction:column-reverse}.modal__footer .button{width:100%}}
.training-app .training-header{margin-bottom:var(--spacing-xl)}.training-app .training-header__title{font-size:clamp(var(--font-size-xl),3vw + .75rem,var(--font-size-3xl));margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.training-app .training-header__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.training-app .training-intro{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.training-app .training-intro__title{font-size:clamp(var(--font-size-base),1.5vw + .75rem,var(--font-size-xl));color:var(--color-primary-dark);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.training-app .training-intro__content{color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.training-app .training-intro__content p,.training-app .training-intro__content ul{margin-bottom:var(--spacing-md)}.training-app .training-intro__renewal-box{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-xxs);background-color:#0040211a;display:inline-flex}.training-app .training-intro__renewal-label{font-size:var(--font-size-sm);color:var(--color-dark-green);font-weight:var(--font-weight-medium)}.training-app .training-intro__renewal-date{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-bold)}.training-app .training-how-it-works{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.training-app .training-how-it-works__title{font-size:clamp(var(--font-size-base),1.5vw + .75rem,var(--font-size-xl));color:var(--color-primary-dark);line-height:var(--line-height-tight);grid-column:1/-1}.training-app .training-how-it-works__column{background-color:var(--color-background);border-radius:var(--radius-md);padding:0 var(--spacing-lg)}.training-app .training-how-it-works__column strong{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);display:block}.training-app .training-how-it-works__column ul{padding-left:var(--spacing-lg);margin:0}.training-app .training-how-it-works__column li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.training-app .training-how-it-works__column li:last-child{margin-bottom:0}@media (max-width:640px){.training-app .training-how-it-works{grid-template-columns:1fr}}.training-app .training-progress-card{padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) - var(--spacing-xs));margin-bottom:var(--spacing-xl);border:1px solid var(--color-green)}.training-app .training-progress-card__header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.training-app .training-progress-card__percentage{align-items:center;gap:var(--spacing-sm);margin-top:-1.5rem;display:flex}.training-app .training-progress-card__title{font-size:clamp(var(--font-size-base),1.5vw + .75rem,var(--font-size-xl));line-height:var(--line-height-tight)}.training-app .training-progress-card__stats{gap:var(--spacing-xl);display:flex}.training-app .training-progress-card__stat{text-align:center}.training-app .training-progress-card__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.training-app .training-progress-card__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.training-app .progress-stepper{margin-top:var(--spacing-lg);padding:0 var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.training-app .progress-stepper__step{align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast);cursor:default;flex-direction:column;text-decoration:none;display:flex}.training-app .progress-stepper__step--completed,.training-app .progress-stepper__step--current{cursor:pointer}.training-app .progress-stepper__step--completed:hover .progress-stepper__icon,.training-app .progress-stepper__step--current:hover .progress-stepper__icon{transform:scale(1.1)}.training-app .progress-stepper__icon{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.training-app .progress-stepper__icon--completed{background-color:var(--color-success);color:var(--color-text-light)}.training-app .progress-stepper__icon--current{background-color:var(--color-secondary);color:var(--color-text-light);box-shadow:0 0 0 4px var(--color-primary-light);animation:2s infinite pulse-step}.training-app .progress-stepper__icon--locked{background-color:var(--color-border-light);color:var(--color-text-muted)}.training-app .progress-stepper__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;max-width:90px}.training-app .progress-stepper__step--completed .progress-stepper__label{color:var(--color-success)}.training-app .progress-stepper__step--current .progress-stepper__label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.training-app .progress-stepper__step--locked .progress-stepper__label{color:var(--color-text-muted)}.training-app .progress-stepper__connector{background-color:var(--color-border-light);height:2px;margin:0 var(--spacing-xs);margin-bottom:var(--spacing-lg);transition:background-color var(--transition-normal);flex:1}.training-app .progress-stepper__connector--active{background-color:var(--color-success)}@keyframes pulse-step{0%,to{box-shadow:0 0 0 4px var(--color-secondary-light)}50%{box-shadow:0 0 0 8px var(--color-secondary-light)}}@media (max-width:480px){.training-app .progress-stepper{padding:0}.training-app .progress-stepper__icon{width:28px;height:28px}.training-app .progress-stepper__label{max-width:55px;font-size:10px}.training-app .progress-stepper__connector{margin:0 2px}}.training-app .modules-list-section{margin-top:var(--spacing-xl)}.training-app .modules-list-section__title{margin-bottom:var(--spacing-lg)}.training-app .modules-list{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.training-app .modules-list__footer{gap:var(--spacing-md);grid-column:1/-1;grid-template-columns:repeat(2,1fr);display:grid}.training-app .module-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;justify-content:center;height:100%;display:flex}.training-app .module-card:hover:not(.module-card--locked){border-color:var(--color-primary);box-shadow:var(--shadow-md)}.training-app .module-card--completed{border-color:var(--color-success);background-color:#22c55e0d}.training-app .module-card--locked{opacity:.6;cursor:not-allowed}.training-app .module-card--quiz{border-color:var(--color-info);background-color:#3b82f60d}.training-app .module-card--convention{border-color:var(--color-secondary);background-color:#f4a2610d}.training-app .module-card__header{align-items:center;gap:var(--spacing-sm);text-align:center;flex-direction:column;display:flex}.training-app .module-card__icon-wrapper{flex-shrink:0;display:inline-flex;position:relative}.training-app .module-card__number{background-color:var(--color-primary-medium);width:52px;height:52px;color:var(--color-text-light);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.training-app .module-card__number--optionnal{background-color:var(--color-border)}.training-app .module-card__number--locked{background-color:var(--color-text-muted)}.training-app .module-card__number--quiz{background-color:var(--color-info-medium)}.training-app .module-card__number--convention{background-color:var(--color-secondary-medium)}.training-app .module-card__content{flex:1;min-width:0}.training-app .module-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;gap:var(--spacing-sm);line-height:var(--line-height-tight);flex-wrap:wrap;display:flex}.training-app .module-card__meta{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.training-app .module-card__duration{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.training-app .module-card__indicator{border-radius:var(--radius-full);border:2.5px solid #fff;justify-content:center;align-items:center;width:22px;height:22px;line-height:1;display:flex;position:absolute;bottom:-5px;right:-5px;overflow:hidden}.training-app .module-card__indicator--completed,.training-app .module-card__indicator--pending{background-color:#fff}.training-app .module-card__indicator--completed svg,.training-app .module-card__indicator--pending svg{width:100%;height:100%}.training-app .module-card__indicator--completed{color:var(--color-success)}.training-app .module-card__indicator--pending{color:var(--color-secondary)}.training-app .module-card__indicator--locked{background-color:var(--color-badge-locked);color:#fff;font-size:11px}.training-app .module-content{max-width:800px}.training-app .module-content__header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.training-app .module-content__title{font-size:clamp(var(--font-size-xl),3vw + .75rem,var(--font-size-3xl));margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.training-app .module-content__meta{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.training-app .module-content__description{font-size:var(--font-size-base);margin-top:var(--spacing-sm);color:var(--color-text-secondary);margin-bottom:-1.5rem}.training-app .module-content__body{line-height:var(--line-height-relaxed);text-align:justify}.training-app .module-content__body h3{font-size:var(--font-size-xl);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.training-app .module-content__body h4{font-size:var(--font-size-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.training-app .module-content__body ul,.training-app .module-content__body ol{margin-bottom:var(--spacing-md)}.training-app .module-content__body li{margin-bottom:var(--spacing-sm)}.training-app .callout{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg)0;border-left:4px solid}.training-app .callout--tip{background-color:var(--color-primary-light);border-color:var(--color-primary)}.training-app .callout--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.training-app .callout--danger{background-color:var(--color-error-light);border-color:var(--color-red)}.training-app .callout--info{background-color:var(--color-info-light);border-color:var(--color-info)}.training-app .callout__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.training-app .callout__content{margin:0}.training-app .module-content__footer{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.training-app .module-content__nav-buttons,.training-app .module-content__action-buttons{gap:var(--spacing-md);display:flex}.training-app .spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);width:40px;height:40px;margin:0 auto var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@media (max-width:1024px){.training-app .modules-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.training-app .modules-list,.training-app .modules-list__footer{grid-template-columns:1fr}.training-app .module-card{padding:var(--spacing-md)}.training-app .module-card__header{text-align:left;flex-direction:row}.training-app .module-card__number{width:40px;height:40px;font-size:var(--font-size-lg)}.training-app .module-card__title{font-size:var(--font-size-sm);justify-content:flex-start}.training-app .module-card__meta{justify-content:flex-start}}.training-app .training-collapsible__toggle{text-align:left;display:contents}.training-app .training-collapsible__toggle:after{display:none}.training-app .training-collapsible__content{display:contents}@media (max-width:768px){.training-app .training-collapsible__toggle{cursor:pointer;width:100%;font:inherit;text-align:left;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.training-app .training-collapsible__toggle:after{content:"❯";font-size:var(--font-size-lg);color:var(--color-primary-dark);transition:transform var(--transition-fast);margin-left:var(--spacing-sm);flex-shrink:0;line-height:1;display:block;transform:rotate(90deg)}.training-app .training-collapsible__toggle--open:after{transform:rotate(-90deg)}.training-app .training-collapsible__content{margin-top:var(--spacing-md);display:block}.training-app .training-collapsible__content--closed{display:none}.training-app .training-collapsible__toggle .training-intro__title,.training-app .training-collapsible__toggle .training-how-it-works__title{margin:0}.training-app .training-header{margin-bottom:var(--spacing-lg)}.training-app .training-header__title{font-size:var(--font-size-2xl)}.training-app .training-header__description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.training-app .training-intro{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.training-app .training-intro__title{font-size:var(--font-size-base)}.training-app .training-intro__content{font-size:var(--font-size-xs)}.training-app .training-how-it-works{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}.training-app .training-how-it-works__title{font-size:var(--font-size-base)}.training-app .training-how-it-works__column{padding:var(--spacing-xs)var(--spacing-sm)}.training-app .training-how-it-works__column strong{font-size:var(--font-size-sm)}.training-app .training-how-it-works__column li{font-size:var(--font-size-xs)}.training-app .training-progress-card{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.training-app .training-progress-card__header{text-align:center;margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column}.training-app .training-progress-card__title{font-size:var(--font-size-base)}.training-app .training-progress-card__percentage{justify-content:center;margin-top:0}.training-app .training-progress-card__stats{display:none}.training-app .progress-stepper{margin-top:var(--spacing-md);padding:0}.training-app .progress-stepper__icon{width:28px;height:28px;font-size:var(--font-size-xs)}.training-app .progress-stepper__label{max-width:65px;font-size:10px}.training-app .progress-stepper__connector{margin:0 2px;margin-bottom:var(--spacing-md)}.training-app .modules-list-section{margin-top:var(--spacing-lg)}.training-app .modules-list-section__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.training-app .module-content__title{font-size:var(--font-size-xl)}.training-app .module-content__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.training-app .module-content__meta{gap:var(--spacing-sm)}.training-app .module-content__description{font-size:var(--font-size-sm)}.training-app .module-content__body{text-align:left;font-size:var(--font-size-sm)}.training-app .module-content__body li{margin-bottom:var(--spacing-xs)}.training-app .module-content__footer{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);flex-direction:column}.training-app .module-content__nav-buttons,.training-app .module-content__action-buttons{width:100%}.training-app .module-content__nav-buttons a,.training-app .module-content__action-buttons a{width:100%;display:block}.training-app .module-content__nav-buttons .button,.training-app .module-content__action-buttons .button{width:100%}}@media (max-width:480px){.training-app .training-header__title{font-size:var(--font-size-xl)}.training-app .module-content__title{font-size:var(--font-size-lg)}.training-app .module-content__description,.training-app .module-content__body{font-size:var(--font-size-xs)}.training-app .module-content__footer{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.training-app .callout{padding:var(--spacing-md);font-size:var(--font-size-xs)}.training-app .module-content__body h3{font-size:var(--font-size-base);margin-top:var(--spacing-lg)}.training-app .module-content__body h4{font-size:var(--font-size-sm);margin-top:var(--spacing-md)}}
.quiz-container{width:100%}.dashboard-main:has(.quiz-page){flex-direction:column;display:flex}.quiz-page{padding:var(--spacing-md);width:100%;max-width:800px;margin:auto;padding-top:0}.quiz-page:has(.quiz-results){flex-direction:column;flex:1;margin:0 auto;display:flex}.quiz-page-header{margin-bottom:var(--spacing-md)}.quiz-page-title{margin-bottom:-1rem}.training-app .quiz-page-title h1{font-size:clamp(var(--font-size-lg),2vw + .75rem,var(--font-size-2xl));color:var(--color-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.quiz-progress{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.quiz-progress-bar{background-color:var(--color-border);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-normal)}.quiz-progress-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.quiz-question{background-color:var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;box-shadow:0 4px 10px #0074472b,0 0 20px #0074471f,0 0 30px #00744712}.quiz-question-header{margin-bottom:var(--spacing-md)}.quiz-question-number{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.training-app .quiz-question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);font-family:var(--font-family-sans)}.quiz-options{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--color-secondary);background-color:var(--color-surface)}.quiz-option:disabled{cursor:not-allowed}.quiz-option.selected{border-color:var(--color-primary);background-color:var(--color-surface)}.quiz-option.correct{border-color:var(--color-success);background-color:#44ef4433}.quiz-option.incorrect{border-color:var(--color-error);background-color:#ef444433}.quiz-option-letter{background-color:var(--color-border);border-radius:var(--radius-full);width:32px;height:32px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-sans);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option:hover:not(:disabled) .quiz-option-letter{background-color:var(--color-secondary);color:var(--color-text-light)}.quiz-option.selected .quiz-option-letter{background-color:var(--color-primary);color:var(--color-text-light)}.quiz-option.correct .quiz-option-letter{background-color:var(--color-success);color:var(--color-text-light)}.quiz-option.incorrect .quiz-option-letter{background-color:var(--color-error);color:var(--color-text-light)}.quiz-option-text{font-size:var(--font-size-sm);font-family:var(--font-family-sans);flex:1}.quiz-option-icon{margin-left:auto}.quiz-option-icon.correct-icon{color:var(--color-success)}.quiz-option-icon.incorrect-icon{color:var(--color-error)}.quiz-validate-btn{width:100%;margin-top:var(--spacing-sm)}.quiz-auto-advance{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-md);display:flex}.quiz-auto-advance:before{content:"";border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-results{flex:1;justify-content:center;align-items:center;display:flex}.quiz-results-card{text-align:center;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);max-width:500px}.quiz-results-card.success{border-color:var(--color-success)}.quiz-results-card.failure{border-color:var(--color-error)}.quiz-results-icon{margin-bottom:var(--spacing-lg)}.quiz-results-card.success .quiz-results-icon{color:var(--color-success)}.quiz-results-card.failure .quiz-results-icon{color:var(--color-error)}.training-app .quiz-results-title{font-size:clamp(var(--font-size-lg),2vw + .75rem,var(--font-size-2xl));margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.quiz-results-score{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.quiz-results-score strong{font-size:var(--font-size-3xl);color:var(--color-primary)}.quiz-results-detail{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.quiz-results-message{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.quiz-wrong-answers{background-color:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left;box-shadow:0 4px 10px 4px #00744733,0 0 20px #00744726,0 0 30px #0074471a}.quiz-wrong-answers>p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.quiz-wrong-answer-item{padding:var(--spacing-sm);background-color:var(--color-background);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.quiz-wrong-answer-item:last-child{margin-bottom:0}.quiz-wrong-answer-question{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.quiz-wrong-answer-given,.quiz-wrong-answer-correct{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.quiz-wrong-answer-given .label,.quiz-wrong-answer-correct .label{color:var(--color-text-muted)}.quiz-wrong-answer-given{color:var(--color-error)}.quiz-wrong-answer-correct{color:var(--color-success)}.quiz-invalidated-modules{border-radius:var(--radius-md);padding:var(--spacing-md)var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:left;background-color:#ef44441a;box-shadow:0 4px 8px 4px #ef44442b,0 0 18px #ef44441f,0 0 28px #ef444412}.quiz-invalidated-modules p{margin-bottom:var(--spacing-sm);color:var(--color-error)}.quiz-invalidated-modules ul{margin:0;padding:0;list-style:none}.quiz-invalidated-modules li{padding:var(--spacing-xs)0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quiz-results-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.quiz-loading,.quiz-error{text-align:center;padding:var(--spacing-2xl)}.quiz-error h2{margin-bottom:var(--spacing-md)}.quiz-error p{color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}@media (max-width:640px){.quiz-page{padding:var(--spacing-sm);margin-top:var(--spacing-lg)}.quiz-page-title h1{font-size:var(--font-size-xl)}.quiz-progress{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.quiz-question{padding:var(--spacing-md);box-shadow:0 2px 6px 2px #00744726,0 0 12px #0074471a}.training-app .quiz-question-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.quiz-option{gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm)}.quiz-results-card{padding:var(--spacing-xl)}.quiz-results-title{font-size:var(--font-size-xl)}.quiz-results-actions{flex-direction:column}.quiz-results-actions .button{width:100%}.quiz-wrong-answers{padding:var(--spacing-md);box-shadow:0 2px 6px 2px #00744726,0 0 12px #0074471a}.quiz-invalidated-modules{padding:var(--spacing-sm)var(--spacing-md);box-shadow:0 2px 6px 2px #ef44441f,0 0 12px #ef444414}.quiz-auto-advance{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}}@media (max-width:480px){.quiz-page{padding:var(--spacing-xs);margin-top:var(--spacing-xl)}.quiz-page-title h1{font-size:var(--font-size-lg)}.quiz-progress{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.quiz-question{padding:var(--spacing-sm);border-radius:var(--radius-md)}.quiz-question-header{margin-bottom:var(--spacing-sm)}.training-app .quiz-question-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.quiz-options{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.quiz-option{gap:var(--spacing-xs);padding:var(--spacing-xs);border-width:1.5px}.quiz-option-letter{width:28px;height:28px;font-size:var(--font-size-xs)}.quiz-option-text{font-size:var(--font-size-xs)}.quiz-validate-btn{margin-top:var(--spacing-xs)}.quiz-results-card{padding:var(--spacing-lg)}.quiz-results-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.quiz-results-score{font-size:var(--font-size-base)}.quiz-results-score strong{font-size:var(--font-size-2xl)}.quiz-results-message{font-size:var(--font-size-sm)}.quiz-wrong-answers,.quiz-wrong-answer-item,.quiz-invalidated-modules{padding:var(--spacing-sm)}.quiz-auto-advance{gap:var(--spacing-xs);font-size:var(--font-size-xs)}}
.convention-page{padding:var(--spacing-sm);max-width:900px;margin:0 auto}.convention-container{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:-2rem;overflow:hidden}.convention-header{padding:var(--spacing-md);background:linear-gradient(180deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:var(--color-text-light);text-align:center}.training-app .convention-header h1{font-size:clamp(var(--font-size-lg),2vw + .75rem,var(--font-size-2xl));margin-bottom:var(--spacing-xs);color:#012713;line-height:var(--line-height-tight)}.convention-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);opacity:.8;margin-bottom:0}.convention-date{font-size:var(--font-size-sm);opacity:.6}.convention-content{max-height:500px;padding:var(--spacing-xl);background-color:var(--color-background);overflow-y:auto}.convention-scroll-hint{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background-color:var(--color-info-light);color:var(--color-info);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-align:center;cursor:pointer;transition:background-color var(--transition-fast);border:none;display:flex}.convention-scroll-hint:hover{background-color:#c7d9f0}.convention-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-border)}.convention-donor-signature{margin-bottom:var(--spacing-xl)}.training-app .convention-donor-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:clamp(var(--font-size-base),1.5vw + .5rem,var(--font-size-lg));line-height:var(--line-height-tight);color:var(--color-dark-green);margin:0 0 var(--spacing-xs)0}.convention-donor-text{color:var(--color-dark-blue);margin:0 0 var(--spacing-md)0;text-align:justify;font-size:.9375rem;line-height:1.6}.convention-attestations{gap:var(--spacing-sm);flex-direction:column;display:flex}.convention-checkbox{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;color:var(--color-dark-blue);font-size:.9375rem;line-height:1.5;display:flex}.convention-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin-top:2px}.convention-checkbox input:disabled{opacity:.5;cursor:not-allowed}.convention-checkbox input:disabled+span{opacity:.5}.convention-prerequisites{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-dark-green);font-size:.9375rem;display:flex}.convention-prerequisites__icon{color:var(--color-primary);flex-shrink:0;font-size:1.25rem}.convention-engagements{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:720px){.convention-engagements{grid-template-columns:repeat(3,1fr)}}.convention-engagement{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.convention-engagement:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.convention-engagement__icon{color:var(--color-primary);flex-shrink:0;margin-top:3px;font-size:1.125rem}.convention-engagement__body{flex-direction:column;gap:2px;display:flex}.convention-engagement__title{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-dark-blue);line-height:1.3}.convention-engagement__article{color:var(--color-text-muted);font-size:.75rem}.convention-checkbox--acceptance{padding:var(--spacing-md);background:var(--color-secondary-light);border:1px solid var(--color-secondary-medium);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.convention-actions{gap:var(--spacing-md);justify-content:flex-end;display:flex}.legal-document{gap:var(--spacing-xl);text-align:justify;flex-direction:column;display:flex}.legal-article{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.legal-article:last-child{border-bottom:none}.training-app .legal-article-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:clamp(var(--font-size-base),1.5vw + .5rem,var(--font-size-xl));color:var(--color-dark-green);margin:0 0 var(--spacing-md)0;line-height:var(--line-height-tight)}.legal-article--preambule .legal-article-title{color:var(--color-dark-blue)}.legal-content-block p{margin:0 0 var(--spacing-sm)0;color:var(--color-dark-blue);font-size:.9375rem;line-height:1.65}.legal-content-block p:last-child{margin-bottom:0}.legal-section{margin-top:var(--spacing-md)}.legal-section-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);color:var(--color-dark-blue);margin:0 0 var(--spacing-xs)0;font-size:1.0625rem}.legal-section-ref{color:var(--color-green);margin-right:.25rem}.legal-section .legal-section{margin-left:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--color-green)}.legal-notice{margin:var(--spacing-sm)0 var(--spacing-xs)0;color:var(--color-gray);font-size:.9375rem;font-style:italic;line-height:1.6}.legal-notice--warning{color:var(--color-dark-green);font-weight:var(--font-weight-medium);font-style:normal}.legal-notice--tip{color:var(--color-green);font-style:normal}.legal-list{margin:var(--spacing-xs)0 var(--spacing-sm)0;color:var(--color-dark-blue);padding-left:1.25rem;font-size:.9375rem;line-height:1.6}.legal-list li{margin-bottom:.25rem}.legal-list-label{font-weight:var(--font-weight-semibold);margin:var(--spacing-sm)0 0 0;color:var(--color-dark-blue);font-size:.9375rem}.convention-table{gap:var(--spacing-sm);margin:var(--spacing-sm)0;flex-direction:column;display:flex}.convention-table-card{border-left:3px solid var(--color-green);padding:var(--spacing-sm)var(--spacing-md);background:#00804e0f;border-radius:0 6px 6px 0}.convention-table-title{font-weight:var(--font-weight-semibold);color:var(--color-dark-green);margin-bottom:var(--spacing-xs);font-size:.9375rem;display:block}.convention-table-detail{flex-direction:column;gap:2px;margin-top:4px;display:flex}.convention-table-label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-gray);text-transform:uppercase;letter-spacing:.03em}.convention-table-value{color:var(--color-dark-blue);font-size:.875rem;line-height:1.5}.legal-entity{padding:var(--spacing-md);margin:var(--spacing-sm)0;background:#0040210f;border-radius:6px;font-size:.9375rem}.legal-entity-row{margin-bottom:.35rem}.legal-entity-row:last-child{margin-bottom:0}.legal-entity-label{font-weight:var(--font-weight-medium);color:var(--color-dark-green)}.legal-signatures{gap:var(--spacing-lg);flex-direction:column;display:flex}.legal-signature-block{padding:var(--spacing-md);background:#0040210a;border-radius:6px}.certificate-page{padding:0 var(--spacing-2xl);text-align:center}.certificate-badge{margin:0 auto;margin-bottom:var(--spacing-xl);justify-content:center;max-width:600px;display:flex}.certificate-badge-inner{background:linear-gradient(135deg,var(--color-primary-dark)10%,var(--color-primary)40%,var(--color-secondary)140%);color:var(--color-text-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:100%;box-shadow:var(--shadow-xl)}.certificate-badge-header{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);opacity:.9;display:flex}.certificate-badge-header h3{font-size:var(--font-size-lg);margin:0}.certificate-badge-content{text-align:center}.certificate-logo{justify-content:center;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border-bottom:1px solid #fff3;flex:1;display:flex}.certificate-logo-icon{width:90px;height:auto}.certificate-logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.certificate-icon{margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary);flex:1;display:flex}.certificate-icon h2{font-size:var(--font-size-2xl);color:var(--color-secondary);font-weight:var(--font-weight-bold)}.certificate-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-dark-green);text-shadow:0 0 .15em #ffffff26}.certificate-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);color:var(--color-light);opacity:.9}.certificate-date{gap:var(--spacing-xs);color:var(--color-dark-green);padding-top:var(--spacing-lg);border-top:1px solid #fff3;flex-direction:column;display:flex}.certificate-date span{font-size:var(--font-size-sm);color:var(--color-light);opacity:.9}.certificate-date strong{font-size:var(--font-size-lg)}.certificate-info{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:32rem;margin:var(--spacing-md)auto;line-height:var(--line-height-relaxed)}.certificate-actions{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.convention-page{padding:0}.convention-container{border:.1px solid var(--color-border-light);border-radius:var(--radius-md);margin-top:0}.convention-header{padding:var(--spacing-sm)var(--spacing-md);border-radius:0}.training-app .convention-header h1{font-size:var(--font-size-lg);margin-bottom:2px}.convention-subtitle{font-size:var(--font-size-sm)}.convention-date{font-size:var(--font-size-xs)}.convention-content{padding:var(--spacing-md)}.convention-scroll-hint{font-size:var(--font-size-xs);padding:var(--spacing-sm)var(--spacing-md)}.convention-footer{padding:var(--spacing-md)}.convention-actions{flex-direction:column}.convention-actions .button{width:100%}.legal-document{text-align:left}.training-app .legal-article-title{font-size:var(--font-size-sm)}.training-app .legal-section-title,.training-app .legal-content-block p,.training-app .legal-notice,.training-app .legal-list,.training-app .legal-entity{font-size:.8125rem}.certificate-actions{flex-direction:column}.certificate-actions .button{width:100%}.certificate-page{padding:0 var(--spacing-xl);margin-top:var(--spacing-sm)}.certificate-badge-inner{padding:var(--spacing-lg)}.certificate-name,.certificate-logo-text{font-size:var(--font-size-2xl)}}@media (max-width:640px){.training-app .convention-donor-title{font-size:var(--font-size-sm)}.convention-donor-text{font-size:.8125rem}.convention-checkbox{gap:var(--spacing-xs);font-size:.8125rem}.convention-checkbox input[type=checkbox]{width:18px;height:18px}.convention-prerequisites,.convention-engagement__title{font-size:.8125rem}.convention-engagement__article{font-size:var(--font-size-xs)}.certificate-badge{margin-bottom:var(--spacing-md)}.certificate-name,.certificate-logo-text{font-size:var(--font-size-xl)}.certificate-logo-icon{width:70px}.certificate-icon h2{font-size:var(--font-size-xl)}.certificate-badge-header h3,.certificate-date strong{font-size:var(--font-size-base)}.certificate-description{font-size:var(--font-size-sm)}.certificate-info,.certificate-date span{font-size:var(--font-size-xs)}.certificate-actions{gap:var(--spacing-sm);margin-top:-1rem}}@media (max-width:480px){.convention-header h1{font-size:var(--font-size-xl)}.convention-content,.convention-footer{padding:var(--spacing-sm)}.certificate-page{padding:0 var(--spacing-xs)}}
.dashboard-layout{min-height:100vh;display:flex}.dashboard-layout__content{background-color:var(--color-background);flex-direction:column;flex:1;height:100dvh;margin-left:0;display:flex;overflow-y:auto}.dashboard-header{background:linear-gradient(180deg,var(--color-dark-green)0%,var(--color-dark-blue)100%);color:var(--color-white);padding:var(--spacing-sm)var(--spacing-md);z-index:calc(var(--z-sticky) - 1);position:sticky;top:0;box-shadow:0 2px 8px #00000026}.dashboard-header__inner{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex;position:relative}.dashboard-header__menu-btn{width:44px;height:44px;color:var(--color-white);cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .2s;display:flex;position:absolute;left:0}.dashboard-header__menu-btn:hover{background:#ffffff40}.dashboard-header__back{width:44px;height:44px;color:var(--color-white);background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;text-decoration:none;transition:background .2s;display:flex;position:absolute;left:0}.dashboard-header__back:hover{color:var(--color-white);background:#ffffff40}.dashboard-header__logo{width:auto;height:60px;position:absolute;right:0}.training-app .dashboard-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-white);text-align:center;padding:var(--spacing-sm)0;line-height:var(--line-height-tight);max-width:calc(100% - 120px);margin:0}.dashboard-main{padding:var(--spacing-xl);width:100%;max-width:var(--max-content-width);flex:1;margin:0 auto}.welcome-section{margin-bottom:var(--spacing-2xl)}.welcome-section__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.welcome-section__text{flex:1}.training-app .welcome-section__greeting{font-size:clamp(var(--font-size-xl),3vw + .75rem,var(--font-size-3xl));margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.welcome-section__greeting span{color:var(--color-primary)}.welcome-section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.welcome-section__settings{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none;display:flex}.welcome-section__settings:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:480px){.welcome-section__settings span{display:none}.welcome-section__settings{padding:var(--spacing-sm)}}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{padding:var(--spacing-lg)}.stat-card__icon{background-color:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.stat-card__icon--secondary{background-color:var(--color-secondary-light);color:var(--color-secondary-dark)}.stat-card__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.action-card{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);color:var(--color-text-light);border:none}.action-card__content{justify-content:space-between;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.action-card__text h3{color:var(--color-text-light);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.action-card__text p{opacity:.9;max-width:500px;margin:0}.action-card .button--secondary{background-color:var(--color-text-light);color:var(--color-primary)}.action-card .button--secondary:hover{background-color:var(--color-primary-light)}.action-card__renewal{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:#ffffff26;flex-direction:column;display:flex}.action-card__renewal strong{font-weight:var(--font-weight-semibold)}.quick-actions{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.quick-action-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-decoration:none;display:flex}.quick-action-item__icon{background-color:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-action-item__content{flex:1}.quick-action-item__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.quick-action-item__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (min-width:769px){.dashboard-layout__content{margin-left:var(--sidebar-width)}.dashboard-header__menu-btn{display:none}}@media (max-width:768px){.dashboard-main{padding:var(--spacing-md)}.welcome-section,.stats-grid{margin-bottom:var(--spacing-lg)}.welcome-section__settings{display:none}.training-app .welcome-section__greeting{font-size:var(--font-size-2xl)}.welcome-section__subtitle{font-size:var(--font-size-sm)}.action-card{padding:var(--spacing-lg)}.action-card__content{align-items:center;gap:var(--spacing-lg);flex-direction:column}.action-card__text h3{font-size:var(--font-size-xl)}.action-card__text p{font-size:var(--font-size-sm)}.action-card__renewal{align-items:center;width:100%}.dashboard-header{padding:var(--spacing-xs)var(--spacing-sm)}.dashboard-header__logo{height:40px}.training-app .dashboard-header__title{font-size:var(--font-size-base);max-width:calc(100% - 110px)}}@media (max-width:640px){.welcome-section{margin-bottom:var(--spacing-xxs)}.stats-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:1fr}.stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);display:flex}.stat-card__icon{width:40px;height:40px;font-size:var(--font-size-xl);flex-shrink:0;margin-bottom:0}.stat-card__value{font-size:var(--font-size-xl);margin-bottom:0}.stat-card__label{font-size:var(--font-size-xs)}.quick-actions{grid-template-columns:1fr}.quick-action-item{padding:var(--spacing-md)}}@media (max-width:480px){.dashboard-main{padding:var(--spacing-sm)}.dashboard-header__logo{height:40px}.training-app .dashboard-header__title{font-size:var(--font-size-sm);max-width:calc(100% - 100px)}.training-app .welcome-section__greeting{font-size:var(--font-size-xl)}.action-card__text h3{font-size:var(--font-size-lg)}.action-card__text p{font-size:var(--font-size-sm)}}
.settings{max-width:600px;margin:0 auto}.settings__loading{text-align:center;padding:var(--spacing-2xl)}.settings__card{margin-bottom:var(--spacing-lg);border-color:var(--color-primary-light)}.settings__card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.settings__card-header .settings__title{margin-bottom:0}.settings__edit-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-sans);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .15s;display:inline-flex}.settings__edit-btn:hover{background:var(--color-primary);color:var(--color-white)}.settings__title{margin-bottom:var(--spacing-lg)}.settings__title-icon{margin-right:var(--spacing-sm);color:var(--color-primary);opacity:.8}.settings__section{gap:var(--spacing-md);flex-direction:column;display:flex}.settings__row{gap:var(--spacing-xl);display:flex}.settings__row--tight{gap:var(--spacing-md);display:flex}.settings__row--wrap{flex-wrap:wrap}.settings__row--between{justify-content:space-between;align-items:center}.settings__field{flex:1}.settings__field--min{min-width:120px}.settings__avatar{background-color:var(--color-primary-light);width:50px;height:50px;color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.settings__avatar--editable{cursor:pointer;font:inherit;border:none;padding:0;position:relative}.settings__avatar-overlay{border-radius:var(--radius-full);opacity:0;color:var(--color-white);font-size:var(--font-size-xs);background:#0006;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.settings__avatar--editable:hover .settings__avatar-overlay{opacity:1}.settings__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);display:block}.settings__value{font-weight:var(--font-weight-medium)}.settings__value--lg{font-size:var(--font-size-lg)}.settings__value--sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings__value--light{color:var(--color-text-muted)}.settings__address-secondary{color:var(--color-text-secondary)}.settings__locations{gap:var(--spacing-xs);flex-direction:column;display:flex}.settings__location-item{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.settings__rank-wrapper{cursor:default;align-items:center;display:inline-flex;position:relative}.settings__rank-tooltip{margin-bottom:var(--spacing-xs);opacity:0;pointer-events:none;font-size:.55rem;transition:opacity .2s;position:absolute;top:100%;left:120%;transform:translate(-20%)}.settings__rank-wrapper:hover .settings__rank-tooltip{opacity:1}.settings__actions{gap:var(--spacing-xl);display:flex}.settings__form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);display:flex}.settings__section .form-group{margin-bottom:0}.settings__checkbox-row{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;display:flex}.settings__checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.settings__toggle{background-color:var(--color-border);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;width:48px;height:26px;padding:0;transition:background-color .15s;position:relative}.settings__toggle--active{background-color:var(--color-primary)}.settings__toggle:after{content:"";background-color:var(--color-white);border-radius:var(--radius-full);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform .15s;position:absolute;top:3px;left:3px}.settings__toggle--active:after{transform:translate(22px)}.settings__info-banner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-info-light);color:var(--color-info);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);line-height:1.4;display:flex}.settings__info-banner .settings__title-icon{color:var(--color-info);flex-shrink:0;margin-top:2px;margin-right:0}.settings__info-banner span{text-align:justify;padding-right:var(--spacing-md)}.avatar-picker__header{background:linear-gradient(180deg,var(--color-dark-green)0%,var(--color-dark-blue)100%);border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:var(--spacing-md)var(--spacing-lg);border-bottom:none;justify-content:center}.avatar-picker__header .modal__title,.avatar-picker__header~.modal__close{color:var(--color-white)}.avatar-picker__header~.modal__close:hover{color:var(--color-white);background-color:#fff3}.avatar-picker__grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.avatar-picker__item{align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xs);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;transition:all .15s;display:flex}.avatar-picker__item:hover:not(.avatar-picker__item--locked):not(.avatar-picker__item--selected) .avatar-picker__circle{background-color:var(--color-primary-medium);transform:scale(1.12)}.avatar-picker__item--selected{border-color:var(--color-primary);background-color:var(--color-primary-light)}.avatar-picker__item--locked{cursor:not-allowed}.avatar-picker__circle{border-radius:var(--radius-full);background-color:var(--color-primary-light);justify-content:center;align-items:center;width:88px;height:88px;transition:transform .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.avatar-picker__item--locked .avatar-picker__circle{background-color:var(--color-light)}.avatar-picker__item--locked .avatar-picker__image{filter:grayscale()blur(2px);opacity:.5}.avatar-picker__circle-lock{color:var(--color-gray);font-size:var(--font-size-3xl);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-picker__image{object-fit:cover;width:72px;height:72px}.avatar-picker__name{font-family:var(--font-poppins);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-align:center;margin-top:var(--spacing-xxs);line-height:1.2}.avatar-picker__item--selected .avatar-picker__name{color:var(--color-primary-dark)}.avatar-picker__lock{font-family:var(--font-poppins);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-xxs);display:flex}@media (max-width:640px){.settings .card__body{padding:var(--spacing-md)}.settings__section{gap:var(--spacing-sm)}.settings__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.settings__card-header{margin-bottom:var(--spacing-sm)}.settings__title-icon{margin-right:var(--spacing-xs)}.settings__row:not(.settings__row--between){gap:var(--spacing-sm);flex-direction:column}.settings__row--tight{gap:var(--spacing-sm)}.settings__label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xxs)}.settings__value{font-size:var(--font-size-sm)}.settings__field--min{min-width:80px}.settings__address-secondary{font-size:var(--font-size-sm)}.settings__actions{gap:var(--spacing-sm)}.settings__actions .button{min-height:36px;font-size:var(--font-size-sm);padding:var(--spacing-xs)var(--spacing-sm)}.settings__form-actions{flex-direction:column-reverse}.settings__form-actions .button{width:100%}.avatar-picker__grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.settings__info-banner{font-size:var(--font-size-xs)}.settings__info-banner span{padding-right:var(--spacing-xs)}}@media (max-width:480px){.settings .card__body{padding:var(--spacing-sm)}.settings__row{gap:var(--spacing-xs)}.settings__row--tight{gap:var(--spacing-sm)}.settings__value--lg{font-size:var(--font-size-base)}.settings__field--min{min-width:0}.settings__avatar{width:56px;height:56px}.settings__address-secondary{font-size:var(--font-size-xs)}.avatar-picker__grid{gap:var(--spacing-xs);padding:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.avatar-picker__circle{width:72px;height:72px}.avatar-picker__image{width:60px;height:60px}.avatar-picker__item{padding:var(--spacing-xxs)}.avatar-picker__name,.avatar-picker__lock{font-size:.8rem}.avatar-picker__header .modal__title{font-size:var(--font-size-base)}}
.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sticky);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar--mobile-hidden{transform:translate(-100%)}.sidebar__header{padding:1.4rem var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sidebar__logo{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar__logo-icon{width:60px;height:auto}.sidebar__logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.sidebar__nav{padding:var(--spacing-md);flex:1;overflow-y:auto}.sidebar__nav-section{margin-bottom:var(--spacing-lg)}.sidebar__nav-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm)}.training-app .sidebar__nav-list{margin:0;padding:0;list-style:none}.sidebar__nav-item{margin-bottom:var(--spacing-xs)}.training-app .sidebar__nav-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none;display:flex;overflow:hidden}.training-app .sidebar__nav-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.training-app .sidebar__nav-link--active,.training-app .sidebar__nav-link--active:hover{background-color:var(--color-primary);color:var(--color-white)}.sidebar__nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar__nav-badge{flex-shrink:0;margin-left:auto}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.sidebar__user{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.sidebar__avatar{background-color:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-email{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-overlay{z-index:calc(var(--z-sticky) - 1);background-color:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay--visible{display:block}@media (min-width:769px){.sidebar{transform:translate(0)!important}.sidebar-overlay{display:none!important}}@media (max-width:768px){.sidebar{z-index:calc(var(--z-modal) + 1)}.training-app .sidebar__nav-link{padding:var(--spacing-xs)var(--spacing-sm);gap:var(--spacing-xs);font-size:var(--font-size-sm)}.sidebar__nav-badge .badge{padding:var(--spacing-xxs)var(--spacing-xs);font-size:.7rem}}
.training-app .auth-layout{min-height:100vh;display:flex}.training-app .auth-layout__sidebar{background:linear-gradient(180deg,var(--color-dark-green)0%,var(--color-dark-blue-light)100%);width:45%;padding:var(--spacing-2xl);display:none;position:relative;overflow:hidden}@media (min-width:768px){.training-app .auth-layout__sidebar{flex-direction:column;justify-content:flex-start;display:flex}}.training-app .auth-layout__sidebar-content{z-index:1;color:var(--color-text-light);position:relative}.training-app .auth-layout__sidebar-logo{margin-bottom:var(--spacing-xl);justify-content:left;margin-top:17%;margin-left:6%;display:flex}.training-app .auth-layout__sidebar-logo img{width:300px;height:auto}.training-app .auth-layout__sidebar-title{font-size:clamp(var(--font-size-2xl),3vw + 1rem,var(--font-size-3xl));font-weight:var(--font-weight-bold);font-family:var(--font-family-heading);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-xs);color:var(--color-text-light);line-height:var(--line-height-tight)}.training-app .auth-layout__sidebar-text{font-size:var(--font-size-xl);opacity:.9;line-height:var(--line-height-relaxed)}.training-app .auth-layout__sidebar-highlight{color:var(--color-yellow);font-weight:var(--font-weight-semibold)}.training-app .auth-layout__sidebar-decoration{background:linear-gradient(to right,var(--color-yellow),#ff8c00);opacity:.8;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px;box-shadow:0 4px 20px #f4b70c4d,0 0 30px #f4b70c58,0 0 40px #f4b70c3f}.training-app .auth-layout__sidebar-decoration--bottom{width:300px;height:300px;inset:auto auto -150px -150px}.training-app .auth-layout__main{padding:var(--spacing-xl);background-color:var(--color-background);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.training-app .auth-form{width:100%;max-width:400px}.training-app .auth-form__header{text-align:center;margin-bottom:var(--spacing-xl)}.training-app .auth-form__logo{justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.training-app .auth-form__logo-icon{width:100px;height:auto}.training-app .auth-form__logo-text{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.training-app .auth-form__title{font-size:clamp(var(--font-size-xl),2vw + .75rem,var(--font-size-2xl));margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.training-app .auth-form__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.training-app .auth-form__body{background-color:var(--color-primary-light);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 4px 10px #0074472b,0 0 20px #0074471f,0 0 30px #00744712}.training-app .auth-page{min-height:calc(100vh - 4rem);padding:var(--spacing-xl)var(--spacing-md);background-color:var(--color-background);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.training-app .auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:540px;padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.training-app .auth-card--wide{max-width:760px}.training-app .auth-card__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:clamp(var(--font-size-xl),3vw + .75rem,var(--font-size-3xl));color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:var(--line-height-tight)}.training-app .auth-card__subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.training-app .auth-card__form>*+*{margin-top:var(--spacing-md)}.training-app .auth-card__row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}@media (max-width:600px){.training-app .auth-card__row{grid-template-columns:1fr}}.training-app .auth-card__legal{margin-top:var(--spacing-lg);gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.training-app .auth-card__legal-row{align-items:flex-start;gap:var(--spacing-sm);display:flex}.training-app .auth-card__legal-row label{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.training-app .auth-card__legal-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:2px}.training-app .auth-card__actions{margin-top:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.training-app .auth-card__footer{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.training-app .auth-card__footer a{color:var(--color-primary);text-decoration:underline}.training-app .signup-avatar-grid{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.training-app .signup-avatar-item{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:64px;height:64px;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.training-app .signup-avatar-item:hover{border-color:var(--color-primary-medium);transform:scale(1.05)}.training-app .signup-avatar-item--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.training-app .signup-avatar-item img{border-radius:var(--radius-full)}.training-app .auth-error{background:var(--color-error-light);color:var(--color-error);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.training-app .minor-modal-overlay{z-index:var(--z-modal);padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.training-app .minor-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);animation:.25s slideUp}.training-app .minor-modal__title{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);font-size:clamp(var(--font-size-lg),2vw + .75rem,var(--font-size-2xl));color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.training-app .minor-modal__lead{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);text-align:justify}.training-app .minor-modal__body{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);text-align:justify}.training-app .minor-modal__newsletter{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex}.training-app .minor-modal__newsletter label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.training-app .minor-modal__actions{justify-content:flex-end;display:flex}.training-app .address-input{position:relative}.training-app .address-input__suggestions{margin-top:var(--spacing-xxs);background:var(--color-bg-primary,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,.5rem);padding:var(--spacing-xxs)0;z-index:20;max-height:240px;margin-left:0;margin-right:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.training-app .address-input__suggestions li{margin:0;padding:0}.training-app .address-input__suggestion{text-align:left;width:100%;padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;transition:background-color .15s;display:block}.training-app .address-input__suggestion:hover,.training-app .address-input__suggestion:focus-visible{background:var(--color-primary-light,#f0fdf4);outline:none}.training-app .address-input__suggestion--empty{color:var(--color-text-secondary,#6b7280);cursor:default;font-style:italic}.training-app .auth-card__address-recap{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary-light,#f0fdf4);border-radius:var(--radius-sm,.375rem);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-top:calc(-1*var(--spacing-xs));flex-direction:column;gap:2px;display:flex}.training-app .auth-card__address-recap strong{font-weight:600}.training-app .auth-card__address-recap span{color:var(--color-text-secondary,#6b7280)}