@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.w-full{width:100%}.dashboard-layout{background-color:#fbfaf0;color:#1b1c17;font-family:Manrope,sans-serif;min-height:100vh}.dashboard-layout ::-moz-selection{background-color:#e9c176;color:#533a00}.dashboard-layout ::selection{background-color:#e9c176;color:#533a00}.top-nav{position:fixed;top:0;width:100%;z-index:50}.top-nav__container{align-items:center;display:flex;justify-content:end;margin:0 auto;max-width:1536px;padding:1.5rem 3rem}.top-nav__logo{color:#134e4a;font-family:"Noto Serif",serif;font-size:1.5rem;font-style:italic}.top-nav__links{display:none;gap:2rem}@media(min-width:768px){.top-nav__links{display:flex}}.top-nav__links .nav-link{color:#78716c;font-weight:500;text-decoration:none;transition:color .3s}.top-nav__links .nav-link:hover{color:#0f766e}.top-nav__actions{align-items:center;display:flex;gap:1.5rem}.top-nav__actions .search-box{display:none;position:relative}@media(min-width:640px){.top-nav__actions .search-box{display:block}}.top-nav__actions .search-box .search-icon{color:#a8a29e;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.top-nav__actions .search-box .search-input{background-color:#f5f4eb;border:none;border-radius:9999px;font-family:Manrope,sans-serif;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;width:16rem}.top-nav__actions .search-box .search-input:focus{outline:2px solid rgba(41,67,69,.2)}.top-nav__actions .btn-icon{background:none;border:none;color:#57534e;cursor:pointer;transition:color .3s}.top-nav__actions .btn-icon:hover{color:#294345}@media(min-width:1024px){.sidebar{display:flex}}.sidebar__profile{padding:6rem 2rem 2.5rem}.sidebar__profile .profile-avatar{background-color:#cbe8ea;border-radius:50%;height:3rem;overflow:hidden;width:3rem}.sidebar__profile .profile-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sidebar__profile .profile-name{color:#042f2e;font-family:"Noto Serif",serif;font-size:1.125rem;margin:0}.sidebar__profile .profile-level{color:#78716c;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.sidebar__menu{flex:1}.sidebar__menu .menu-item{padding:.75rem 1.5rem;transition:all .2s}.sidebar__menu .menu-item--active{transform:scale(.95)}.sidebar__footer .settings-btn{align-items:center;color:#57534e;cursor:pointer;display:flex;font-size:.875rem;gap:1rem;margin-top:2rem;padding:.75rem .5rem;transition:color .3s}.sidebar__footer .settings-btn:hover{color:#294345}.btn-primary{background-color:#294345;border:none;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;font-weight:700;padding:1rem 0;transition:opacity .3s}.btn-primary:hover{opacity:.9}.btn-primary--small{box-shadow:none;font-size:.875rem;padding:.5rem 1.5rem}.btn-text{align-items:center;background:none;border:none;color:#294345;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-weight:700;gap:.25rem}.btn-text,.btn-text .material-symbols-outlined{font-size:.875rem}.main-content{margin:0 auto;max-width:80rem;padding:8rem 1.5rem 6rem}@media(min-width:1024px){.main-content{margin-left:18rem;padding:8rem 3rem 6rem}}.page-header{margin-bottom:3rem}.page-header .page-title{color:#294345;font-family:"Noto Serif",serif;font-size:3rem;line-height:1.1;margin:0 0 .5rem}@media(min-width:768px){.page-header .page-title{font-size:3.75rem}}.page-header .page-subtitle{color:#414848;font-size:1.125rem;margin:0}.courses-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:4rem}@media(min-width:768px){.courses-grid{grid-template-columns:repeat(2,1fr)}}.course-card{align-items:center;background-color:#f5f4eb;border-radius:.75rem;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.course-card__content{z-index:10}.course-card .badge{border-radius:9999px;display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.course-card .badge.theme-primary{background-color:#2943451a;color:#294345}.course-card .badge.theme-tertiary{background-color:#533a001a;color:#533a00}.course-card .course-title{color:#294345;font-family:"Noto Serif",serif;font-size:1.875rem;margin:0 0 1rem}.course-card .course-actions{align-items:center;display:flex;gap:1rem}.course-card__progress{align-items:center;display:flex;height:8rem;justify-content:center;position:relative;width:8rem}.course-card__progress .progress-ring{height:100%;transform:rotate(-90deg);width:100%}.course-card__progress .progress-ring__bg{fill:transparent;stroke:#e9e8e0;stroke-width:8}.course-card__progress .progress-ring__fill{fill:transparent;stroke-dasharray:351.85;stroke-width:8;transition:stroke-dashoffset 1s ease-in-out}.course-card__progress .progress-ring__fill.theme-primary{stroke:#294345}.course-card__progress .progress-ring__fill.theme-tertiary{stroke:#e9c176}.course-card__progress .progress-text{font-size:1.5rem;font-weight:700;position:absolute}.course-card__progress .progress-text.theme-primary{color:#294345}.course-card__progress .progress-text.theme-tertiary{color:#533a00}.course-card__decoration{border-radius:50%;bottom:-3rem;filter:blur(40px);height:12rem;position:absolute;right:-3rem;transition:transform .7s;width:12rem}.course-card__decoration.theme-primary{background-color:#2943450d}.course-card__decoration.theme-tertiary{display:none}.course-card:hover .theme-primary{transform:scale(1.5)}.bento-grid{display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:1280px){.bento-grid{grid-template-columns:2fr 1fr}}.section-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header .section-title{color:#294345;font-family:"Noto Serif",serif;font-size:1.5rem;margin:0}.section-header .link-view-all{color:#29434599;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .3s}.section-header .link-view-all:hover{color:#294345}.tools-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{background-color:#fff;border:1px solid hsla(180,6%,77%,.1);border-radius:.75rem;box-shadow:0 8px 30px #00000005;padding:2rem;transition:all .3s}.tool-card:hover{box-shadow:0 20px 40px #2943450d}.tool-card:hover .tool-icon{color:#294345}.tool-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:3rem}.tool-card__header .tool-icon{color:#29434566;font-size:2.5rem;transition:color .3s}.tool-card__header .tool-badge{border-radius:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.tool-card__header .tool-badge.badge-secondary{background-color:#c5e6e2;color:#4a6865}.tool-card__header .tool-badge.badge-outline{color:#414848;letter-spacing:.1em;text-transform:uppercase}.tool-card__header .avatar-group{display:flex;margin-left:-.5rem}.tool-card__header .avatar-group .avatar-mini{border:2px solid #fff;border-radius:50%;height:2rem;margin-left:-.5rem;width:2rem}.tool-card__header .avatar-group .bg-stone-300{background-color:#d6d3d1}.tool-card__header .avatar-group .bg-stone-400{background-color:#a8a29e}.tool-card .tool-title{font-family:"Noto Serif",serif;font-size:1.25rem;margin:0 0 .5rem}.tool-card .tool-desc{color:#414848;font-size:.875rem;margin:0 0 1.5rem}.tool-card .progress-bar{background-color:#e9e8e0;border-radius:9999px;height:.25rem;overflow:hidden;width:100%}.tool-card .progress-bar__fill{background-color:#e9c176;height:100%}.tool-card .btn-outline{align-items:center;background:transparent;border:1px solid #294345;border-radius:9999px;color:#294345;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 0;transition:all .3s}.tool-card .btn-outline:hover{background-color:#294345;color:#fff}.tool-card .tool-info{align-items:center;color:#294345;display:flex;font-size:.875rem;font-weight:700;gap:.5rem}.cta-card{background-color:#294345;border-radius:.75rem;color:#fff;overflow:hidden;padding:2rem;position:relative}.cta-card__content{position:relative;z-index:10}.cta-card .cta-title{font-family:"Noto Serif",serif;font-size:1.5rem;margin:0 0 1rem}.cta-card .cta-desc{color:#fffc;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.cta-card .btn-accent{background-color:#e9c176;border:none;border-radius:9999px;color:#533a00;cursor:pointer;font-size:.875rem;font-weight:700;padding:.5rem 1.5rem;transition:transform .3s}.cta-card .btn-accent:hover{transform:scale(1.05)}.cta-card__bg{height:100%;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;width:100%}.cta-card__bg img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.recommendations-sidebar{display:flex;flex-direction:column;gap:2rem}.recommendations-box{background-color:#f5f4eb;border-radius:.75rem;padding:2rem}.recommendations-box .section-title{margin-bottom:1.5rem}.trips-list{display:flex;flex-direction:column;gap:1.5rem}.trip-item{color:inherit;display:flex;gap:1rem;text-decoration:none}.trip-item .trip-img-wrapper{border-radius:.5rem;flex-shrink:0;height:5rem;overflow:hidden;width:5rem}.trip-item .trip-img-wrapper .trip-img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.trip-item:hover .trip-img{transform:scale(1.1)}.trip-item .trip-tag{color:#533a00;font-size:.625rem;font-weight:700;letter-spacing:.1em;margin:0 0 .25rem;text-transform:uppercase}.trip-item .trip-title{color:#294345;font-family:"Noto Serif",serif;line-height:1.2;margin:0 0 .25rem}.trip-item .trip-desc{color:#414848;font-size:.75rem;margin:0}.btn-text-full{border-bottom:1px solid rgba(41,67,69,.2);color:#294345;display:block;font-size:.875rem;font-weight:700;margin-top:2rem;padding:.75rem 0;text-align:center;text-decoration:none;transition:border-color .3s;width:100%}.btn-text-full:hover{border-color:#294345}.player-pill{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#e4e3da99;border:1px solid hsla(180,6%,77%,.1);border-radius:9999px;display:flex;gap:1rem;padding:1rem}.player-pill .btn-play-mini{align-items:center;background-color:#294345;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.player-pill .player-info{flex:1;min-width:0}.player-pill .player-info .player-label{color:#294345;font-size:.625rem;font-weight:700;letter-spacing:-.05em;margin:0;text-transform:uppercase}.player-pill .player-info .player-track{color:#294345;font-family:"Noto Serif",serif;font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-pill .player-progress{background-color:#e9e8e0;border-radius:9999px;height:.25rem;margin-right:.5rem;overflow:hidden;width:4rem}.player-pill .player-progress__fill{background-color:#e9c176;height:100%;width:60%}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}.app-layout{background-color:#fbfaf0;color:#1b1c17;display:flex;font-family:Manrope,sans-serif;min-height:100vh;overflow:hidden}.app-layout,.sidebar{flex-direction:column}.sidebar{background-color:#f5f5f4;border-radius:0 3rem 3rem 0;box-shadow:40px 0 40px #2943450d;display:none;height:100%;left:0;padding:2rem 0;position:fixed;top:0;width:18rem;z-index:40}@media(min-width:1280px){.sidebar{display:flex}}.sidebar__profile{align-items:center;display:flex;gap:1rem;margin-bottom:3rem;padding:0 2rem}.sidebar__profile .profile-img{border:2px solid #cbe8ea;border-radius:50%;height:3rem;-o-object-fit:cover;object-fit:cover;width:3rem}.sidebar__profile .profile-title{color:#042f2e;font-family:"Noto Serif",serif;font-size:1.125rem}.sidebar__profile .profile-subtitle{color:#78716c;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sidebar__menu{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.sidebar__menu .menu-item{align-items:center;border-radius:9999px;color:#57534e;display:flex;font-size:.875rem;gap:1rem;letter-spacing:.025em;margin:0 1rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s}.sidebar__menu .menu-item:hover{background-color:#e7e5e4}.sidebar__menu .menu-item--active{background-color:#134e4a;box-shadow:0 10px 15px -3px #0000001a;color:#fbfaf0}.sidebar__menu .menu-item--active:hover{background-color:#134e4a}.sidebar__footer{margin-top:auto;padding:0 2rem}.sidebar__footer .btn-primary{background-color:#294345;border:none;border-radius:9999px;box-shadow:0 20px 25px -5px #0000001a;color:#fff;cursor:pointer;font-weight:700;padding:1rem 0;transition:opacity .3s;width:100%}.sidebar__footer .btn-primary:hover{opacity:.9}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:6rem 1.5rem 8rem;position:relative}@media(min-width:1280px){.main-content{padding-left:2rem}}.progress-section{left:50%;max-width:36rem;padding:0 3rem;position:absolute;top:7rem;transform:translate(-50%);width:100%}@media(min-width:1280px){.progress-section{left:calc(50% + 9rem)}}.progress-section .progress-info{align-items:flex-end;color:#456461;display:flex;font-size:.625rem;font-weight:700;justify-content:space-between;letter-spacing:.2em;margin-bottom:.75rem;text-transform:uppercase}.progress-section .progress-bar{background-color:#e4e3da;border-radius:9999px;height:.25rem;overflow:hidden;width:100%}.progress-section .progress-bar__fill{background-color:#e9c176;border-radius:9999px;height:100%;transition:width .7s ease}.flashcard-wrapper{aspect-ratio:4/3;max-width:42rem;perspective:1000px;width:100%}@media(min-width:768px){.flashcard-wrapper{aspect-ratio:5/3}}.flashcard{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 40px 80px #29434514;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem;position:relative;transition:transform .5s ease;width:100%}.flashcard:hover{transform:translateY(-4px)}.flashcard:hover .flashcard__hints{opacity:1}.flashcard__category{color:#c1c8c8;font-size:.625rem;font-weight:900;left:2.5rem;letter-spacing:.1em;opacity:.4;position:absolute;text-transform:uppercase;top:2.5rem}.flashcard__content{align-items:center;display:flex;flex-direction:column;text-align:center}.flashcard__word{color:#294345;font-family:"Noto Serif",serif;font-size:4.5rem;letter-spacing:-.025em;line-height:1.1;margin-bottom:2rem}@media(min-width:768px){.flashcard__word{font-size:6rem}}.flashcard__divider{background-color:#e9c176;border-radius:9999px;height:.375rem;margin-bottom:2rem;width:3rem}.flashcard__phonetic{color:#45646199;font-size:1.125rem;font-style:italic}@media(min-width:768px){.flashcard__phonetic{font-size:1.25rem}}.flashcard__hints{bottom:2.5rem;display:flex;gap:3rem;justify-content:center;left:0;opacity:.3;position:absolute;right:0;transition:opacity .3s}.flashcard__hints .hint{align-items:center;color:#294345;display:flex;flex-direction:column;gap:.25rem}.flashcard__hints .hint span:first-child{font-size:1.125rem}.flashcard__hints .hint span:last-child{font-size:.5rem;font-weight:900;text-transform:uppercase}.btn-play{align-items:center;background-color:#e9e8e0;border:none;border-radius:9999px;cursor:pointer;display:flex;gap:1rem;margin-top:3rem;padding:1rem 2rem;transition:all .3s ease}.btn-play:hover{background-color:#ffdea5}.btn-play:hover .btn-play__icon{transform:scale(1.1)}.btn-play__icon{align-items:center;background-color:#294345;border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;height:3rem;justify-content:center;transition:transform .3s ease;width:3rem}.btn-play__icon span{font-size:1.875rem}.btn-play__text{color:#294345;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cta-banner{align-items:center;background-color:#c5e6e266;border-radius:.5rem;cursor:pointer;display:flex;gap:2rem;margin-top:5rem;max-width:36rem;overflow:hidden;padding:1.5rem;position:relative;transition:background-color .3s;width:100%}.cta-banner:hover{background-color:#c5e6e299}.cta-banner:hover .cta-banner__image{transform:rotate(6deg)}.cta-banner:hover .cta-banner__link span{transform:translate(4px)}.cta-banner__content{flex-grow:1;z-index:10}.cta-banner__tag{color:#294345;font-size:.625rem;font-weight:700;letter-spacing:.1em;margin-bottom:.25rem;opacity:.6;text-transform:uppercase}.cta-banner__title{color:#294345;font-family:"Noto Serif",serif;font-size:1.5rem;line-height:1.2;margin-bottom:.75rem}.cta-banner__link{align-items:center;background:transparent;border:none;color:#294345;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;padding:0}.cta-banner__link span{font-size:.875rem;transition:transform .3s}.cta-banner__image-wrapper{flex-shrink:0;height:8rem;margin-right:-2.5rem;position:relative;width:8rem}.cta-banner__image{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;height:100%;-o-object-fit:cover;object-fit:cover;transform:rotate(12deg);transition:transform .3s;width:100%}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:#fafaf9e6;border-radius:2.5rem 2.5rem 0 0;border-top:1px solid hsla(20,6%,90%,.2);bottom:0;box-shadow:0 -12px 40px #29434514;display:flex;justify-content:space-around;left:0;padding:1rem 1.5rem 2rem;position:fixed;width:100%;z-index:50}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav__item{align-items:center;color:#a8a29e;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.bottom-nav__item span:last-child{font-size:.625rem;font-weight:700;letter-spacing:.1em;margin-top:.25rem;text-transform:uppercase}.bottom-nav__item--active{background-color:#134e4a;border-radius:9999px;color:#fbfaf0;padding:.5rem 1.5rem}