.animated-navbar{position:fixed;top:0;left:0;right:0;z-index:1000}.logo a{display:flex;align-items:center;font-size:20px;font-weight:700}.menu{border-bottom:none;background-color:transparent}.hero-section{position:relative;height:100vh;background-image:url(https://images.unsplash.com/photo-1523240795612-9a054b0db644?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;background-position:center;color:#fff;text-align:center}.hero-overlay{position:absolute;inset:0;background-color:#00000080}.hero-title{color:#fff!important;font-size:56px!important;font-weight:700!important;margin-bottom:24px!important}.hero-subtitle{color:#fff!important;font-size:24px!important;margin-bottom:48px!important}.hero-button{font-size:20px!important;height:auto!important;padding:15px 40px!important}.features-section{padding:80px 0;background-color:#f0f2f5}.features-title-container{text-align:center;margin-bottom:60px}.feature-card{text-align:center;padding:20px;border-radius:8px}.feature-icon{margin-bottom:20px}.discover-section{padding:80px 0}.discover-title-container{text-align:center;margin-bottom:60px}.course-card .ant-card-cover img{height:160px;object-fit:cover}.footer{background-color:#001529;color:#ffffffa6;padding:40px 0}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-logo-icon{font-size:24px;color:#fff}.footer-logo-text{font-size:20px;font-weight:700;color:#fff}.footer-title{color:#fff;font-weight:500}.footer-link{color:#ffffffa6}.footer-link:hover{color:#fff}.footer-divider{border-color:#ffffff1a}.footer-copy{color:#ffffff73}.footer-social-link{color:#ffffffa6;font-size:20px}.footer-social-link:hover{color:#fff}.testimonials-title-container{text-align:center;margin-bottom:60px}.testimonial-card{text-align:center;padding:30px;border-radius:8px;background-color:#f0f2f5}.testimonial-avatar{margin-bottom:20px}.testimonial-text{font-style:italic;font-size:16px;color:#555}.testimonial-author{font-weight:700;margin-top:20px}.how-it-works-section{padding:80px 0;background-color:#f0f2f5}.how-it-works-title-container{text-align:center;margin-bottom:60px}.featured-in-section{padding:60px 0;background-color:#fff}.featured-in-title-container{text-align:center;margin-bottom:40px}.featured-logos-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.practice-page-wanikani{height:calc(100vh - 64px);display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:0;overflow:hidden}.practice-header{grid-row:1;background:#fff;padding:0 24px;margin-bottom:-10px}.practice-progress-bar{grid-row:2;background-color:transparent!important;border:none!important;box-shadow:none!important}.practice-progress-bar .ant-progress-outer,.practice-progress-bar .ant-progress-inner{background-color:#fff;border:none;box-shadow:none;border-radius:0}.practice-progress-bar .ant-progress-bg{margin:0!important;padding:0!important;border-radius:0!important}.practice-main-wanikani{grid-row:3;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5}.definition-box{max-width:800px;width:90%;max-height:70vh;overflow-y:auto;background:#fff;padding:40px;border-radius:8px;text-align:center;display:flex;align-items:center;justify-content:center}.definition-box .ant-typography{line-height:1.2}.practice-footer-wanikani{grid-row:4;padding:24px;text-align:center;background:#fff;transition:background-color .3s ease}.practice-footer-wanikani.correct{background-color:#f6ffed}.practice-footer-wanikani.incorrect{background-color:#fff1f0}.answer-info .ant-typography{margin-bottom:8px}.answer-info{margin-top:20px}.practice-footer-wanikani .ant-input{max-width:400px;margin:0 auto}.react-calendar-heatmap .color-scale-0{fill:#d6e685}.react-calendar-heatmap .color-scale-1{fill:#8cc665}.react-calendar-heatmap .color-scale-2{fill:#44a340}.react-calendar-heatmap .color-scale-3{fill:#1e6823}.react-calendar-heatmap .color-scale-4{fill:#0d440d}[data-tip]{position:relative}[data-tip]:before{content:attr(data-tip);position:absolute;top:-35px;left:50%;transform:translate(-50%);padding:5px 10px;background:#333;color:#fff;border-radius:5px;white-space:pre-wrap;z-index:10;display:none}[data-tip]:after{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333;z-index:10;display:none}[data-tip]:hover:before,[data-tip]:hover:after{display:block}.shop-icon-box{position:relative;overflow:hidden}.shop-icon-shimmer{position:absolute;top:0;left:-150%;height:100%;width:55%;background:linear-gradient(115deg,#fff0,#ffffff80 45%,#fff0);filter:blur(1px);animation:shopIconShimmer 2.6s ease-in-out infinite;pointer-events:none}@keyframes shopIconShimmer{0%{left:-150%}60%{left:130%}to{left:130%}}.react-calendar-heatmap text{font-size:10px;fill:#aaa}.react-calendar-heatmap .react-calendar-heatmap-small-text{font-size:5px}.react-calendar-heatmap rect:hover{stroke:#555;stroke-width:1px}.react-calendar-heatmap .color-empty{fill:#eee}.react-calendar-heatmap .color-filled{fill:#8cc665}.react-calendar-heatmap .color-github-0{fill:#eee}.react-calendar-heatmap .color-github-1{fill:#d6e685}.react-calendar-heatmap .color-github-2{fill:#8cc665}.react-calendar-heatmap .color-github-3{fill:#44a340}.react-calendar-heatmap .color-github-4{fill:#1e6823}.react-calendar-heatmap .color-gitlab-0{fill:#ededed}.react-calendar-heatmap .color-gitlab-1{fill:#acd5f2}.react-calendar-heatmap .color-gitlab-2{fill:#7fa8d1}.react-calendar-heatmap .color-gitlab-3{fill:#49729b}.react-calendar-heatmap .color-gitlab-4{fill:#254e77}.discover-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.discover-search{width:min(420px,100%)}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px}.category-title{display:flex;align-items:center;gap:8px}.category-icon{font-size:22px;display:inline-flex;align-items:center;justify-content:center}.hscroll{position:relative}.hscroll-inner{display:flex;gap:16px;overflow-x:auto;padding:4px 0 8px;scroll-snap-type:x proximity}.hscroll-inner::-webkit-scrollbar{height:10px}.hscroll-inner::-webkit-scrollbar-thumb{background:#0003;border-radius:6px}.hscroll-item{flex:0 0 auto;width:260px;scroll-snap-align:start}@media (min-width: 576px){.hscroll-item{width:280px}}@media (min-width: 992px){.hscroll-item{width:300px}}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.scroll-btn.left{left:-8px}.scroll-btn.right{right:-8px}.profile-avatar-container{position:relative;cursor:pointer}.profile-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay.uploading{opacity:1;background-color:#000000b3}.profile-avatar-overlay.uploading .anticon-camera{display:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #5E35B1;--secondary-color: #FFC107;--background-color: #f0f2f5;--text-color: #333;--font-family: "Roboto", sans-serif}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}