@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #262525;--bg-secondary: #232323;--bg-card: #2d3748;--accent-olive: #5a6e4d;--accent-olive-dark: #4a5c40;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #6b7280;--border-color: #3a3a3a;--danger: #b34040;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 50px}html,body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}.navbar{display:flex;justify-content:center;padding:20px;position:fixed;top:0;left:0;right:0;z-index:100}.navbar-inner{display:flex;gap:0;background-color:var(--accent-olive);border-radius:var(--radius-pill);padding:4px}.navbar-link{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:var(--text-primary);text-decoration:none;padding:10px 28px;font-size:14px;border-radius:var(--radius-pill);transition:none}.navbar-link.active{background-color:var(--accent-olive-dark)}.navbar-hidden{display:none}.page-container{min-height:100vh;padding:120px 40px 60px;max-width:1100px;margin:0 auto}.page-container.centered{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:60px}.home-container{min-height:calc(100vh - 60px);padding:120px 40px 60px;max-width:1100px;margin:0 auto}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:60px}.hero-content{flex:1;max-width:500px}.hero-content .heading-xl{margin-bottom:5px}.hero-content .text-description{max-width:400px;margin-bottom:32px}.hero-image-desktop{flex-shrink:0}.hero-image-mobile{display:none}.hero-image-desktop img,.hero-image-mobile img{width:265px;height:293px;-o-object-fit:contain;object-fit:contain}.practice-section{text-align:center;margin-bottom:48px}.section-title{font-family:Black Han Sans,sans-serif;font-weight:400;letter-spacing:.05em;font-style:normal;font-size:1.25rem;text-transform:lowercase;margin-bottom:24px;color:var(--text-primary)}.practice-pills{font-family:Black Han Sans,sans-serif;font-weight:100;font-style:normal;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.practice-pill{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;background-color:#4d626d;color:var(--text-primary);padding:10px 28px;border-radius:var(--radius-pill);font-size:14px}.benefits-section{margin-bottom:60px}.benefits-title{font-family:Black Han Sans,sans-serif;font-weight:400;font-style:normal;font-size:1.125rem;margin-bottom:16px;color:var(--text-primary)}.benefits-list{font-family:Battambang,system-ui;font-weight:400;font-style:normal;list-style:none;padding:0;margin:0}.benefits-list li{font-size:14px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.benefits-list li:before{content:"• ";color:var(--text-secondary)}.footer{background-color:var(--bg-secondary);padding:24px 40px;border-top:1px solid var(--border-color)}.footer-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13px;letter-spacing:.1em;text-transform:capitalize}.footer-copyright{color:var(--text-muted);font-size:13px;letter-spacing:.1em}.heading-xl{font-family:Black Han Sans,sans-serif;font-weight:400;font-style:normal;font-size:4rem;text-transform:lowercase;letter-spacing:-.02em;margin-bottom:14px}.heading-lg{font-family:Black Han Sans,sans-serif;font-weight:400;font-style:normal;font-size:3rem;text-transform:lowercase;letter-spacing:.02em;margin-bottom:24px}.heading-md{font-size:1.5rem;font-weight:600;margin-bottom:16px}.text-description{font-family:Battambang,system-ui;font-weight:400;font-style:normal;font-size:15px;color:var(--text-secondary);max-width:400px;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;font-size:14px;font-weight:500;font-family:var(--font-family);border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.btn-primary{font-family:Black Han Sans,sans-serif;font-weight:200;font-style:normal;letter-spacing:.1em;background-color:var(--accent-olive);color:var(--text-primary)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:24px;cursor:pointer}.card-title{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-style:normal;font-size:15px;font-weight:600;margin-bottom:8px}.card-meta{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:13px;color:var(--text-secondary);line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.test-container{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.test-header{position:sticky;top:0;z-index:100;background:var(--bg-primary);display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid var(--border-color)}.test-timer{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.test-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.test-word{font-size:4rem;font-weight:700;letter-spacing:-.02em}.test-situation{font-size:1.25rem;line-height:1.8;max-width:700px;text-align:left}.srt-booklet-container{flex:1;display:flex;flex-direction:column;padding:30px 40px;max-width:900px;margin:0 auto;width:100%}.srt-instruction{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px;padding:12px 16px;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.srt-situations-list{flex:1;display:flex;flex-direction:column;gap:16px}.srt-situation-item{display:flex;gap:12px;padding:16px 20px;background-color:var(--bg-card);border-radius:var(--radius-md);line-height:1.6}.srt-situation-number{font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:28px}.srt-situation-text{font-size:15px;color:var(--text-primary)}.srt-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.srt-pagination-btn{padding:10px 20px;font-size:13px}.srt-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.srt-pagination-info{font-size:13px;color:var(--text-secondary);min-width:100px;text-align:center}@media (max-width: 768px){.srt-booklet-container{padding:20px 16px}.srt-instruction{font-size:13px;padding:10px 12px}.srt-situations-list{gap:12px}.srt-situation-item{padding:14px 16px;gap:10px}.srt-situation-number{min-width:24px}.srt-situation-text{font-size:14px}.srt-pagination{gap:12px;flex-wrap:wrap}.srt-pagination-btn{padding:12px 16px;min-height:44px}}.test-image{height:65vh;width:auto;max-width:80%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md)}.test-phase-label{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.test-progress{font-size:13px;color:var(--text-muted)}.sdt-headings{display:flex;flex-direction:column;gap:20px;max-width:600px;width:100%}.sdt-heading-item{background-color:var(--bg-card);padding:20px 24px;border-radius:var(--radius-md);text-align:left}.sdt-heading-number{font-size:12px;color:var(--text-muted);margin-bottom:4px}.sdt-heading-text{font-size:16px;font-weight:500}.lecturette-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:600px;width:100%}.lecturette-topic{background-color:var(--bg-card);padding:24px;border-radius:var(--radius-md);text-align:left;cursor:pointer;border:2px solid transparent}.lecturette-topic.selected{border-color:var(--accent-olive)}.lecturette-topic-number{font-size:12px;color:var(--text-muted);margin-bottom:4px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background-color:var(--bg-secondary);padding:32px;border-radius:var(--radius-lg);max-width:400px;width:90%;text-align:center}.dialog-title{font-size:18px;font-weight:600;margin-bottom:12px}.dialog-message{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.dialog-buttons{display:flex;gap:12px;justify-content:center}.instruction-container{min-height:100vh;padding:120px 40px 60px;max-width:700px;margin:0 auto}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;font-size:14px;margin-bottom:24px}.back-link:hover{color:var(--text-primary)}.mock-data-indicator{position:fixed;top:8px;right:8px;background:hsl(var(--accent-olive) / .8);color:var(--text-primary);font-size:11px;padding:4px 8px;border-radius:4px;z-index:1000;font-weight:500}.instruction-title{font-family:Black Han Sans,sans-serif;font-weight:100;font-style:normal;font-size:2.5rem;text-transform:lowercase;margin-bottom:32px}.instruction-list{list-style:none;margin-bottom:40px}.instruction-list li{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;padding:12px 0;font-size:15px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.instruction-list li:last-child{border-bottom:none}.instruction-duration{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;display:inline-block;background-color:var(--bg-card);padding:8px 16px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);margin-bottom:32px}.completion-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.completion-title{font-size:2rem;font-weight:600;margin-bottom:16px}.completion-message{font-size:15px;color:var(--text-secondary);margin-bottom:32px}.reflection-textarea{width:100%;max-width:500px;min-height:150px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;font-family:var(--font-family);font-size:14px;color:var(--text-primary);resize:vertical;margin-bottom:24px}.reflection-textarea::-moz-placeholder{color:var(--text-muted)}.reflection-textarea::placeholder{color:var(--text-muted)}.reflection-textarea:focus{outline:none;border-color:var(--accent-olive)}.about-content{max-width:600px}.about-content p{font-family:"Baloo Bhai 2",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:15px;color:var(--text-secondary);margin-bottom:24px;line-height:1.8}@media (max-width: 768px){.page-container,.home-container{padding:100px 24px 40px}.hero-section{flex-direction:column;align-items:flex-start;gap:20px}.test-image{height:85vh;max-width:98%}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-image-desktop{display:none}.hero-image-mobile{display:block;margin:8px 0 16px}.hero-image-mobile img{width:180px;height:200px}.heading-xl{font-size:2.5rem}.heading-lg{font-size:2rem}.cards-grid{grid-template-columns:1fr}.navbar-link{padding:8px 20px;font-size:13px}.test-word{font-size:2.5rem}.test-content{padding:24px}.lecturette-topics{grid-template-columns:1fr}.instruction-container{padding:100px 24px 40px}.instruction-title{font-size:2rem}.section-title{font-size:1.125rem}.practice-pills{gap:8px}.practice-pill{padding:8px 20px;font-size:12px}.benefits-section{text-align:left}.benefits-title{font-size:1rem}.footer-inner{gap:16px}.footer-link,.footer-copyright{font-size:12px;letter-spacing:.05em}}@media (max-width: 480px){.navbar-inner{padding:2px}.navbar-link{padding:8px 16px;font-size:12px}.heading-xl{font-size:2rem}.btn{padding:10px 24px;font-size:13px}.hero-image img{width:150px;height:166px}}