@import"https://fonts.googleapis.com/css?family=Montserrat";.hero-section{height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;background-size:cover;background-position:center;padding:2rem;background:linear-gradient(to bottom,#000,#da84ff);color:#fff}.hero-content{max-width:65rem;width:95%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation-name:fadeInUp;animation-duration:.8s;animation-timing-function:ease-out;animation-fill-mode:forwards;opacity:0}.hero-content .fade-in-up:nth-child(1){animation-delay:.2s}.hero-content .fade-in-up:nth-child(2){animation-delay:.4s}.hero-content .fade-in-up:nth-child(3){animation-delay:.6s}.hero-heading{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.5rem,4vw,3.5rem);font-weight:400;line-height:1.2;margin-bottom:1.5rem;color:#ffffffe6}.hero-heading .text-emphasis{font-weight:700;color:#fff}.hero-subtitle{font-size:clamp(1rem,1.75vw,1.25rem);font-weight:400;max-width:40rem;margin:0 auto 2.5rem;line-height:1.6;opacity:.85}.hero-button-group{display:flex;justify-content:center;gap:1rem}.hero-button{position:relative;display:inline-block;padding:1rem 2rem;border-radius:30px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;color:#fff!important;background-color:#2f2f4221;overflow:hidden}.hero-button span{position:relative;z-index:1}.hero-button:before{content:"";position:absolute;left:var(--mouse-x);top:var(--mouse-y);width:0;height:0;background:radial-gradient(circle closest-side,#8a2be2,transparent);transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;z-index:0}.hero-button:hover:before{width:200px;height:200px}.hero-button:hover{box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.hero-section{min-height:100vh;height:auto}.hero-heading{font-size:2.5rem;line-height:1.3}.hero-subtitle{font-size:1rem;max-width:90%}.hero-button-group{flex-wrap:wrap;justify-content:center}.hero-button{padding:.8rem 1.5rem;font-size:.9rem}}.how-it-works-section{box-sizing:border-box;width:100%;padding:4rem 2rem;background:linear-gradient(to right,#f7fafc,#fff1de);display:flex;justify-content:center;align-items:center}.hiw-content-wrapper{display:flex;align-items:center;gap:3rem;width:100%;max-width:1100px}.hiw-text-content{flex:1}.hiw-heading{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;font-family:Georgia,serif;color:#1a202c}.hiw-paragraph{font-size:1.1rem;line-height:1.6;color:#4a5568}.hiw-image-container{width:45%;flex-shrink:0;max-width:500px;border-radius:15px;overflow:hidden}.hiw-image-container img{width:100%;height:auto;display:block}.animated-item{animation-name:fadeInLeft}.hiw-text-content.animated-item{animation-delay:.2s}.hiw-image-container.animated-item{animation-delay:.4s}@media (max-width: 1024px){.animated-item{animation-name:fadeInDown}.hiw-image-container.animated-item{animation-delay:.2s}.hiw-text-content.animated-item{animation-delay:.4s}.hiw-content-wrapper{flex-direction:column;flex-direction:column-reverse;gap:1.5rem}.hiw-text-content{text-align:center;width:100%;border-top:3px solid #ffeace;padding-top:2rem;margin-top:0}.hiw-image-container{max-width:100%}.hiw-heading{font-size:2.2rem}}.philosophy-section{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:linear-gradient(to left,#fff,#e3edff);color:#0f0f0f}.philosophy-content{width:100%;max-width:1200px}.paths-container{display:flex;justify-content:center;gap:3rem}.section-title{font-family:Georgia,serif;text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#3b4862!important}.path-card{flex:1;max-width:500px;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:2.5rem;box-sizing:border-box;position:relative;overflow:hidden;background:#d7e3ff;border-radius:15px;transition:transform .4s ease,box-shadow .4s ease}.path-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),rgba(62,109,169,.4),transparent 80%);z-index:0;opacity:0;transition:opacity .5s}.card-text-content{position:relative;z-index:1;text-align:left}.card-text-content h3{font-size:2rem;margin-bottom:1rem;font-family:Georgia,serif;color:#274152}.card-text-content p{font-size:1.1rem;line-height:1.6;color:#4a5568}.path-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000004d}.path-card:hover:before{opacity:1}.animated-item{opacity:0;animation-fill-mode:forwards;animation-duration:.8s;animation-timing-function:ease-out}.section-title.animated-item{animation-name:fadeIn;animation-delay:.2s}.path-card.animated-item{animation-name:fadeInUp}.paths-container .path-card:nth-child(1).animated-item{animation-delay:.4s}.paths-container .path-card:nth-child(2).animated-item{animation-delay:.6s}@media (max-width: 1024px){.paths-container{flex-direction:column;gap:1.5rem}.path-card{max-width:100%}.section-title{font-size:2.2rem}.card-text-content h3{font-size:1.5rem}.card-text-content p{font-size:1rem}}.mission-section{box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:center;padding:4rem 2rem;background:linear-gradient(to right,#fff,#e8ffe5)}.mission-wrapper{display:flex;align-items:center;gap:3rem;width:100%;max-width:1100px}.mission-image-container{flex:0 0 40%;max-width:400px;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;margin:0}.mission-image-container img{width:100%;height:100%;object-fit:cover}.mission-text-content{flex:1;text-align:right;border-right:4px solid #a6e095;padding-right:3rem}.mission-heading{font-family:Georgia,serif;font-size:2.8rem;font-weight:500;color:#111827;margin-bottom:2rem}.mission-paragraph{font-size:1.25rem;line-height:1.7;color:#4b5563}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.mission-image-container,.mission-text-content{opacity:0;transition:opacity .8s ease-out}.animated-item{animation-fill-mode:forwards;animation-duration:.8s;animation-timing-function:ease-out}.mission-image-container.animated-item{animation-name:fadeInRight;animation-delay:.2s}.mission-text-content.animated-item{animation-name:fadeInRight;animation-delay:.4s}@media (max-width: 1024px){.mission-image-container.animated-item{animation-name:fadeInUp;animation-delay:.2s}.mission-text-content.animated-item{animation-name:fadeInDown;animation-delay:.4s}.mission-wrapper{flex-direction:column;gap:2rem}.mission-image-container{width:280px;height:280px;margin:0 auto;border-radius:50%;overflow:hidden}.mission-image-container img{width:100%;height:100%;object-fit:cover}.mission-text-content{text-align:center;border-right:none;padding-right:0;border-top:3px solid #dbffc8;padding-top:2rem}.mission-heading{font-size:2.2rem}.mission-paragraph{font-size:1rem}}.cta-section{box-sizing:border-box;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 1rem;background-color:#1a202c;color:#fff}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{max-width:650px;opacity:.9;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center}.cta-button{font-family:Montserrat,sans-serif;text-transform:uppercase;text-decoration:none;font-size:18px;padding:23px 33px;position:relative;background-color:transparent;border:none;color:#e6e6e6b3;transition:color .5s,transform .2s;outline:none}.cta-button:active{transform:translateY(3px)}.button-text{position:relative;z-index:2}.cta-button:after,.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;box-sizing:border-box}.cta-button:before{border:3px solid rgba(255,255,255,.2);transition:opacity .3s;z-index:1}.cta-button:after{border:3px solid #e6e6e6;opacity:0;transform:scaleX(1.1) scaleY(1.3);transition:transform .3s,opacity .3s;z-index:0}.cta-button:hover{color:#e6e6e6}.cta-button:hover:before{opacity:0}.cta-button:hover:after{opacity:1;transform:scaleX(1) scaleY(1)}.tech-footer{margin-top:5rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;width:100%;max-width:800px;text-align:center}.tech-footer p{font-size:.9rem;color:#ffffff80;display:inline-block}.tech-keyword{font-weight:600;color:#a7c1dd;transition:text-shadow .3s ease,color .3s ease;padding:0 .2rem;cursor:default}.tech-keyword:hover{color:#fff;text-shadow:0 0 7px currentColor,0 0 10px currentColor,0 0 21px currentColor}.tech-keyword.python:hover{color:#ffd43b;text-shadow:0 0 8px #ffd43b,0 0 16px #ffd43b}.tech-keyword.react:hover{color:#61dafb;text-shadow:0 0 8px #61dafb,0 0 16px #61dafb}.tech-keyword.typescript:hover{color:#3178c6;text-shadow:0 0 8px #3178c6,0 0 16px #3178c6}.tech-keyword.vscode:hover{color:#007acc;text-shadow:0 0 8px #007acc,0 0 16px #007acc}@media (max-width: 768px){.cta-section{padding:4rem 1rem}.cta-section h2{font-size:2rem}.cta-section p{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center;width:100%;gap:1rem}.cta-button{width:80%;max-width:350px}.tech-footer p{font-size:.8rem;padding:0 1rem}}.trivia-card{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.trivia-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000014;border-color:#3b82f6}.trivia-card-image{width:80px;height:80px}.trivia-card-content{flex:1}.trivia-card-content h4{margin:0;font-size:1.25rem;color:#1f2937}.trivia-card-content p{margin:.25rem 0 0;color:#6b7280}.trivia-stat{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;color:#166534;font-weight:500}.trivia-stat span{font-weight:600}.trivia-arrow-icon{display:flex;justify-content:center;align-items:center;background-color:#f3f4f6;color:#4b5568;width:40px;height:40px;border-radius:50%;font-size:1.25rem;transition:all .2s ease}.trivia-card:hover .trivia-arrow-icon{background-color:#3b82f6;color:#fff;transform:translate(5px)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{background:var(--card-bg);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 5px 20px #0003;border:1px solid var(--border-color);width:90%;max-width:500px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.modal-title{margin:0;font-size:1.5rem;color:var(--primary-text)}.modal-close-btn{background:none;border:none;font-size:2.2rem;font-weight:300;cursor:pointer;color:#888;line-height:1;padding:0}.modal-close-btn:hover{color:#333}.modal-body{font-size:1.05rem;line-height:1.6;color:var(--secondary-text);margin-bottom:1.5rem}.modal-footer{display:flex;justify-content:center;gap:1rem}.modal-button{padding:.7rem 1.4rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;background-color:#e9e9e9;color:#374151;cursor:pointer;transition:transform .2s,box-shadow .2s}.modal-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.modal-button.primary{background-color:var(--accent-color);color:#fff}.modal-button.primary:hover{background-color:var(--accent-hover)}.modal-button.secondary{background-color:#e5e7eb;color:#333}.modal-button.secondary:hover{background-color:#d1d5db}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}:root{--math-bg: #eef7e8;--trivia-bg: #f4eefc;--explore-bg: #eaf3fc;--border-color: #e5e7eb}.learning-path{background-color:#fff;border:1px solid var(--border-color);border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000000a;min-width:0}.path-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:1.5rem}.path-icon{width:60px;height:60px;flex-shrink:0;border-radius:12px;padding:10px;box-sizing:border-box}.learning-path[data-type=math] .path-icon{background-color:var(--math-bg)}.learning-path[data-type=trivia] .path-icon{background-color:var(--trivia-bg)}.learning-path[data-type=explore] .path-icon{background-color:var(--explore-bg)}.path-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.path-description{font-size:1rem;color:#4b5568;margin:0}.path-content{padding-left:calc(60px + 1.5rem)}.level-scroller{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.level-scroller::-webkit-scrollbar{display:none}.level-card-link{text-decoration:none;color:inherit;cursor:pointer}.level-card{position:relative;width:150px;height:150px;flex-shrink:0;background:#f8f9fa;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;text-align:center;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.trivia-container{padding:0rem}.level-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000012}.level-card-image{width:60px;height:60px;margin-bottom:.75rem}.level-card-title{font-size:.9rem;font-weight:500;line-height:1.3;color:#374151}.new-badge{position:absolute;top:10px;right:10px;background-color:#3b82f6;color:#fff;font-size:.65rem;font-weight:700;padding:3px 7px;border-radius:99px;text-transform:uppercase}@media (max-width: 768px){.learning-path{padding:1.5rem}.path-content{padding-left:0}.path-header{flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.trivia-config-container{flex-direction:column;align-items:stretch}}.level-card-link.locked .level-card{background-color:#f1f5f9;opacity:.7}.level-card-link.locked:hover .level-card{transform:none;box-shadow:none}.level-card-link.locked .level-card-image{filter:grayscale(100%)}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#000000ce;z-index:2}.dashboard-container{width:100%;min-height:100vh;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.dashboard-header{padding:5rem 2rem 2rem;text-align:center;max-width:700px;margin:0 auto}.dashboard-header h1{font-size:2rem;font-weight:1200;color:#1f2937;margin:0 0 .5rem}.dashboard-header p{font-size:1rem;color:#4b5568;line-height:1.5}.dashboard-main{padding:0 1.5rem 5rem;max-width:1100px;margin:0 auto;display:grid;gap:2rem}:root{--page-bg: #f8f9fa;--card-bg: #ffffff;--primary-text: #1f2937;--secondary-text: #4b5568;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e5e7eb}.level-detail-container{width:100%;min-height:100vh;background-color:var(--page-bg);color:var(--secondary-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:3rem 0}.level-detail-layout{display:flex;align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem}.level-info-sidebar,.skill-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000d}.skill-card.mastered{border-color:#28a745;position:relative;overflow:hidden}.skill-card.mastered:after{content:"✔";position:absolute;top:10px;right:15px;font-size:1.5rem;color:#28a745;opacity:.8}.skill-card.mastered:hover{box-shadow:0 4px 12px #0000000d}.level-info-sidebar{flex:0 0 320px;position:sticky;top:3rem;padding:2rem;box-sizing:border-box}.level-info-icon{width:80px;height:80px;border-radius:12px;display:block;margin-bottom:1.5rem}.level-info-title{font-size:1.75rem;color:var(--primary-text);margin:0 0 .5rem}.level-info-description{font-size:.95rem;line-height:1.6}.back-link{display:block;color:var(--accent-color);text-decoration:none;margin-bottom:1.5rem;font-weight:600;transition:color .2s ease}.back-link:hover{color:var(--accent-hover)}.skill-grid{flex:1;display:grid;grid-template-columns:1fr;gap:1rem}.skill-card{padding:1.5rem 2rem;text-decoration:none;color:var(--secondary-text);display:flex;flex-direction:column;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000012;border-color:var(--accent-color)}.skill-card h3{color:var(--primary-text);margin-top:0;font-size:1.25rem}.skill-card p{flex-grow:1;font-size:.9rem;line-height:1.5}.start-practice-btn{display:inline-block;background-color:var(--accent-color);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;text-align:center;align-self:flex-start;transition:background-color .2s ease}.skill-card:hover .start-practice-btn{background-color:var(--accent-hover)}@media (max-width: 992px){.level-detail-layout{flex-direction:column;gap:2.5rem}.level-info-sidebar{position:static;width:100%;background:none;border:none;box-shadow:none;padding:0;text-align:center}.level-info-icon{margin:0 auto 1.5rem}.skill-grid{width:100%}}:root{--page-bg: #f8f9fa;--card-bg: #ffffff;--primary-text: #1f2937;--secondary-text: #4b5568;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #e5e7eb;--correct-color: #10b981;--incorrect-color: #ef4444}.workspace-container{display:grid;place-items:center;min-height:100vh;background-color:var(--page-bg);padding:2rem;box-sizing:border-box}.workspace-layout{width:100%;max-width:800px}.centered-message{text-align:center;align-items:center}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.back-link.small{font-size:.9rem;color:var(--secondary-text);font-weight:500;text-decoration:none}.progress-info{font-size:.9rem;color:var(--secondary-text)}.progress-bar-container{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-bar{height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .4s ease-out}.question-card{width:100%;background-color:var(--card-bg);padding:2rem 3rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.skill-title{color:var(--accent-color);font-weight:600;margin:0 0 1rem}.question-text{font-size:1.75rem;color:var(--primary-text);line-height:1.5;margin:0 0 2.5rem}.question-text code{display:inline-block;background-color:#eef2ff;border-radius:6px;padding:.25rem .75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:.9em;color:#2700b3;vertical-align:middle;margin-left:.5rem}.answer-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.answer-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;text-align:left;background-color:var(--card-bg);color:var(--primary-text);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.answer-btn:not(:disabled):hover{border-color:var(--accent-color);background-color:#eff6ff}.answer-btn.correct{border-color:var(--correct-color);background-color:#f0fdf4;color:#15803d;font-weight:600}.answer-btn.incorrect{border-color:var(--incorrect-color);background-color:#fef2f2;color:#b91c1c;font-weight:600}.answer-btn.disabled{color:var(--secondary-text);opacity:.7;cursor:not-allowed}.action-footer{position:fixed;bottom:0;left:0;width:100%;padding:1.5rem 1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 -5px 20px #0000001a;animation:slideUp .3s ease-out}.action-footer-content{width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.action-footer.correct-bg{background-color:#d1fae5}.action-footer.incorrect-bg{background-color:#fee2e2}.feedback-text{font-weight:600;font-size:1.25rem;flex-grow:1;text-align:center}.correct-bg .feedback-text{color:#065f46}.incorrect-bg .feedback-text{color:#991b1b}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.next-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;background-color:var(--accent-color);border:1px solid var(--accent-color);color:#fff}.next-btn:hover{background-color:var(--accent-hover)}.next-btn.primary{background-color:var(--primary-text);border-color:var(--primary-text);color:#fff;flex:1}.next-btn.primary:hover{background-color:#374151;border-color:#374151}.next-btn.secondary{background-color:transparent;border:1px solid var(--secondary-text);color:var(--secondary-text);flex:1}.next-btn.secondary:hover{background-color:#0000000d}@media (max-width: 768px){.workspace-container{padding:1.5rem 1rem;align-items:flex-start}.workspace-header{flex-wrap:wrap}.question-card{padding:1.5rem}.question-text{font-size:1.5rem;margin-bottom:2rem}.answer-btn{padding:1rem;font-size:1rem}.action-footer{padding:1rem}.action-footer-content{flex-direction:column;gap:1rem;text-align:center}.feedback-text{font-size:1.1rem}.feedback-text h3{margin-bottom:.25rem}.explanation-text{font-size:.9rem}.next-btn{width:100%;padding:1rem}}.trivia-page-container{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;width:100%;box-sizing:border-box}.trivia-config-card{width:100%;max-width:700px;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000012;border:1px solid #e5e7eb;padding:2rem 2.5rem}.trivia-card-header{text-align:center;margin-bottom:2rem}.trivia-card-header h1{margin:0;font-size:2rem;color:#1f2937}.trivia-card-header p{margin:.5rem 0 0;color:#4b5568}.trivia-form{display:flex;flex-direction:column;gap:2rem}.form-group label{margin-bottom:.75rem;font-weight:500;color:#374151;font-size:1.1rem}.form-group label span{font-weight:700;color:#3b82f6}.difficulty-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;border:none;border-radius:0}.difficulty-selector button{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;font-size:1rem;transition:all .2s ease}.difficulty-selector button:not(:last-child){border-right:1px solid #d1d5db}.difficulty-selector button.selected{background-color:#3b82f6;color:#fff;font-weight:600;border-color:#3b82f6}.difficulty-selector button:not(.selected):hover{border-color:#3b82f6;color:#3b82f6}.amount-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#e5e7eb;border-radius:5px;outline:none}.amount-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3b82f6;cursor:pointer;border-radius:50%}.amount-slider::-moz-range-thumb{width:20px;height:20px;background:#3b82f6;cursor:pointer;border-radius:50%}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px}.category-card{padding:1rem;border:1px solid #d1d5db;border-radius:8px;background-color:#ebebeb;cursor:pointer;text-align:center;font-size:.9rem;transition:all .2s ease}.category-card:hover{border-color:#3b82f6;color:#3b82f6}.category-card.selected{background-color:#3b82f6;color:#fff;border-color:#2563eb;font-weight:600;transform:scale(1.05)}.start-quiz-button{padding:.9rem;margin-top:1rem;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.home-page{height:calc(100vh - 65px);display:flex;justify-content:center;align-items:center;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.home-layout{display:grid;grid-template-columns:1fr 2fr;gap:2rem;width:100%;max-height:80vh;height:100%}.home-left-column{display:flex;flex-direction:column;gap:2rem}.home-right-column{display:flex;flex-direction:column;min-height:0}.stat-card{background-color:#fff;border-radius:12px;padding:1.9rem;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d}.achievements-container{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;flex-grow:1;min-height:0}.achievements-container h2{margin:0;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.achievements-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem}@media (max-width: 992px){.home-page{height:auto;align-items:flex-start;padding:1.5rem .75rem}.home-layout{grid-template-columns:1fr;max-height:none;height:auto}.achievements-container h2{padding:1rem}.achievements-list{overflow-y:visible;max-height:none;padding:0 1rem 1rem}}.streak-tracker{display:flex;flex-direction:column;align-items:center}.streak-header h2{margin:0 0 .5rem;text-align:center;font-size:1.25rem;color:#374151}.streak-display{display:flex;justify-content:center;align-items:center;margin:.5rem 0}.streak-number{font-size:5rem;font-weight:800;color:#1f2937;line-height:1}.streak-emoji{font-size:3.5rem;margin-left:.5rem}.streak-subtext{text-align:center;color:#6b7280;margin:.25rem 0 1.5rem;font-size:.9rem}.week-display{display:flex;justify-content:space-between;width:100%;padding-top:1rem;border-top:1px solid #f3f4f6}.day-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.flame-day{font-size:1.25rem;border:2px solid #e5e7eb;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;filter:grayscale(100%);opacity:.4;transition:all .3s ease}.flame-day.lit{filter:grayscale(0%);opacity:1;border-color:#f59e0b;background-color:#fffbeb}.day-name{font-size:.8rem;font-weight:500;color:#6b7280}.level-display{display:flex;flex-direction:column;gap:1rem}.level-header{display:flex;align-items:center;gap:1.5rem}.level-icon{font-size:3rem}.level-info{flex:1}.level-title{margin:0;color:#374151}.level-number{margin:.25rem 0 0;font-size:1.5rem;font-weight:600;color:#1f2937}.level-progress-wrapper{display:flex;align-items:center;gap:.75rem}.level-indicator{font-size:.9rem;font-weight:700;color:#6b7280}.level-progress-bar-container{flex:1;position:relative;height:24px;background-color:#d6d6d6;border-radius:99px;overflow:hidden}.level-progress-bar-fill{height:100%;background-color:#f59e0b;border-radius:99px;transition:width .5s ease-in-out}.xp-text-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.achievement-card.locked{opacity:.6}.achievement-card.unlocked{border-left:4px solid #10b981}.achievement-icon{font-size:2rem}.achievement-details{flex:1}.achievement-title{margin:0;color:#1f2937;font-weight:600}.achievement-description{margin:.25rem 0 0;color:#6b7280;font-size:.9rem}.progress-bar-container{background-color:#e5e7eb;border-radius:99px;height:.75rem;overflow:hidden;margin-top:.5rem}.progress-bar-fill{background-color:#3b82f6;height:100%;border-radius:99px;transition:width .5s ease}.achievement-toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;align-items:center;gap:1rem;background-color:#fff;color:#1f2937;padding:1rem 1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001a;width:100%;max-width:350px;animation:slideInDown .5s cubic-bezier(.25,1,.5,1),fadeOut .5s 4.5s forwards}.toast-icon{font-size:2rem}.toast-details{flex:1}.toast-title{margin:0;font-size:1.1rem;font-weight:600}.toast-description{margin:.25rem 0 0;color:#4b5568}.toast-close-btn{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:.25rem;line-height:1}.toast-close-btn:hover{color:#1f2937}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@media (max-width: 480px){.achievement-toast-container{left:1rem;right:1rem;max-width:none;width:auto}}.main-navbar{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 2rem;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;transition:transform .3s ease-in-out}.main-navbar.hidden{transform:translateY(-100%)}.navbar-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;color:#1f2937;text-decoration:none}.navbar-links{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:#4b5568;font-weight:500;padding-bottom:.25rem;border-bottom:2px solid transparent;transition:all .2s ease}.nav-link:hover{color:#1f2937}.nav-link.active{color:#3b82f6;border-bottom-color:#3b82f6}@media (max-width: 768px){.navbar-brand{display:none}.navbar-content{justify-content:center}.main-navbar{padding:.75rem 1rem}}.popover-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:transparent}.popover-content{position:fixed;width:100%;max-width:320px;background-color:#fff;border-radius:12px;box-shadow:0 5px 25px #00000026;border:1px solid #e5e7eb;transform:translate(-50%,calc(-100% - 10px));transform-origin:bottom center;animation:popUp .3s cubic-bezier(.16,1,.3,1)}.popover-content.flipped{transform:translate(-50%,20px);transform-origin:top center;animation-name:popDown}.popover-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.popover-header h3{margin:0;font-size:1.1rem;font-style:italic;color:#1f2937}.popover-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af}.popover-body{padding:1rem;max-height:250px;overflow-y:auto}.definition-group{margin-bottom:1rem}.definition-group:last-child{margin-bottom:0}.definition-group h4{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;color:#6b7280;font-weight:600}.definition-group ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.definition-group li{font-size:.95rem;color:#374151}.loading-spinner.small{width:24px;height:24px;margin:1rem auto}@keyframes popUp{0%{opacity:0;transform:translate(-50%,calc(-100% + -0px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}@keyframes popDown{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,20px)}}@media (max-width: 600px){.popover-content{left:50%!important;top:auto!important;bottom:20px;width:calc(100% - 32px);transform:translate(-50%);animation-name:slideUp;animation-duration:.3s;transform-origin:bottom center}.popover-content.flipped{transform:translate(-50%)}}.reading-page-container{width:100%;min-height:100vh;background-color:#f8f9fa}.reading-layout{display:flex;align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto;padding:3rem 2rem}.reading-info-sidebar{flex:0 0 320px;position:sticky;top:3rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem}.reading-info-icon{width:80px;height:80px;border-radius:12px;display:block;margin-bottom:1.5rem;background-color:#f3f4f6}.reading-info-category{font-size:1.75rem;color:#1f2937;margin:0 0 .5rem}.reading-info-title{font-size:1.1rem;line-height:1.6;color:#4b5568;margin-bottom:2rem;border-left:3px solid #3b82f6;padding-left:1rem}.start-quiz-button{width:100%;padding:.9rem;border:none;border-radius:8px;background-color:#28a745;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.start-quiz-button:hover{background-color:#218838;transform:translateY(-2px)}.article-content-pane{flex:1;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2.5rem;font-size:1.1rem;line-height:1.8;color:#374151}.interactive-word{cursor:pointer;transition:background-color .2s ease;border-radius:3px}.interactive-word:hover{background-color:#e0f2fe}@media (max-width: 992px){.reading-layout{flex-direction:column}.reading-info-sidebar{position:static;width:100%}}#root main>section{box-sizing:border-box;width:100%;display:flex;justify-content:center;align-items:center;padding:6rem 2rem;min-height:40vh}@media (max-width: 768px){#root main>section{padding:4rem 1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--c-text: rgba(255, 255, 255, .87);--c-bg: #242424;--c-link: #646cff;--c-link-hover: #535bf2;--c-btn-bg: #1a1a1a;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}@media (prefers-color-scheme: light){:root{--c-text: #213547;--c-bg: #ffffff;--c-link-hover: #747bff;--c-btn-bg: #f9f9f9}}*,*:before,*:after{box-sizing:inherit}html{scroll-behavior:smooth;box-sizing:border-box}html{height:100%}body{min-height:100%;margin:0;padding:0;overflow-x:hidden}#root{height:100%;display:flex;flex-direction:column}body{color:var(--c-text);background-color:var(--c-bg);display:flex;place-items:center;min-width:320px}#root{display:flex;flex-direction:column;width:100%}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:var(--c-link);text-decoration:inherit}a:hover{color:var(--c-link-hover)}button{padding:.6em 1.2em;border-radius:8px;cursor:pointer;font:500 1em inherit;background-color:var(--c-btn-bg);border:1px solid transparent;transition:border-color .25s}button:hover{border-color:var(--c-link)}button:focus-visible{outline:4px auto -webkit-focus-ring-color}body.dashboard-bg,body.trivia-page-bg{background:linear-gradient(to bottom,#fffdfa,#ffeecf);background-attachment:fixed}