body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.language-switcher{position:relative;z-index:1000}.language-trigger{align-items:center;background:var(--white);border:1px solid #2d7a2d33;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--secondary-gray);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base)}.language-trigger:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md);color:var(--primary-green)}.current-language{align-items:center;display:flex;gap:var(--spacing-xs)}.current-language .flag{font-size:16px}.current-language .name{font-weight:500;white-space:nowrap}.language-dropdown{background:var(--white);border:1px solid #2d7a2d33;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-xs))}.language-option{align-items:center;background:none;border:none;color:var(--secondary-gray);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:var(--transition-base);width:100%}.language-option:hover{background:#2d7a2d0d;color:var(--primary-green)}.language-option.active{background:#2d7a2d1a;color:var(--primary-green);font-weight:600}.language-option .flag{flex-shrink:0;font-size:16px}.language-option .name{flex:1 1;text-align:left;white-space:nowrap}.check-mark{color:var(--primary-green);font-size:var(--font-size-sm);font-weight:700}@media (max-width:768px){.language-trigger{padding:var(--spacing-xs) var(--spacing-sm)}.current-language .name{display:none}.language-dropdown{right:-10px}.language-option{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.language-switcher{bottom:var(--spacing-lg);position:fixed;right:var(--spacing-lg);z-index:1001}.language-trigger{border-radius:50%;box-shadow:var(--shadow-xl);height:48px;justify-content:center;padding:0;width:48px}.current-language{display:none}.language-dropdown{bottom:calc(100% + var(--spacing-sm));right:0;top:auto}}.beta-banner{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;transition:all .3s ease}.beta-banner-default{background:linear-gradient(135deg,#8b5cf61f,#7c3aed26);border:1px solid #8b5cf640;color:#7c3aed}.beta-banner-default:hover{background:linear-gradient(135deg,#8b5cf62e,#7c3aed38);border-color:#8b5cf659;box-shadow:0 2px 8px #8b5cf626;transform:translateY(-1px)}.beta-banner-dashboard{background:linear-gradient(135deg,#8b5cf614,#7c3aed1f);border:1px solid #8b5cf633;color:#8b5cf6;font-size:10px;padding:3px 8px}.beta-banner-dashboard:hover{background:linear-gradient(135deg,#8b5cf624,#7c3aed2e);border-color:#8b5cf64d;box-shadow:0 2px 6px #8b5cf61f;transform:scale(1.05)}.beta-icon{animation:sparkle 2s ease-in-out infinite}.beta-icon,.beta-text{flex-shrink:0}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(15deg)}}@media (max-width:768px){.beta-banner-default{font-size:10px;padding:3px 8px}.beta-banner-dashboard{font-size:9px;padding:2px 6px}.beta-icon{height:12px;width:12px}}@media (prefers-reduced-motion:reduce){.beta-banner{transition:none}.beta-icon{animation:none}.beta-banner:hover{transform:none}}.header{--header-padding:var(--spacing-md);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);background:linear-gradient(180deg,#ffffffb3,#ffffff59);border-bottom:1px solid #2d7a2d14;left:0;position:fixed;right:0;top:0;transition:transform .35s ease,background .25s ease,box-shadow .25s ease;z-index:1050}.header:after{background:linear-gradient(90deg,#0000,#52c25259,#0000);bottom:-1px;content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0}@media (prefers-color-scheme:dark){.header{background:linear-gradient(180deg,#101612a6,#10161259);border-bottom-color:#ffffff0f}.header:after{background:linear-gradient(90deg,#0000,#7dd87d40,#0000)}}.header.scrolled{--header-padding:var(--spacing-sm);background:#fffffffa;box-shadow:var(--shadow-lg)}.header.hidden{transform:translateY(-110%)}.header.collapsed{--header-padding:var(--spacing-xs);background:#fffffffa;box-shadow:var(--shadow-lg)}@media (prefers-color-scheme:dark){.header.collapsed,.header.scrolled{background:#101612fa;box-shadow:var(--shadow-lg)}.mobile-menu-toggle{color:#a2b8ab}.mobile-menu-toggle:hover{background:#7dd87d1f;color:var(--gray-900)}.mobile-nav{background:#0f1411;border-top-color:#ffffff0f}.mobile-nav-actions{border-top-color:#1a201c}.mobile-nav-link{color:#a2b8ab}.mobile-nav-link:hover{border-bottom-color:var(--accent-green);color:var(--accent-green)}.mobile-language-switcher{border-top-color:#ffffff0f}}.header.collapsed .desktop-nav{gap:var(--spacing-xl)}.header.collapsed .nav-actions{gap:var(--spacing-sm)}.nav{align-items:center;display:flex;justify-content:space-between;padding:var(--header-padding) 0;transition:padding .25s ease}.logo-link{text-decoration:none;transition:var(--transition-fast)}.logo-link:hover{transform:scale(1.02)}.logo{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.logo-image{height:28.9px;object-fit:contain;transition:var(--transition-fast);width:28.9px}.header.collapsed .logo-image{height:23.8px;width:23.8px}.desktop-nav{align-items:center;display:flex;gap:var(--spacing-2xl)}.nav-link{background:none;border:none;color:var(--secondary-gray);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) 0;position:relative}.nav-link,.nav-link:after{transition:var(--transition-fast)}.nav-link:after{background:var(--primary-green);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.nav-link:hover{color:var(--primary-green)}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;display:flex;gap:var(--spacing-md)}@media (max-width:968px){.nav-actions .language-switcher{display:none!important}}.btn-small{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg)}.btn.active{background:var(--primary-green);box-shadow:var(--shadow-md);color:var(--white)}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-md);color:var(--secondary-gray);cursor:pointer;display:none;margin-left:var(--spacing-md);padding:var(--spacing-sm);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background:#2d7a2d1a;color:var(--primary-green)}.mobile-nav{background:var(--white);border-top:1px solid #2d7a2d1a;display:none;overflow:hidden}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl) 0}.mobile-nav-link{background:none;border:none;border-bottom:1px solid #0000;color:var(--secondary-gray);cursor:pointer;font-size:var(--font-size-lg);font-weight:500;padding:var(--spacing-md) 0;text-align:left;transition:var(--transition-fast)}.mobile-nav-link:hover{border-bottom-color:var(--primary-green);color:var(--primary-green)}.mobile-nav-actions{border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.mobile-language-switcher{border-top:1px solid #2d7a2d1a;display:flex;justify-content:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.mobile-language-switcher .language-switcher{bottom:auto!important;position:static!important;right:auto!important;z-index:auto!important}.mobile-language-switcher .language-trigger{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;height:auto!important;justify-content:flex-start!important;padding:var(--spacing-sm) var(--spacing-md)!important;width:auto!important}.mobile-language-switcher .current-language{display:flex!important}.mobile-language-switcher .language-dropdown{bottom:120px!important;box-shadow:0 -4px 20px #00000026!important;left:50%!important;max-width:90vw!important;min-width:180px!important;position:fixed!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:auto!important;z-index:1100!important}.mobile-language-switcher .language-option{align-items:center!important;display:flex!important;font-size:var(--font-size-base)!important;gap:var(--spacing-sm)!important;min-height:44px!important;padding:var(--spacing-md) var(--spacing-lg)!important;white-space:nowrap!important}.mobile-language-switcher .language-option .flag{flex-shrink:0!important;font-size:18px!important}.mobile-language-switcher .language-option .name{flex:1 1!important;text-align:left!important}.mobile-nav-content,.mobile-nav.open{overflow:visible!important}@media (max-width:968px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:block}}@media (max-width:768px){.header{--header-padding:var(--spacing-md)}.header.scrolled{--header-padding:var(--spacing-sm)}.header.collapsed{--header-padding:var(--spacing-xs)}.logo-image{height:27.2px;width:27.2px}.header.collapsed .logo-image{height:22.4px;width:22.4px}.nav-actions .btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.nav-actions .btn span{display:none}.mobile-nav-content{padding:var(--spacing-lg) 0}.mobile-nav-link{font-size:var(--font-size-base);padding:var(--spacing-sm) 0}}@media (max-width:480px){.nav-actions{gap:var(--spacing-sm)}.nav-actions .btn{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-nav-actions .btn{padding:var(--spacing-md) var(--spacing-lg)}}.mobile-nav.open{display:block}.logo-link:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-nav-link:focus-visible,.nav-link:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--primary-green);outline-offset:2px}@media (prefers-contrast:high){.header{border-bottom:2px solid var(--primary-green)}.mobile-nav-link,.nav-link{border:1px solid #0000}.mobile-nav-link:hover,.nav-link:hover{border-color:var(--primary-green)}}@media (prefers-reduced-motion:reduce){.header,.logo-image,.logo-link,.mobile-menu-toggle,.mobile-nav-link,.nav,.nav-link,.nav-link:after{transition:none}}.mobile-nav-toggle{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:var(--transition-base);width:48px;z-index:1001}.mobile-nav-toggle:hover{background:var(--gray-50);border-color:var(--primary-green)}.mobile-nav-toggle.open{background:var(--primary-green);border-color:var(--primary-green);color:var(--white)}.navigation-sidebar.desktop{background:var(--white);border-right:1px solid var(--gray-200);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;z-index:1000}.navigation-sidebar.desktop.collapsed{border-right-color:var(--gray-100)}.navigation-sidebar.mobile{background:var(--white);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}.mobile-nav-overlay{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.sidebar-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.sidebar-header h3{color:var(--black);font-size:var(--font-size-lg);font-weight:600;margin:0}.sidebar-close,.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-base);width:36px}.sidebar-close:hover,.sidebar-toggle:hover{background:var(--gray-200);color:var(--black)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md)}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;text-align:left;transition:var(--transition-base);width:100%}.nav-item:hover{background:var(--gray-50);color:var(--black)}.nav-item.active{background:var(--primary-green);color:var(--white)}.nav-item.active:hover{background:var(--accent-green)}.nav-item svg{flex-shrink:0}.nav-item span{overflow:hidden;white-space:nowrap}.navigation-sidebar.desktop.collapsed .nav-item{justify-content:center;padding:var(--spacing-md)}.navigation-sidebar.desktop.collapsed .sidebar-header{justify-content:center}@media (max-width:768px){.navigation-sidebar.desktop{display:none}}@media (min-width:769px) and (max-width:1024px){.navigation-sidebar.desktop{display:none}.mobile-nav-toggle{display:flex}}@media (min-width:1025px){.mobile-nav-overlay,.mobile-nav-toggle,.navigation-sidebar.mobile{display:none}}@media (prefers-color-scheme:dark){.mobile-nav-toggle{background:#0f1411;border-color:#1a201c;box-shadow:0 2px 8px #00000080;color:#a2b8ab}.mobile-nav-toggle:hover{background:#121613;border-color:var(--accent-green)}.mobile-nav-toggle.open{background:var(--primary-green);border-color:var(--primary-green);color:var(--white)}.navigation-sidebar.desktop,.navigation-sidebar.mobile{background:#0f1411;border-right-color:#1a201c}.mobile-nav-overlay{background:#0009}.sidebar-header{background:#121613;border-bottom-color:#1a201c}.sidebar-header h3{color:var(--gray-900)}.sidebar-close,.sidebar-toggle{color:#a2b8ab}.sidebar-close:hover,.sidebar-toggle:hover{background:#1a201c;color:var(--gray-900)}.nav-item{color:#a2b8ab}.nav-item:hover{background:#121613;color:var(--gray-900)}.nav-item.active{background:var(--primary-green);color:var(--white)}.nav-item.active:hover{background:var(--accent-green)}.navigation-sidebar.desktop.collapsed .nav-item:hover:after{background:#0f1411;color:var(--gray-900)}}.nav-item span{display:inline-block}.navigation-sidebar.desktop.collapsed .nav-item{position:relative}.navigation-sidebar.desktop.collapsed .nav-item:hover:after{background:var(--black);border-radius:var(--radius-md);color:var(--white);content:attr(title);font-size:var(--font-size-xs);left:100%;margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1001}.circular-progress-container{align-items:center;display:flex;justify-content:center;position:relative}.circular-progress-svg{height:100%;width:100%}.progress-bg{opacity:.2}.progress-fill{filter:drop-shadow(0 0 2px rgba(16,185,129,.3))}.progress-text{align-items:center;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.progress-number{color:#1e293b;font-size:.75rem;font-weight:600;left:50%!important;letter-spacing:-.02em;line-height:1;position:absolute!important;top:50%!important;transform:translate(-50%,-50%)!important}.circular-progress-container[style*="width: 40px"] .progress-number,.circular-progress-container[style*="width: 45px"] .progress-number{font-size:.625rem}.circular-progress-container[style*="width: 50px"] .progress-number{font-size:.6875rem}.circular-progress-container[style*="width: 60px"] .progress-number{font-size:.75rem}.circular-progress-container[style*="width: 80px"] .progress-number{font-size:.875rem}.circular-progress-container:hover .progress-fill{filter:drop-shadow(0 0 4px rgba(16,185,129,.4))}@media (prefers-color-scheme:dark){.progress-number{color:#f8fafc}.progress-bg{stroke:#334155}.progress-fill{stroke:#60a5fa;filter:drop-shadow(0 0 2px rgba(96,165,250,.3))}.circular-progress-container:hover .progress-fill{filter:drop-shadow(0 0 4px rgba(96,165,250,.4))}}.collapsible-header{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s ease;z-index:995}.collapsible-header.studying{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom-color:var(--gray-100)}.collapsible-header .container{padding:0 var(--spacing-xl)}@media (min-width:769px){.collapsible-header .container{padding-left:calc(var(--spacing-xl) + 60px)}}.header-bar{align-items:center;border-bottom:1px solid #0000;display:flex;justify-content:space-between;min-height:60px;padding:var(--spacing-sm) 0}.collapsible-header.studying.collapsed .header-bar{border-bottom-color:var(--gray-100)}.header-essential{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.back-button-minimal{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base);white-space:nowrap}.back-button-minimal:hover{background:var(--gray-100);border-color:var(--primary-green);color:var(--black)}.back-icon-desktop{display:flex}.back-icon-mobile{display:none}.subject-icon-small{align-items:center;background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-green) 100%);border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.subject-title{color:var(--black);flex:1 1;font-size:var(--font-size-lg);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-progress{margin:0 var(--spacing-md)}.header-progress .loading-spinner{align-items:center;background:#3b82f61a;border-radius:50%;display:flex;justify-content:center}.header-progress .loading-spinner .spinner{animation:spin 1s linear infinite;color:#3b82f6}.header-actions-bar{align-items:center;display:flex;gap:var(--spacing-sm)}.btn-header{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);transition:var(--transition-base);white-space:nowrap}.btn-header.btn-sm{padding:var(--spacing-xs) var(--spacing-sm)}.btn-header:hover{background:var(--gray-50);border-color:var(--primary-green);color:var(--primary-green)}.btn-header.btn-icon{justify-content:center;min-width:32px;padding:var(--spacing-xs)}.desktop-only{display:none}@media (min-width:768px){.btn-header.btn-icon{min-width:auto;padding:var(--spacing-xs) var(--spacing-sm)}.desktop-only{display:inline}}.collapse-toggle{align-items:center;background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-base);width:36px}.collapse-toggle:hover{background:var(--gray-50);border-color:var(--primary-green);color:var(--primary-green)}.header-expandable{overflow:hidden}.header-expandable .header-content{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between;padding:var(--spacing-lg) 0}.header-left{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);min-width:0}.quota-info{align-items:center;display:flex;gap:var(--spacing-lg)}.quota-stat{align-items:baseline;display:flex;gap:var(--spacing-xs)}.quota-number{color:var(--primary-green);font-size:var(--font-size-xl);font-weight:700;line-height:1}.quota-label{color:var(--gray-600);font-size:var(--font-size-sm);white-space:nowrap}.plan-badge{background:var(--primary-green);border-radius:var(--radius-full);color:var(--white);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.guide-info,.guide-stats{align-items:center;display:flex}.guide-info{gap:var(--spacing-md)}.guide-title{color:var(--black);font-size:var(--font-size-lg);font-weight:600}.guide-detail{color:var(--gray-600)}.guide-detail,.guide-progress{font-size:var(--font-size-sm);white-space:nowrap}.guide-progress{color:var(--primary-green);font-weight:600}.test-mode-badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.back-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base);white-space:nowrap}.back-button:hover{background:var(--gray-100);color:var(--black)}.subject-info{flex:1 1;gap:var(--spacing-md);min-width:0}.subject-icon,.subject-info{align-items:center;display:flex}.subject-icon{background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-green) 100%);border-radius:var(--radius-lg);color:var(--white);flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.collapsible-header.studying .subject-icon{height:40px;width:40px}.subject-details{flex:1 1;min-width:0}.subject-details h1{color:var(--black);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease;white-space:nowrap}.collapsible-header.studying .subject-details h1{font-size:var(--font-size-xl);margin-bottom:0}.subject-details p{color:var(--gray-600);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-mode-badge{background:#f59e0b;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:500;margin-top:4px;padding:2px 8px}.header-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-lg)}.progress-section{align-items:center;display:flex;gap:var(--spacing-md)}.progress-text{align-items:flex-start;display:flex;flex-direction:column}.progress-label{color:var(--gray-600);font-size:var(--font-size-xs);line-height:1}.progress-value{color:var(--black);font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.header-actions{display:flex;gap:var(--spacing-md)}.header-actions .btn{white-space:nowrap}.header-actions .btn span{margin-left:var(--spacing-xs)}.header-peek-indicator{background:var(--gray-300);border-radius:0 0 var(--radius-sm) var(--radius-sm);height:3px;left:50%;opacity:.6;position:absolute;top:100%;transform:translateX(-50%);width:60px}.peek-line{animation:pulse 2s infinite;background:linear-gradient(90deg,var(--primary-green),var(--accent-green));border-radius:inherit;height:100%;width:100%}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:1024px){.header-actions .btn span,.progress-text{display:none}.header-actions .btn{padding:var(--spacing-sm)}}@media (max-width:768px){.collapsible-header .container{padding:0 var(--spacing-lg);padding-left:80px}.header-bar{min-height:56px}.header-essential{gap:var(--spacing-sm)}.back-button-minimal{height:36px;padding:var(--spacing-xs);width:36px}.back-icon-desktop{display:none}.back-icon-mobile{display:flex}.back-text{display:none}.subject-icon-small{height:28px;width:28px}.subject-title{font-size:var(--font-size-md)}.header-progress{margin:0 var(--spacing-sm)}.collapse-toggle{height:32px;width:32px}.header-expandable .header-content{gap:var(--spacing-md);padding:var(--spacing-md) 0}.header-left{gap:var(--spacing-sm)}.back-button span{display:none}.back-button{padding:var(--spacing-sm)}.subject-info{gap:var(--spacing-sm)}.subject-icon{height:36px;width:36px}.subject-details h1{font-size:var(--font-size-lg)}.header-right,.progress-section{gap:var(--spacing-sm)}.header-actions{gap:var(--spacing-xs)}}@media (max-width:480px){.collapsible-header .container{padding:0 var(--spacing-md);padding-left:80px}.header-essential{gap:var(--spacing-xs)}.subject-title{font-size:var(--font-size-sm)}.header-actions .btn span,.subject-details p,.test-mode-badge{display:none}}.loading-spinner{align-items:center;color:#2d7a2d;color:var(--primary-green);display:flex;font-size:18px;height:50vh;justify-content:center}:root{--primary-green:#2d7a2d;--primary-green-dark:#1f5f1f;--primary-green-light:#4a9a4a;--accent-green:#52c252;--accent-green-light:#7dd87d;--white:#fff;--black:#1a1a1a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--secondary-gray:var(--gray-600);--light-gray:var(--gray-100);--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base: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:3.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:6rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:all 0.15s ease-in-out;--transition-base:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);background-image:radial-gradient(1200px 800px at 10% -10%,#52c2520f,#0000 60%),radial-gradient(1000px 600px at 90% -15%,#8b5cf60d,#0000 60%);color:#1a1a1a;color:var(--black);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6}@media (prefers-color-scheme:dark){:root{--white:#0b0f0c;--black:#f8faf9;--secondary-gray:#a4b0ab;--light-gray:#121613;--gray-50:#0b0f0c;--gray-100:#101512;--gray-200:#1a201c;--gray-300:#25302a;--gray-400:#3c4a42;--gray-500:#53665b;--gray-600:#7b9285;--gray-700:#a2b8ab;--gray-800:#cfe0d8;--gray-900:#ecf4f0}body{background-color:#fff;background-color:var(--white);color:#111827;color:var(--gray-900)}.card{background:#0f1411;border-color:#1a201c}.btn-secondary{background:#0000;border-color:#9ca3af;border-color:var(--gray-400)}.btn-outline,.btn-secondary{color:#111827;color:var(--gray-900)}.btn-outline{border-color:#6b7280;border-color:var(--gray-500)}}.App{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}h1{font-size:3rem;font-size:var(--font-size-5xl)}h2{font-size:2.25rem;font-size:var(--font-size-4xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4,h5{font-size:1.25rem;font-size:var(--font-size-xl)}h6{font-size:1.125rem;font-size:var(--font-size-lg)}p{font-size:1rem;font-size:var(--font-size-base);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}a{color:#2d7a2d;color:var(--primary-green);text-decoration:none}a:hover{color:#1f5f1f;color:var(--primary-green-dark)}.btn-signup-enhanced{justify-content:center;width:160px}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none}.btn-primary{background:linear-gradient(135deg,#2d7a2d,#52c252);background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-green) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white)}.btn-secondary{background:#fff;background:var(--white);border:2px solid #2d7a2d;border:2px solid var(--primary-green);color:#2d7a2d;color:var(--primary-green)}.btn-secondary:hover{background:#2d7a2d;background:var(--primary-green);color:#fff;color:var(--white)}.btn-outline{background:#0000;border:1px solid #2d7a2d;border:1px solid var(--primary-green);color:#2d7a2d;color:var(--primary-green)}.btn-outline:hover{background:#2d7a2d;background:var(--primary-green);color:#fff;color:var(--white)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);min-height:56px;padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);min-height:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.card{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--light-gray)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--spacing-xl)}.card-footer{background:#00000005;border-top:1px solid #f3f4f6;border-top:1px solid var(--light-gray)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.form-label{color:#4b5563;color:var(--secondary-gray);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);width:100%}.form-control:focus{border-color:#2d7a2d;border-color:var(--primary-green);box-shadow:0 0 0 3px #2d7a2d1a;outline:none}.form-control::placeholder{color:#9ca3af;color:var(--gray-400)}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem;padding:0 var(--spacing-xl)}.container-sm{margin:0 auto;max-width:800px;padding:0 1rem;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:.75rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:1.5rem;margin-top:var(--spacing-xl)}.mt-6{margin-top:2rem;margin-top:var(--spacing-2xl)}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-bottom:var(--spacing-xs);padding-top:.25rem;padding-top:var(--spacing-xs)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.py-3{padding-bottom:.75rem;padding-bottom:var(--spacing-md);padding-top:.75rem;padding-top:var(--spacing-md)}.py-4{padding-bottom:1rem;padding-bottom:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-lg)}.py-5{padding-bottom:1.5rem;padding-bottom:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-xl)}.py-6{padding-bottom:2rem;padding-bottom:var(--spacing-2xl);padding-top:2rem;padding-top:var(--spacing-2xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-left:var(--spacing-xs);padding-right:.25rem;padding-right:var(--spacing-xs)}.px-2{padding-left:.5rem;padding-left:var(--spacing-sm);padding-right:.5rem;padding-right:var(--spacing-sm)}.px-3{padding-left:.75rem;padding-left:var(--spacing-md);padding-right:.75rem;padding-right:var(--spacing-md)}.px-4{padding-left:1rem;padding-left:var(--spacing-lg);padding-right:1rem;padding-right:var(--spacing-lg)}.px-5{padding-left:1.5rem;padding-left:var(--spacing-xl);padding-right:1.5rem;padding-right:var(--spacing-xl)}.px-6{padding-left:2rem;padding-left:var(--spacing-2xl);padding-right:2rem;padding-right:var(--spacing-2xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:#2d7a2d;color:var(--primary-green)}.text-secondary{color:#4b5563;color:var(--secondary-gray)}.text-success{color:#22c55e;color:var(--success)}.text-warning{color:#f59e0b;color:var(--warning)}.text-error{color:#ef4444;color:var(--error)}.bg-primary{background-color:#2d7a2d;background-color:var(--primary-green)}.bg-light{background-color:#f3f4f6;background-color:var(--light-gray)}.bg-white{background-color:#fff;background-color:var(--white)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}@media (max-width:768px){:root{--font-size-5xl:2.25rem;--font-size-4xl:1.875rem;--font-size-3xl:1.5rem}.container{padding:0 1rem;padding:0 var(--spacing-lg)}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:480px){:root{--font-size-5xl:1.875rem;--font-size-4xl:1.5rem}.container{padding:0 .5rem;padding:0 var(--spacing-sm)}}.App{min-height:100vh}.motion-element{will-change:transform,opacity}.motion-element:hover{will-change:transform,opacity,box-shadow}.motion-container{opacity:1;visibility:visible}.animate-on-scroll{opacity:1;transform:translateY(0)}.preload *{transition:none!important}.motion-element{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.motion-container{transform:translateZ(0);will-change:transform}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#ef4444;color:var(--error)}.error-message,.success-message{font-size:.875rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-sm)}.success-message{color:#22c55e;color:var(--success)}.btn:focus-visible,.form-control:focus-visible{outline:2px solid #2d7a2d;outline:2px solid var(--primary-green);outline-offset:2px}@media print{.no-print{display:none!important}}
/*# sourceMappingURL=main.2beac0be.css.map*/