.audio-controls-bar{position:absolute;width:auto;z-index:50}.audio-controls-pill{align-items:center;background-color:#fff;border-radius:9999px;box-shadow:0 4px 6px #0000001a;display:flex;height:3rem;overflow:hidden}@media (max-width:767px){.audio-controls-bar{bottom:1rem;display:flex;justify-content:center;left:40%;transform:translateX(-50%)}}@media (min-width:768px){.audio-controls-bar{bottom:4.5rem;display:flex;justify-content:center;right:210px;transform:translateX(-50%)}.audio-controls-pill{margin:0 auto;transform-origin:center}}.audio-control-button{align-items:center;display:flex;justify-content:center;transition:background-color .2s}.audio-control-button:hover{background-color:#5f29ff1a}.audio-control-button-icon{color:#5f29ff;color:var(--color-primary,#5f29ff);height:3rem;width:3rem}.audio-control-button-disabled{color:#d1d5db;cursor:not-allowed}.audio-expanded-controls{align-items:center;display:flex;overflow:hidden}.audio-toggle-button{align-items:center;background-color:#fff;border-radius:9999px;bottom:1rem;box-shadow:0 2px 4px #0000001a;color:#5f29ff;color:var(--color-primary,#5f29ff);display:flex;justify-content:center;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);transition:background-color .2s;z-index:50}.audio-toggle-button:hover{background-color:#ffffffe6}@media (min-width:768px) and (max-width:1023px){.audio-expanded-controls{max-width:calc(100vw - 120px)}}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:fixed}.confetti-particle{font-size:2rem;position:absolute}.confetti-color-yellow{color:var(--color-accent-warning)}.confetti-color-purple{color:var(--color-primary-light)}.confetti-color-red{color:var(--color-accent-error)}.confetti-color-blue{color:var(--color-secondary-dark)}.confetti-color-green{color:var(--color-accent-success)}.downloadable-file-container{background-color:#fff;background-color:var(--color-bg-secondary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);overflow:hidden}.downloadable-file-preview{background-color:#f8f8f8;background-color:var(--color-bg-tertiary,#f8f8f8);display:flex;justify-content:center;padding:1rem;padding:var(--spacing-md,1rem)}.downloadable-file-preview-fallback{display:flex;justify-content:center;padding:1.5rem 1rem}.downloadable-file-preview-image{max-height:12rem;object-fit:contain}.downloadable-file-content{padding:1rem;padding:var(--spacing-md,1rem)}.downloadable-file-title{color:#0d065b;color:var(--color-text-primary,#0d065b);font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:.25rem}.downloadable-file-description{color:#6c6c6c;color:var(--color-text-tertiary,#6c6c6c);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:.75rem}.downloadable-file-button{align-items:center;background-color:#5f29ff;background-color:var(--color-primary,#5f29ff);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);color:#fff;color:var(--color-text-light,#fff);display:inline-flex;padding:.5rem 1rem;transition:background-color .3s ease;transition:background-color var(--transition-medium,.3s ease)}.downloadable-file-button:hover{background-color:#4d21cc;background-color:var(--color-primary-dark,#4d21cc)}.downloadable-file-button-icon{height:1rem;margin-right:.5rem;width:1rem}.file-icon-pdf{color:#ff8686;color:var(--color-accent-error,#ff8686)}.file-icon-image{color:#5f29ff;color:var(--color-primary,#5f29ff)}.file-icon-default{color:#6c6c6c;color:var(--color-text-tertiary,#6c6c6c)}.template-base{display:flex;flex-direction:column;height:100%;min-height:50vh;padding-bottom:5rem;width:100%}.template-base-fullheight{height:100vh}.template-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.template-content{display:flex;flex-direction:column;flex-grow:1}.template-content-fullheight{height:100%}.content-template{width:100%}.content-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.svg-component-container{background-color:#efeafc4d;border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.svg-loading{align-items:center;display:flex;height:10rem;justify-content:center}.video-container{aspect-ratio:16/9;background-color:#000;border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);overflow:hidden;position:relative;width:100%}.video-container-fullheight{aspect-ratio:auto;height:calc(100vh - 240px)}.video-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-fullscreen-button{background-color:#00000080;border-radius:var(--radius-lg);bottom:var(--spacing-lg);color:var(--color-text-light);padding:var(--spacing-sm);position:absolute;right:var(--spacing-md);transition:background-color var(--transition-medium);z-index:10}.video-fullscreen-button:hover{background-color:#000000b3}.visla-container{background-color:#000;border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);overflow:hidden;padding-bottom:-56%;padding-top:56.25%;position:relative}.visla-iframe{border:none;display:block;height:100%!important;left:0;position:absolute;top:0;width:100%!important}.visla-container:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.video-wrapper{display:grid;margin-bottom:var(--spacing-md);width:100%}.video-wrapper:before{content:"";grid-area:1/1/2/2;padding-bottom:56.25%}.video-wrapper>.visla-container{grid-area:1/1/2/2;height:100%;margin-bottom:0}.twitch-container{background-color:#000;border-radius:var(--radius-xl);height:0;margin-bottom:var(--spacing-md);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.stream-element{border:none;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.columns-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}@media (min-width:768px){.columns-grid.columns-2{grid-template-columns:repeat(2,1fr)}.columns-grid.columns-3{grid-template-columns:repeat(3,1fr)}.columns-grid.columns-4{grid-template-columns:repeat(4,1fr)}}.column-container{border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-md)}.column-image-container{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.column-image{border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--color-shadow);max-width:100%}.column-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);text-align:center}.column-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.column-description,.column-title{color:var(--color-text-primary);text-align:center}.column-description{margin-bottom:var(--spacing-md)}.column-list-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.column-list{margin-top:var(--spacing-sm)}.column-list-item{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.column-list-item-highlighted{background-color:#ffffff80;border-radius:var(--radius-md);color:var(--color-text-light);font-weight:var(--font-weight-medium);padding:var(--spacing-xs)}.column-list-marker{color:var(--color-text-light)}.column-list-marker-highlighted{color:var(--color-text-light);font-size:var(--font-size-lg)}.tools-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.tool-card{border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-medium)}.tool-card-blue{background-color:var(--color-secondary)}.tool-card-purple{background-color:var(--color-primary-lighter)}.tool-card-green{background-color:var(--color-accent-success-light)}.tool-card-highlighted{border:2px solid var(--color-secondary-light);box-shadow:0 0 15px #f9f7ff80;color:var(--color-text-light);transform:scale(1.05)}.tool-content{text-align:center}.tool-icon-container{margin-bottom:var(--spacing-md);transition:all var(--transition-medium)}.tool-icon-image{height:4rem;margin:0 auto;object-fit:contain;width:4rem}.tool-icon-emoji{font-size:var(--font-size-6xl)}.tool-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.tool-description,.tool-title{color:var(--color-text-primary)}.tool-examples{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.tool-example{font-size:var(--font-size-2xl)}.tool-observations{border-top:1px solid #0d065b1a;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.tool-subtitle{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.tool-observation-list{text-align:left}.observation-item{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);transition:all var(--transition-medium)}.observation-item-highlighted{background-color:#efeafc80;border-radius:var(--radius-md);padding:var(--spacing-xs);transform:scale(1.05)}.observation-marker-highlighted{font-size:var(--font-size-lg)}.tips-container{background-color:var(--color-accent-light);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.tips-list{flex-direction:column}.tip-item,.tips-list{display:flex;gap:var(--spacing-sm)}.tip-item{align-items:center;border-radius:var(--radius-md);padding:var(--spacing-sm)}.tip-icon,.tip-item{transition:all var(--transition-medium)}.tip-icon{font-size:var(--font-size-xl)}.tip-icon-image{height:1.5rem;object-fit:contain;width:1.5rem}.tip-text{color:var(--color-text-primary)}.quiz-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-progress{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.quiz-progress-indicator{align-items:center;display:flex;gap:var(--spacing-sm)}.quiz-progress-text{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.7}.quiz-progress-bar{background-color:var(--color-secondary);border-radius:var(--radius-full);height:.5rem;width:6rem}.quiz-progress-fill{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-medium)}.quiz-header{background-color:var(--color-primary-lightest);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-md);padding-top:var(--spacing-3xl)}.quiz-question{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.quiz-subquestion{color:var(--color-text-primary);font-size:var(--font-size-md);opacity:.7}.quiz-divider{background-color:var(--color-primary-lighter);border-radius:var(--radius-full);height:.25rem;margin-top:var(--spacing-sm);width:100%}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-option{background-color:var(--color-bg-primary);border:2px solid var(--color-shadow);border-radius:var(--radius-lg);padding:var(--spacing-md);position:relative;text-align:left;transition:all var(--transition-medium);width:100%}.quiz-option:hover:not(.quiz-option-selected){background-color:#efeafc4d;border-color:var(--color-secondary-dark)}.quiz-option-selected{background-color:var(--color-primary-lighter);border-color:var(--color-primary-darkest);box-shadow:0 2px 4px var(--color-shadow)}.quiz-option-correct{background-color:var(--color-accent-success-light);border-color:var(--color-accent-success);box-shadow:0 2px 4px var(--color-shadow)}.quiz-option-incorrect{background-color:var(--color-accent-error-light);border-color:var(--color-accent-error);box-shadow:0 2px 4px var(--color-shadow)}.quiz-option-content{align-items:center;display:flex;gap:var(--spacing-sm)}.quiz-option-letter{align-items:center;background-color:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-light);display:flex;flex-shrink:0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);height:2rem;justify-content:center;width:2rem}.quiz-option-letter-selected{background-color:var(--color-primary)}.quiz-option-letter-correct{background-color:var(--color-accent-success)}.quiz-option-letter-incorrect{background-color:var(--color-accent-error)}.quiz-option-inner{align-items:center;display:flex;gap:var(--spacing-sm);margin-right:var(--spacing-xl)}.quiz-option-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.quiz-option-text{color:var(--color-text-primary);font-size:var(--font-size-md)}.quiz-feedback{align-items:center;display:flex;font-size:var(--font-size-2xl);justify-content:center;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.achievement-container{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-lg) 0;text-align:center}.achievement-title{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);z-index:10}.achievement-avatar-space{align-items:center;display:flex;height:14rem;justify-content:center;margin-bottom:var(--spacing-xl);margin-top:var(--spacing-md);position:relative;width:100%}.achievement-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-sm);z-index:10}.achievement-badge{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:10px;padding:var(--spacing-sm) var(--spacing-md)}.achievement-badge-icon{font-size:var(--font-size-xl)}.achievement-badge-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.chart-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chart-component{margin-bottom:var(--spacing-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-rotate{animation:rotate 5s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.tool-highlighted{border:2px solid var(--color-secondary-light);box-shadow:0 0 15px var(--color-secondary-dark);color:var(--color-text-light)}.theme-blue{background-color:var(--color-accent-blue)}.theme-blue,.theme-green{color:var(--color-text-primary)}.theme-green{background-color:var(--color-accent-green)}.theme-red{background-color:var(--color-accent-red);color:var(--color-text-primary)}.theme-orange,.theme-yellow{background-color:var(--color-accent-yellow);color:var(--color-text-primary)}.theme-dark{background-color:var(--color-accent-dark);color:var(--color-text-light)}.theme-grey{background-color:var(--color-accent-grey)}.theme-grey,.theme-light{color:var(--color-text-primary)}.theme-light{background-color:var(--color-accent-light)}.theme-purple{background-color:var(--color-accent-purple)}.observation-marker,.theme-purple,.tool-blue{color:var(--color-text-primary)}.tool-blue{background-color:var(--color-secondary-light)}.tool-purple{background-color:var(--color-primary-lighter)}.tool-green,.tool-purple{color:var(--color-text-primary)}.tool-green{background-color:var(--color-accent-success-light)}.observation-marker,.observation-marker-highlighted{color:var(--color-text-light)}.observation-item-highlighted{background-color:var(--color-primary-lighter);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.tip-item-highlighted{background-color:var(--color-primary-lighter);border:1px solid var(--color-primary-light)}.list-item-highlighted,.tip-text-highlighted{font-weight:var(--font-weight-medium)}.list-item-highlighted{background-color:var(--color-secondary-dark);border-radius:.375rem;color:var(--color-text-light);padding:.25rem}.list-marker{color:var(--color-text-primary)}.list-marker-highlighted{font-size:1.125rem}ul{list-style:none;margin:.5rem 0}li,ul{padding-left:0}li{line-height:1.5;padding-bottom:.5rem;position:relative}.column-content,.column-items{font-size:1.125rem;font-weight:400;line-height:1.5rem;margin-top:1rem}li.highlighted{background-color:#eff6ff99;border-radius:.25rem;font-weight:500;margin-left:-.5rem;padding:.25rem .5rem .25rem 1rem}ol{counter-reset:item;list-style:none;margin:.5rem 0;padding-left:1.5rem}ol li{counter-increment:item;margin-bottom:.5rem;padding-left:.5rem;position:relative}.list-staggered li{animation:fadeIn .5s ease forwards;opacity:0}.list-staggered li:first-child{animation-delay:.1s}.list-staggered li:nth-child(2){animation-delay:.2s}.list-staggered li:nth-child(3){animation-delay:.3s}.list-staggered li:nth-child(4){animation-delay:.4s}.list-staggered li:nth-child(5){animation-delay:.5s}.list-staggered li:nth-child(6){animation-delay:.6s}.list-staggered li:nth-child(7){animation-delay:.7s}.list-staggered li:nth-child(8){animation-delay:.8s}.list-staggered li:nth-child(9){animation-delay:.9s}.list-staggered li:nth-child(10){animation-delay:1s}.list-item{align-items:flex-start;display:flex!important;position:relative;text-align:left}.list-marker{display:inline-block;flex-shrink:0;margin-right:0;text-align:center;transition:transform .2s ease;width:1.5rem}.list-marker-animated{animation:pulse 2s infinite}.list-item:hover .list-marker{transform:scale(1.2)}.list-marker-blue{color:#3b82f6}.list-marker-green{color:#10b981}.list-marker-purple{color:#8b5cf6}.list-marker-pink{color:#ec4899}.list-marker-orange{color:#f97316}.list-marker-yellow{color:#fbbf24}.list-marker-red{color:#ef4444}.list-item-highlighted,.numbered-list-item-highlighted{background-color:var(--color-secondary-dark);border-radius:.375rem;font-weight:500;padding:.25rem .5rem}.list-marker-highlighted{background-color:var(--color-secondary-dark);border-radius:.375rem;color:var(--color-text-light);padding:.25rem}.numbered-list{counter-reset:item;list-style-type:none;padding-left:0}.numbered-list-item{align-items:flex-start;counter-increment:item;display:flex;margin-bottom:.5rem;position:relative;text-align:left}.numbered-list-marker{display:inline-block;flex-shrink:0;margin-right:.75rem;text-align:right;width:1.5rem}.list-staggered .list-item,.list-staggered .numbered-list-item{animation:fadeIn .5s ease forwards;opacity:0}.list-staggered .list-item:first-child,.list-staggered .numbered-list-item:first-child{animation-delay:.1s}.list-staggered .list-item:nth-child(2),.list-staggered .numbered-list-item:nth-child(2){animation-delay:.2s}.list-staggered .list-item:nth-child(3),.list-staggered .numbered-list-item:nth-child(3){animation-delay:.3s}.list-staggered .list-item:nth-child(4),.list-staggered .numbered-list-item:nth-child(4){animation-delay:.4s}.list-staggered .list-item:nth-child(5),.list-staggered .numbered-list-item:nth-child(5){animation-delay:.5s}.list-staggered .list-item:nth-child(6),.list-staggered .numbered-list-item:nth-child(6){animation-delay:.6s}.list-item .list-marker{font-size:0;line-height:0}.list-item .list-marker:after{color:var( --color-text-secondary);content:"•";font-size:1rem;font-weight:700;line-height:1.5}.list-item .list-marker-arrow:after{color:var( --color-text-secondary);content:"→"}.list-item .list-marker-star:after{color:#f59e0b;content:"★"}.list-item .list-marker-check:after{color:#10b981;content:"✓"}.list-item .list-marker-circle:after{color:#3b82f6;content:"●"}.list-item .list-marker-diamond:after{color:#ec4899;content:"◆"}.list-item .list-marker-heart:after{color:#ef4444;content:"♥"}.list-item .list-marker-triangle:after{color:#f97316;content:"▶"}.list-item .list-marker-sparkle:after{color:#f59e0b;content:"✨"}.list-item .list-marker-idea:after{content:"💡";font-size:.9rem}.list-item .list-marker-note:after{content:"📝";font-size:.9rem}.list-item .list-marker-warning:after{content:"⚠️";font-size:.9rem}.list-item .list-marker-success:after{content:"✅";font-size:.9rem}.list-item .list-marker-flower:after{content:"🌸";font-size:.9rem}.list-item .list-marker-rocket:after{content:"🚀";font-size:.9rem}.list-item .list-marker-target:after{content:"🎯";font-size:.9rem}.list-item.list-item-highlighted .list-marker:after{color:var(--color-text-light);content:"→";font-weight:700}.numbered-list-item .numbered-list-marker{font-size:0;line-height:0}.numbered-list-item .numbered-list-marker:after{color:#6366f1;content:counter(item) ".";font-size:1rem;font-weight:700;line-height:1.5}.list-marker-animated:after{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.list-item:hover .list-marker:after{transform:scale(1.2);transition:transform .2s ease}.column-items .list-item,.content-block .list-item{align-items:flex-start;display:flex!important;margin:0;padding-bottom:.5rem;position:relative;text-align:left}.column-items .list-marker,.content-block .list-marker{display:inline-block;flex-shrink:0;margin-right:.5rem;text-align:center;width:1.5rem}.bg-success{background-color:#e8f5e9;color:#1b5e20}.bg-warning{background-color:#fff9c4;color:#f57f17}.bg-error{background-color:#ffebee;color:#b71c1c}.bg-info{background-color:#e3f2fd;color:#0d47a1}.grid-areas{display:grid;grid-template-areas:var(--grid-areas);grid-template-columns:var(--grid-columns);grid-template-rows:var(--grid-rows)}.overlap-container{position:relative}.overlap-item{position:absolute}.static-timer-pill{align-items:center;background-color:#e6a700;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:.5rem;justify-content:flex-start;margin-bottom:.9rem;padding:.4rem .8rem;transition:all var(--transition-medium);width:fit-content}.static-timer-pill:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.timer-icon{color:#fff}.timer-text{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.static-timer-pill{animation:gentle-bounce 3s ease-in-out infinite}.static-timer-mobile{align-self:flex-start}.pills-container{margin-bottom:1rem}.pills-container,.tag-pills-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{align-items:center;border-radius:var(--radius-full);display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:1rem;padding:.4rem .8rem;transition:all var(--transition-medium)}.tag-pill:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.tag-pill-icon{margin-right:.4rem}@media (max-width:768px){.static-timer-pill,.tag-pill{font-size:.9rem;padding:.3rem .7rem}.tag-pill-icon,.timer-icon{margin-right:.3rem;transform:scale(.85)}}.avatar-container{margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:100%;min-height:100vh;padding-bottom:8rem;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.avatar-container{max-width:85%}}@media (min-width:1024px){.avatar-container{max-width:80%}}@media (min-width:1280px){.avatar-container{max-width:75%}}.content-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border-radius:1.5rem;box-shadow:0 4px 6px var(--color-shadow);margin-top:5.5rem;padding:1rem}@media (min-width:768px){.content-container{margin-top:0;padding:2rem}}.content-container-fullheight{display:flex;flex-direction:column;height:90vh;min-height:calc(100vh - 140px);overflow:hidden}.content-container-standard{display:flex;flex-direction:column;height:auto;min-height:550px;overflow:visible}.celebration-container{width:100%}.celebration-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border-radius:1.5rem;box-shadow:0 4px 6px var(--color-shadow);min-height:500px;padding:1rem 2rem;position:relative}.celebration-title{color:var(--color-text-primary);display:none;font-size:1.875rem;font-weight:700;margin-bottom:3rem;margin-top:1rem;text-align:center}.celebration-avatar-space{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:3.5rem;margin-top:-6rem;position:relative;width:100%}.celebration-avatar-circle{border-radius:9999px;height:14rem;position:relative;width:14rem}.celebration-badges{bottom:3rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;left:0;padding-left:1rem;padding-right:1rem;position:absolute;right:0;z-index:10}.celebration-badge{align-items:center;background-color:#ffffffe6;display:flex;gap:.5rem;padding:.5rem 1rem}.celebration-badge-icon{font-size:1.25rem}.celebration-badge-text{color:var(--color-text-primary);font-weight:500}.layout-standard{display:flex;flex-direction:column;gap:2.5rem;margin-top:.25rem}@media (min-width:768px){.layout-standard{flex-direction:row}}.content-column{order:2;width:100%}@media (min-width:768px){.content-column{order:1;width:80%}}.content-column-fullwidth{width:100%}.avatar-column{order:1;width:100%}@media (min-width:768px){.avatar-column{order:2;width:20%}}.avatar-fixed-container{bottom:2rem}@media (min-width:768px) and (max-width:1023px){.avatar-fixed-container{bottom:2rem;right:0}.avatar-controls-container{margin-bottom:5.5rem}}@media (min-width:1024px){.avatar-fixed-container{bottom:2rem}}.speech-bubble{background-color:var(--color-bg-secondary);border-radius:.75rem;box-shadow:0 10px 15px -3px var(--color-shadow);margin-bottom:1rem;max-height:16rem;max-height:200px;overflow-y:auto;padding:1rem;position:relative;top:100px;width:16rem}@media (max-width:767px){.speech-bubble{background-color:var(--color-primary-lighter);left:70%;max-height:120px;padding-top:0;position:absolute;width:105%}.celebration-avatar-space .speech-bubble{left:0;margin-top:7.5rem;position:relative;top:0}.celebration-avatar-space .avatar-button{top:-85px}.avatar-fixed-container{left:-70px;margin-bottom:3.5rem}}.speech-bubble:after{border-bottom:0;border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #0000;border-top-color:var(--color-primary-lighter);bottom:-10px;content:"";display:none;position:relative;right:30px}.speech-bubble.celebration-bubble:after{right:50%;transform:translateX(50%)}.speech-bubble-checking{border:2px solid var(--color-primary)}.speech-bubble-close{position:absolute;right:.5rem;top:.5rem}.speech-bubble-text{color:var(--color-text-primary);font-size:.875rem;margin-top:0}.speech-bubble-indicators{display:flex;gap:.25rem;justify-content:center;margin-top:.75rem}.bubble-indicator{background-color:var(--color-secondary-light);border-radius:9999px;height:.375rem;transition-duration:.3s;transition-property:all;width:.5rem}.bubble-indicator-active{background-color:var(--color-primary);width:1.5rem}.avatar-button{border-radius:9999px;cursor:pointer;height:16rem;overflow:hidden;position:relative;width:16rem}@media (min-width:768px){.avatar-button{height:22rem;width:22rem}}@media (min-width:1024px){.avatar-button{height:22rem;width:22rem}}.avatar-button:hover{transform:scale(1.05)}.avatar-play-button{transition:transform .2s}.avatar-play-button:hover{transform:scale(1.05)}@media (max-width:767px){.content-container{margin-bottom:10px}.avatar-container{margin-top:-124px;padding-top:0}.celebration-container{margin-top:30px;padding-top:60px}}.avatar-controls-container{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;position:relative;width:100%}.avatar-wrapper{display:inline-block;margin-bottom:0;position:relative}.avatar-fixed-container{align-items:center;bottom:1rem;display:flex;flex-direction:column;position:fixed;z-index:50}@media (min-width:768px) and (max-width:1023px){.avatar-fixed-container{bottom:0}.avatar-controls-container{margin-bottom:2.5rem}}@media (min-width:1024px){.avatar-fixed-container{bottom:1rem;right:6%}}.avatar-button{margin:0 auto}@media (max-width:767px){.quiz-content .avatar-fixed-container,.quiz-content .avatar-fixed-container .avatar-wrapper{display:none!important}.mobile-quiz-feedback{bottom:78px;display:none;left:-2px;padding:0;position:fixed;right:0;width:101%;z-index:50}.mobile-quiz-feedback.active{display:block}.mobile-quiz-feedback-content{background-color:var(--color-primary-lighter);border:2px solid var(--color-primary);border-radius:0;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:100%;padding:16px 20px;text-align:center}.mobile-quiz-feedback-correct{background-color:var(--color-accent-success-light);border:2px solid var(--color-accent-success)}.mobile-quiz-feedback-incorrect{background-color:var(--color-accent-error-light);border:2px solid var(--color-accent-error)}.mobile-quiz-feedback-text{color:var(--color-text-primary);font-size:1rem;font-weight:500;line-height:1.5}.mobile-quiz-feedback-icon{display:none}}.speech-bubble{display:none}.speech-bubble.active{display:block}@media (max-width:767px){.speech-bubble{display:none!important}.speech-bubble.active{display:block!important}.content-column-fullwidth .content-container{margin-top:8rem}}.speech-bubble-close{display:none}:root{--color-primary:#5f29ff;--color-primary-dark:#4d21cc;--color-primary-light:#aa8dff;--color-primary-lighter:#efeafc;--color-primary-lightest:#f8f6ff;--color-secondary:#d6dcff;--color-secondary-dark:#899cff;--color-secondary-light:#e8edff;--color-accent-success:#8cffcf;--color-accent-success-light:#f1fff9;--color-accent-error:#ff8686;--color-accent-error-light:#ffdfdf;--color-accent-warning:#faff05;--color-accent-warning-light:#ffffe6;--color-accent-purple:#faecff;--color-accent-blue:#e6f5fa;--color-accent-yellow:#fef8e8;--color-accent-orange:#fef6e8;--color-accent-red:#fdeceb;--color-accent-green:#e3e9e5;--color-accent-grey:#ccc;--color-accent-dark:#333;--color-accent-light:#f2f2f2;--color-text-primary:#0d065b;--color-text-secondary:#5f29ff;--color-text-tertiary:#6c6c6c;--color-text-light:#fff;--color-text-light-muted:#fffc;--color-bg-primary:linear-gradient(to bottom right,#efeafc,#d6dcff,#efeafc);--color-bg-secondary:#fff;--color-bg-tertiary:#f8f8f8;--color-bg-primary-translucent:#fffc;--color-bg-hover:#efeafc80;--color-border:#e5e7eb;--color-shadow:#0000001a;--transition-slow:0.5s ease;--transition-medium:0.3s ease;--transition-fast:0.15s ease;--spacing-xs:0.25rem;--spacing-sm:0.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--navbar-height:64px;--footer-height:80px;--avatar-size-sm:36px;--avatar-size-md:52px;--avatar-size-lg:56px;--content-width:100%;--content-max-width:1200px;--primary-alignment:left;--secondary-alignment:left;--color-gradient-primary:linear-gradient(to bottom right,#efeafc,#d6dcff,#efeafc);--color-gradient-secondary:linear-gradient(90deg,#5f29ff,#4d21cc);--color-gradient-tertiary:linear-gradient(135deg,#4d21cc,#5f29ff);--color-primary-darkest:#0d065b;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-focus:0 0 0 3px #5f29ff33;--blur-sm:8px;--max-width-md:28rem}body.ux{--color-primary:#b600b0;--color-primary-dark:#14034b;--color-primary-light:#bee0ea;--color-primary-lighter:#e0f5fc;--color-primary-lightest:#e6f4f8;--color-secondary:#0aa0d1;--color-secondary-dark:#14034b;--color-secondary-light:#bdced3;--color-accent-success:#00b190;--color-accent-success-light:#e6f7f2;--color-accent-error:#d12545;--color-accent-error-light:#fae9ec;--color-accent-warning:#f8ab10;--color-accent-warning-light:#fbecd6;--color-accent-purple:#eee4f8;--color-accent-blue:#e3eefd;--color-accent-yellow:#fbecd6;--color-accent-orange:#ffdccc;--color-accent-red:#f2ccda;--color-accent-green:#e7f5f4;--color-accent-grey:#e3e3e3;--color-accent-dark:#333;--color-accent-light:#f9f9f9;--color-text-primary:#333;--color-text-secondary:#2a262e;--color-text-tertiary:#666;--color-text-light:#fff;--color-text-light-muted:#ffffffe6;--color-bg-primary:#fff;--color-bg-secondary:#f9f9f9;--color-bg-tertiary:#e3e3e3;--color-bg-primary-translucent:#ffffffe6;--color-bg-hover:#bd02460d;--color-card-purple:#e1d4f0;--color-card-mint:#c2d8d6;--color-card-blue:#d0def1;--color-border:#e3e3e3;--color-shadow:#0000001a;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:20px;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-gradient-primary:#efedee;--color-gradient-secondary:linear-gradient(90deg,#1b0b30,#3c0426);--color-gradient-tertiary:linear-gradient(135deg,#1b0a37,#08040e);--color-primary-darkest:#14034b;--shadow-focus:0 0 0 3px #bd024633;--color-ux-red:#bd0246;--color-ux-green:#2c7b77;--color-ux-yellow:#f2c94c;--color-ux-error:#d12545;--color-ux-success:#00b190;--color-ux-light-grey:#e3e3e3;--color-ux-light-yellow:#fbecd6;--color-ux-light-green:#c2d8d6;--color-ux-light-orange:#ffdccc;--color-ux-light-blue:#d0def1;--color-ux-light-purple:#e1d4f0;--color-ux-light-red:#f2ccda;--color-ux-button-bg:#bd0246;--color-ux-button-hover:#9a0238}.text-logo{color:#fff;color:var(--color-text-light);color:#0d065b;color:var(--color-text-primary);font-size:1.5rem;font-weight:700;text-transform:uppercase}.logo-image{max-height:40px;width:auto}.header{background-color:#5f29ff;background-color:var(--color-primary)}.header-logo-link{align-items:center;display:flex;text-decoration:none}body.centered-layout{--primary-alignment:center;--secondary-alignment:center;--content-width:90%}body.left-aligned-layout{--primary-alignment:left;--secondary-alignment:left;--content-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:left}button{background:none;border:none;cursor:pointer;font:inherit}a{color:var(--color-primary);text-decoration:none}ol,ul{list-style:none}img{height:auto;max-width:100%}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.container{align-items:flex-start;display:flex;flex-direction:column;margin-left:0;margin-right:auto;max-width:1200px;max-width:var(--content-width,1200px);padding-left:var(--spacing-md);padding-right:var(--spacing-md);width:100%}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade{animation:fade .3s ease-in-out}@keyframes fade{0%{opacity:0}to{opacity:1}}.hero-section{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;overflow:hidden;padding:5rem 1rem 7rem;position:relative}.hero-section:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23EFEDEE' d='m0 64 80 5.3C160 75 320 85 480 80s320-27 480-32 320 5 400 10.7l80 5.3v36H0Z'/%3E%3C/svg%3E");background-position:50%;background-size:cover;bottom:-2px;content:"";height:70px;left:0;position:absolute;width:100%}.hero-section:before{background-image:radial-gradient(circle at 25% 25%,#ffffff1a 1%,#0000 0),radial-gradient(circle at 75% 75%,#ffffff1a 1%,#0000 0);background-size:60px 60px;bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.features-section{background-color:#efedee;padding-top:2rem}.feature-card,.game-card{border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px #0000000a,0 1px 3px #00000014;overflow:hidden;transition:all .3s ease}.feature-card:hover,.game-card:hover{box-shadow:0 12px 20px #0000000f,0 4px 8px #00000014;transform:translateY(-8px)}.cta-primary-button,.cta-secondary-button,.learn-more-button,.primary-button,.secondary-button,.view-all-button{box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.cta-primary-button:hover,.learn-more-button:hover,.primary-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.coming-soon-section{background-color:#f5f3ff;border-radius:16px;margin:3rem auto;max-width:90%;overflow:hidden;padding:3rem 1.5rem;position:relative}.loading-spinner{border:4px solid #0000001a;border-left-color:#7c3aed;border-radius:50%;height:50px;width:50px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-card,.game-card{animation:fadeIn .5s ease forwards}.features-grid>div:first-child,.games-grid>div:first-child{animation-delay:.1s}.features-grid>div:nth-child(2),.games-grid>div:nth-child(2){animation-delay:.15s}.features-grid>div:nth-child(3),.games-grid>div:nth-child(3){animation-delay:.2s}.nav-desktop{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;height:44px;position:sticky;top:0;width:100%;z-index:30}.nav-desktop-wrapper{margin:0 auto;max-width:90%;padding:0;position:relative;width:100%}.nav-desktop-content{box-shadow:var(--shadow-sm);flex-direction:row;height:48px;width:100%}.nav-back-container,.nav-desktop-content{align-items:center;display:flex;position:relative}.nav-back-container{background-color:var(--color-bg-secondary);padding-right:var(--spacing-md);z-index:31}.nav-back-button{align-items:center;display:flex;font-size:var(--font-size-xs);padding:var(--spacing-xs)}.nav-back-button,.nav-back-icon{color:var(--color-text-tertiary)}.nav-back-icon{height:18px;width:18px}.nav-back-text{font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}.nav-divider{background-color:var(--color-border);flex-shrink:0;height:20px;margin:0 var(--spacing-md);width:1px}.nav-scrollable-area{-ms-overflow-style:none;display:flex;flex:1 1 auto;overflow-x:auto;padding-right:var(--spacing-md);position:relative;scrollbar-width:none}.nav-scrollable-area::-webkit-scrollbar{display:none}.nav-items-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-xs);min-width:min-content;padding:var(--spacing-xs) 0}.nav-home-button{align-items:center;border-radius:var(--radius-full);color:var(--color-text-primary);display:flex;font-size:var(--font-size-xs);margin-right:var(--spacing-xs);text-decoration:none}.nav-home-button.active{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-light);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)}.nav-home-icon-container{align-items:center;display:flex;justify-content:center;margin-right:var(--spacing-xs)}.nav-home-icon{height:16px;width:16px}.nav-home-text{font-size:var(--font-size-xs);white-space:nowrap}.nav-connector{background-color:var(--color-border);flex-shrink:0;height:1px;margin:0 var(--spacing-xs);width:16px}.nav-unified{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);left:0;position:sticky;right:0;top:0;z-index:51}.nav-mobile{height:62px;padding-top:3px}.nav-wrapper{margin:6px auto;max-width:90%;padding:0}.nav-content,.nav-wrapper{position:relative;width:100%}.nav-content{align-items:center;display:flex;flex-direction:row;height:100%}.nav-back-button-mobile{align-items:center;background-color:var(--color-bg-secondary);border-radius:50%;color:var(--color-text-primary);display:flex;height:44px;justify-content:center;width:44px}@media (max-width:767px){.mobile-hidden{display:none}.nav-back-icon{color:var(--color-text-tertiary);height:24px;width:24px}.main-content{padding-top:60px}}.nav-section-button.active{color:var(--color-primary)}.nav-indicators{padding-left:var(--spacing-sm);top:50%;transform:translateY(-50%);z-index:31}.nav-section-indicator.active,.nav-section-indicator.completed{background-color:var(--color-primary)}.nav-section-indicator.completed{color:var(--color-text-light)}.nav-section-indicator.completed svg{color:var(--color-text-light);height:12px;width:12px}.nav-section-number{color:var(--color-text-primary);font-size:var(--font-size-xs)}.nav-indicators{align-items:center;background-color:var(--color-bg-secondary);display:flex;gap:var(--spacing-sm);padding-left:var(--spacing-md);position:absolute;right:0}.nav-score-indicator{background-color:var(--color-primary-lighter);border:1px solid #aa8dff33;border-radius:var(--radius-full)}.nav-score-indicator,.nav-streak-indicator{box-shadow:0 1px 2px var(--color-shadow);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.nav-streak-indicator{background-color:var(--color-accent-warning-light);border:1px solid #faff0533;border-radius:var(--radius-full)}@media (max-width:767px){.nav-desktop{display:none}}.nav-mobile-header{background-color:var(--color-primary-lighter);left:0;position:fixed;right:0;top:0;z-index:50}@media (min-width:768px){.nav-mobile-header{display:none}}.nav-mobile-header-content{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.nav-mobile-header-title{align-items:center;display:none;gap:var(--spacing-sm)}.nav-mobile-header-emoji{display:none}.nav-mobile-header-text{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.nav-mobile-indicators{align-items:center;display:flex;gap:var(--spacing-sm)}.nav-menu-button{border-radius:9999px;padding:var(--spacing-sm);transition:background-color .2s}.nav-menu-button:hover{background-color:var(--color-secondary)}.nav-sidebar{background-color:var(--color-bg-secondary)}.nav-sidebar-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.nav-sidebar-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.nav-sidebar-close{border-radius:9999px;padding:var(--spacing-sm);transition:background-color .2s}.nav-sidebar-close:hover{background-color:var(--color-primary-lighter)}.nav-sidebar-content{gap:var(--spacing-sm);padding:var(--spacing-md);padding-bottom:100px}.nav-mobile-back{border-radius:var(--radius-xl);color:var(--color-text-primary);gap:var(--spacing-sm);padding:var(--spacing-md)}.nav-mobile-back,.nav-mobile-back:hover{background-color:var(--color-primary-lighter)}.nav-mobile-home{align-items:center;border-radius:var(--radius-xl);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all .2s;width:100%}.nav-mobile-home.active{background-color:var(--color-primary);color:var(--color-text-light)}.nav-mobile-home.inactive{background-color:var(--color-primary-lighter);color:var(--color-text-primary)}.nav-mobile-section{align-items:center;border-radius:var(--radius-xl);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s;width:100%}.nav-mobile-section.active{background-color:var(--color-primary);color:var(--color-text-light)}.nav-mobile-section.completed,.nav-mobile-section.inactive{background-color:var(--color-primary-lighter);color:var(--color-text-primary)}.nav-mobile-section-title{font-weight:var(--font-weight-medium)}.nav-mobile-check-container{align-items:center;background-color:var(--color-primary);border-radius:9999px;color:var(--color-text-light);display:flex;height:1.25rem;justify-content:center;width:1.25rem}.nav-mobile-check{stroke-width:3;height:.75rem;width:.75rem}.nav-section-button.completed:before{align-items:center;background-color:var(--color-secondary);border-radius:50%;content:"";display:flex;height:16px;justify-content:center;left:8px;position:absolute;width:16px}.nav-section-button.completed:after{color:var(--color-primary);content:"✓";font-size:10px;left:11px;position:absolute}.nav-section-button{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);position:relative;white-space:nowrap}.nav-section-button.active{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-light);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xs)}.nav-section-button.completed{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-tertiary)}.nav-section-button.completed:after,.nav-section-button.completed:before{content:none}.nav-section-indicator{align-items:center;border-radius:50%;display:flex;height:18px;justify-content:center;width:18px}.nav-section-indicator.active{background-color:var(--color-text-light);color:var(--color-text-light)}.nav-section-indicator.inactive{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.nav-section-text{font-size:var(--font-size-xs)}.nav-section-text.active{color:var(--color-text-light)}.nav-section-text.completed,.nav-section-text.inactive{color:var(--color-text-tertiary)}@media (max-width:767px){.back-button{padding:var(--spacing-xs)}.back-button .back-icon{margin:0}.back-button span:not(.back-icon){display:none!important}.back-button svg{display:block;height:20px;margin:0;width:20px}.pagination-indicators{background-color:initial;justify-content:center;left:0;padding:var(--spacing-xs) 0;position:absolute;right:0;top:-15px}.back-button{align-items:center;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;font-size:0;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:0;width:40px}.action-button-primary{border-radius:9999px;height:48px}.action-button{align-items:center;border-radius:var(--radius-xl);display:flex;flex-grow:1;height:48px;justify-content:center;width:100%}.action-button,.action-button span{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.action-button span{flex:0 1 auto}}.app-container,.error-container{background:var(--color-gradient-primary);min-height:100vh}.error-container{align-items:center;display:flex;justify-content:center}.error-content{background-color:var(--color-bg-primary-translucent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:var(--max-width-md);padding:var(--spacing-2xl);text-align:center}.error-icon{font-size:var(--font-size-5xl)}.error-icon,.error-title{margin-bottom:var(--spacing-md)}.error-title{color:var(--color-primary-darkest);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.error-message{color:var(--color-error);margin-bottom:var(--spacing-xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center}.error-back-button{align-items:center;background-color:var(--color-secondary);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}.error-back-icon{height:1rem;width:1rem}.error-retry-button{background-color:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-light);padding:var(--spacing-md) var(--spacing-xl)}.loading-container{background:var(--color-gradient-primary);min-height:100vh}.loading-content{padding:var(--spacing-2xl);text-align:center}.loading-icon{animation:bounce 1s infinite alternate;font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.loading-title{color:var(--color-primary-darkest);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.main-content{padding-bottom:var(--spacing-sm);padding-top:0;position:relative}.footer-navigation{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background-color:var(--color-bg-primary-translucent);bottom:0;left:0;padding:var(--spacing-md);position:fixed;right:0;z-index:50}.footer-content{margin:0 auto;max-width:90%;padding:0 var(--spacing-md)}.footer-row{align-items:center;display:flex;justify-content:space-between;width:100%}.footer-tagline{text-align:right}@media (min-width:768px){.footer-content{max-width:85%}}@media (min-width:1024px){.footer-content{max-width:80%}}.centered-button-container,.centered-button-row{display:flex;flex-direction:column}.centered-button-row{gap:var(--spacing-sm);justify-content:center}@media (min-width:768px){.centered-button-row{flex-direction:row}}.main-action-button{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-xl);color:var(--color-text-light);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-medium);width:50%}@media (min-width:768px){.main-action-button{margin:0 auto;max-width:var(--max-width-md);width:40%}}.main-action-button:hover{background-color:var(--color-primary-darkest)}.secondary-action-button{align-items:center;background-color:var(--color-primary-light);border-radius:var(--radius-xl);color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-medium);width:50%}@media (min-width:768px){.secondary-action-button{margin:0 auto;max-width:var(--max-width-md);width:40%}}.secondary-action-button:hover{background-color:var(--color-secondary-dark);color:var(--color-text-light)}.navigation-footer{display:flex;flex-direction:column}.navigation-controls{align-items:center;display:flex;justify-content:space-between}.back-button{align-items:center;border-radius:var(--radius-xl);color:var(--color-text-tertiary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-medium)}.back-button:hover{background-color:var(--color-bg-hover)}.back-button:disabled{cursor:not-allowed;opacity:.5}.back-icon{height:1.25rem;width:1.25rem}.pagination-indicators{align-items:center;display:flex;gap:var(--spacing-xs)}.pagination-dot{border-radius:var(--radius-full);height:.375rem;transition:all var(--transition-medium)}.pagination-dot-active{background-color:var(--color-primary);width:1.5rem}.pagination-dot-inactive{background-color:var(--color-secondary-light);width:.5rem}.action-button{align-items:center;border-radius:var(--radius-xl);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);transition:background-color var(--transition-medium)}.action-button-primary{background-color:var(--color-primary);color:var(--color-text-light)}.action-button-primary:hover{background-color:var(--color-primary-darkest)}.action-button-disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.action-icon{height:1.25rem;width:1.25rem}@media (max-width:767px){.main-action-button,.secondary-action-button{margin:0;max-width:none;width:100%}.navigation-controls{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:40px 1fr}.action-button{width:100%}.back-button{align-items:center;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden;padding:0;width:40px}.back-button .back-text{display:none}.back-button .back-icon{margin:0}.centered-button-container .main-action-button,.centered-button-container .secondary-action-button{max-width:none;width:100%}.back-button>span:not(.back-icon){display:none!important}.back-button{font-size:0}.back-button svg{display:block;font-size:20px;margin:0 auto}.pagination-indicators{background-color:initial;justify-content:center;left:0;padding:var(--spacing-xs) 0;position:absolute;right:0;top:-15px}.pagination-dot{height:4px}.pagination-dot-active{width:20px}.pagination-dot-inactive{width:8px}.action-button{border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-overflow:ellipsis;white-space:nowrap}.action-button,.action-button-primary{align-items:center;display:flex;justify-content:center}.action-button-primary{background-color:var(--color-primary);color:var(--color-text-light)}.action-icon{flex-shrink:0;height:20px;margin-left:var(--spacing-xs);width:20px}.navigation-controls{grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:var(--spacing-sm);grid-template-columns:40px 1fr;margin:0 auto;max-width:100%;width:100%}.action-button{flex-grow:1;height:48px;width:100%}.action-button span{flex:0 1 auto;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.full-width-button{align-items:center;background-color:var(--color-primary);border-radius:9999px;color:var(--color-text-light);display:flex;font-size:16px;font-weight:500;justify-content:center;margin:0 auto;max-width:90%;padding:var(--spacing-md) var(--spacing-xl);width:100%}.full-width-button .action-icon{margin-left:var(--spacing-sm)}@media (max-width:767px){.pagination-indicators{background-color:initial;display:flex;gap:4px;justify-content:space-between;left:0;margin:0 auto;max-width:100%;padding:0;position:absolute;right:0;top:0;width:100%}.pagination-dot{border-radius:0;flex:1 1;height:3px;transition:all var(--transition-medium)}.pagination-dot-active{background-color:var(--color-primary);width:auto}.pagination-dot-inactive{background-color:var(--color-secondary-light);opacity:.5;width:auto}.footer-navigation .footer-content{padding:0}}.language-switcher{align-items:center;display:flex;gap:var(--spacing-sm)}.language-option{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:var(--transition-fast)}.language-option:hover{background-color:var(--color-bg-hover)}.language-option.active{background-color:var(--color-primary);color:var(--color-text-light);font-weight:var(--font-weight-semibold)}.language-flag{font-size:var(--font-size-md)}.footer-language .language-switcher{justify-content:flex-end}@media (max-width:768px){.footer-language .language-switcher{justify-content:center}}.header-nav{align-items:center;display:flex;gap:2rem;margin-left:auto}.nav-link{color:#fff;font-size:1rem;font-weight:500;opacity:.9;padding:.5rem 0;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{opacity:1}.nav-link:after{background-color:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav-link:hover:after{width:100%}.nav-link.active{opacity:1}.nav-link.active:after{width:100%}.mobile-menu-button{margin-left:1rem}.about-content{margin:0 auto;max-width:1200px;width:100%}.about-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem}.about-title{color:#5f29ff;color:var(--accent-color,#5f29ff);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.about-subtitle{color:#666;font-size:1.25rem;margin-bottom:2rem;text-align:center}.about-sections{grid-gap:2rem;gap:2rem;margin-bottom:2rem}.about-section{background-color:#f9f9f9;border-left:4px solid #5f29ff;border-left:4px solid var(--accent-color,#5f29ff);border-radius:8px;padding:1.5rem}.section-heading{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-content{color:#555;font-size:1rem}.contact-section{background-color:#f0ebff;border-radius:8px;padding:1.5rem}.contact-heading{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-email,.contact-website{font-size:1rem;margin-bottom:.5rem}.contact-email a,.contact-website a{color:#5f29ff;color:var(--accent-color,#5f29ff)}@media (max-width:768px){.header-nav{background-color:#333;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;right:0;text-align:center;top:100%;z-index:100}.header-nav.open{display:flex}.nav-link{padding:.75rem 1.5rem;width:100%}.mobile-menu-button{display:block;margin-left:auto}.about-sections{grid-template-columns:1fr}}@media (min-width:768px){.about-sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.header{z-index:50}.header,.header-content{position:relative}.mobile-menu-button{background:#0000;border:none;color:#fff;cursor:pointer;display:none;margin-left:auto;padding:.5rem}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:100}.nav-overlay.open{opacity:1;visibility:visible}.nav-sidebar{-webkit-overflow-scrolling:touch;background-color:#fff;bottom:0;box-shadow:-4px 0 12px #0000001a;max-width:20rem;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:80%;z-index:101}.nav-sidebar.open{transform:translateX(0)}.nav-sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.nav-sidebar-title{color:#333;font-size:1.5rem;font-weight:600}.nav-sidebar-close{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.nav-sidebar-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.nav-mobile-link{align-items:center;border-radius:.5rem;color:#333;display:flex;gap:.5rem;padding:1rem;text-decoration:none;transition:background-color .2s;width:100%}.nav-mobile-link.active{background-color:#5f29ff;background-color:var(--color-primary,#5f29ff);color:#fff}.nav-mobile-link:hover:not(.active){background-color:#f5f5f5}.nav-mobile-back{align-items:center;background-color:#f0f0f0;border:none;border-radius:.5rem;color:#333;cursor:pointer;display:flex;gap:.5rem;padding:1rem;transition:background-color .2s;width:100%}.nav-mobile-back:hover{background-color:#e5e5e5}@media (max-width:768px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.header-nav{display:none}}@media (min-width:769px){.mobile-menu-button,.nav-overlay,.nav-sidebar{display:none}.header-nav{display:flex}}.simple-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:3rem;padding:2rem 0}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-logo{flex:1 1;min-width:120px}.footer-logo-image{height:2rem;width:auto}.footer-text-logo{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-copyright{color:#6b7280;flex:2 1;font-size:.875rem;text-align:center}.footer-language{display:flex;flex:1 1;justify-content:flex-end;min-width:120px}.footer-language .language-switcher{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.5rem}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center}.footer-copyright,.footer-language,.footer-logo{flex:0 0 100%}.footer-language{justify-content:center}}.game-selector-container{background:var(--color-gradient-primary);min-height:100vh}.header-logo{align-items:center;display:flex}.header-logo-img{height:2rem}.header-logo-link{color:var(--color-primary);transition:color var(--transition-medium)}.header-logo-link:hover{color:var(--color-primary-dark)}.hero-description{color:var(--color-text-light-muted);font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--spacing-md)}.games-section{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}.games-content{margin:0 auto;max-width:72rem;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.search-filter-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.search-bar{align-items:center;display:flex;padding:var(--spacing-sm)}.search-input-container{flex-grow:1;position:relative}.search-icon{color:var(--color-text-tertiary);left:var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-2xl);width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.filter-button{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);transition:border-color var(--transition-medium)}.filter-button:hover{border-color:var(--color-primary)}.filter-icon{height:1rem;margin-right:var(--spacing-xs);width:1rem}.filter-text{display:none}@media (min-width:640px){.filter-text{display:inline}}.filter-chevron{height:1rem;margin-left:var(--spacing-xs);transform-origin:center;transition:transform var(--transition-medium);width:1rem}.filter-chevron.expanded{transform:rotate(180deg)}.clear-filters-button{border-radius:var(--radius-md);color:var(--color-text-tertiary);margin-left:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-medium)}.clear-filters-button:hover{background-color:var(--color-bg-tertiary)}.filters-content{border-top:1px solid var(--color-border);padding:var(--spacing-sm);padding-top:0}.filters-row{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width:640px){.filters-row{flex-direction:row}}.filter-select-container{position:relative;width:100%}@media (min-width:640px){.filter-select-container{width:33.333333%}}.filter-select{appearance:none;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm);padding-right:var(--spacing-2xl);transition:border-color var(--transition-medium),box-shadow var(--transition-medium);width:100%}.filter-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.filter-select-icon{color:var(--color-text-tertiary);pointer-events:none;position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.filter-toggle-container{display:flex;width:100%}@media (min-width:640px){.filter-toggle-container{justify-content:flex-end;width:33.333333%}}.filter-toggle-button{align-items:center;border-width:1px;display:flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-sm)}.filter-toggle-button.left{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.filter-toggle-button.right{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.filter-toggle-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light)}.filter-toggle-button.inactive{background-color:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-tertiary)}.filter-summary{color:var(--color-primary);font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.loading-container{align-items:center;display:flex;height:12rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-bottom:2px solid var(--color-primary);border-left:2px solid #0000;border-radius:9999px;border-right:2px solid #0000;border-top:2px solid var(--color-primary);height:2.5rem;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}.no-games-container{background-color:#fff9;border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.no-games-emoji{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.no-games-title{color:var(--color-primary-darkest);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.no-games-text,.no-games-title{margin-bottom:var(--spacing-sm)}.no-games-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clear-filters-button-centered{background-color:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-light);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm);transition:background-color var(--transition-medium)}.clear-filters-button-centered:hover{background-color:var(--color-primary-dark)}.games-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.game-card{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background-color:#fffc;border:1px solid #ffffffb3;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;padding:var(--spacing-md);position:relative;text-align:left;transition:transform var(--transition-medium);width:100%}.game-card:hover{transform:scale(1.02)}.game-card.featured{border:2px solid var(--color-gradient-tertiary)}.featured-badge{background-color:var(--color-accent-warning);box-shadow:var(--shadow-md);color:var(--color-text-light);font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-2xl);position:absolute;right:-2.5rem;top:1.25rem;transform:rotate(45deg)}.game-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm)}.game-emoji{font-size:var(--font-size-4xl);transition:transform var(--transition-medium)}.game-card:hover .game-emoji{transform:scale(1.1)}.game-info{flex:1 1}.game-title{color:var(--color-primary-darkest);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.game-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.game-meta-pill{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-block;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.game-meta-pill.language{background-color:#efeafcb3}.game-description{color:var(--color-text-primary);font-size:var(--font-size-sm)}.game-tags{margin-top:auto;padding-top:var(--spacing-sm)}.game-tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.game-tag{background-color:#ffffff80;border-radius:var(--radius-xs);padding:var(--spacing-xs) var(--spacing-sm)}.game-tag,.game-tags-more{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.pagination-container{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.pagination-controls{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex}.pagination-button{align-items:center;border:1px solid var(--color-border);display:inline-flex;padding:var(--spacing-sm) var(--spacing-sm);position:relative}.pagination-button.left{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.pagination-button.right{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.pagination-button.active{background-color:var(--color-bg-primary);color:var(--color-primary);transition:background-color var(--transition-medium)}.pagination-button.active:hover{background-color:var(--color-secondary-lightest)}.pagination-button.disabled{background-color:#ffffff80;color:var(--color-text-tertiary);cursor:not-allowed}.pagination-indicator{align-items:center;background-color:#ffffffe6;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-sm);position:relative}.pagination-icon{height:1rem;width:1rem}.coming-soon-section{background:var(--color-gradient-tertiary);box-shadow:var(--shadow-xl);color:var(--color-text-light);padding:var(--spacing-2xl);text-align:center;width:100%}.coming-soon-title{color:var(--color-text-light);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:.025em;margin-bottom:var(--spacing-xl)}.coming-soon-text{color:var(--color-text-light-muted);font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:48rem}.learn-more-button{background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-text-light);display:inline-block;font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-3xl);transition:background-color var(--transition-medium),transform var(--transition-medium)}.about-page-container{background:var(--color-gradient-primary);min-height:100vh}.header{background:var(--color-gradient-secondary);box-shadow:var(--shadow-sm);padding-bottom:var(--spacing-lg);padding-top:var(--spacing-lg);width:100%}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:90%;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.hero-section{background:var(--color-gradient-secondary);color:var(--color-text-light);padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-2xl)}.hero-content{margin:0 auto;max-width:48rem;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.hero-content-inner{margin:0 auto;max-width:36rem;text-align:center}.hero-title{font-size:var(--font-size-6xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;line-height:4.5rem;margin-bottom:var(--spacing-xl)}.hero-subtitle,.hero-title{color:var(--color-text-light)}.hero-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.about-main{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-2xl) var(--spacing-md)}.about-sections{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.about-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.about-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.section-icon{align-items:center;background-color:var(--color-primary-lighter);border-radius:50%;display:flex;height:3rem;justify-content:center;margin-bottom:var(--spacing-md);width:3rem}.section-icon svg{color:var(--color-primary);height:1.5rem;width:1.5rem}.section-heading{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.section-content{color:var(--color-text-tertiary);font-size:var(--font-size-md);line-height:1.6}.about-me-section{border-radius:var(--radius-xl);margin:var(--spacing-2xl) 0;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-md);position:relative}.about-me-container{margin:0 auto;max-width:900px;position:relative;z-index:2}.about-me-content{align-items:flex-start;display:flex;flex-direction:row;gap:var(--spacing-2xl)}.about-me-image-container{background-color:var(--color-secondary-light);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;box-shadow:var(--shadow-lg);flex-shrink:0;height:320px;order:1;overflow:hidden;position:relative;width:320px}.about-me-image{height:100%;object-fit:cover;width:100%}.about-me-text{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);order:2;text-align:left}.about-me-heading{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);position:relative;text-align:left}.about-me-heading:after{background-color:var(--color-primary);border-radius:var(--radius-sm);bottom:calc(var(--spacing-sm)*-1);content:"";height:3px;left:0;position:absolute;width:60px}.about-me-title{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.about-me-subtitle{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0}.about-me-description{color:var(--color-text-tertiary);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-md)}.about-me-link{align-self:flex-start;background-color:var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-light);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-medium);width:auto}.about-me-link:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.contact-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto var(--spacing-2xl);max-width:800px;padding:var(--spacing-xl);text-align:center}.contact-heading{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.contact-email,.contact-website{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.contact-email a,.contact-website a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-medium)}.contact-email a:hover,.contact-website a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (min-width:768px){.hero-title{font-size:var(--font-size-6xl)}.about-sections{grid-template-columns:repeat(3,1fr)}.about-me-content{align-items:flex-start;flex-direction:row;gap:var(--spacing-2xl);text-align:left}.about-main{padding:var(--spacing-2xl) var(--spacing-xl)}}@media (max-width:767px){.hero-title{font-size:var(--font-size-4xl);line-height:1.2}.about-me-section,.hero-section{padding:var(--spacing-xl) var(--spacing-md)}.about-me-content{align-items:center;flex-direction:column}.about-me-image-container{margin:0 auto var(--spacing-xl);order:1}.about-me-text{order:2;text-align:left;width:100%}.about-me-link{align-self:flex-start}}
/*# sourceMappingURL=main.468e53bd.css.map*/