.theme-toggle{position:relative;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);padding:0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);width:70px;height:36px}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.theme-toggle-track{position:relative;width:100%;height:100%;border-radius:var(--radius-full)}.theme-toggle-thumb{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--transition-medium);box-shadow:0 2px 8px #0003;left:4px}[data-theme=dark] .theme-toggle-thumb{left:calc(100% - 32px)}[data-theme=dark] .theme-toggle{background:#ffffff26;border-color:#ffffff40}[data-theme=dark] .theme-toggle:hover{background:#ffffff40}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-showcase-overlay{position:fixed;inset:0;background-color:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .3s ease-out}.app-showcase-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.app-showcase-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10}.app-showcase-close:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.app-showcase-header{text-align:center;margin-bottom:var(--spacing-2xl)}.app-showcase-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-sm) 0}.app-showcase-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.platforms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.platform-card{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;text-decoration:none;transition:all var(--transition-medium);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden}.platform-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 100%);opacity:0;transition:opacity var(--transition-medium)}.platform-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-xl),0 0 30px #6366f133}.platform-card:hover:before{opacity:1}.platform-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;position:relative;z-index:1}.qr-code-wrapper{position:relative;z-index:1;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;transition:all var(--transition-medium)}.qr-code-image{display:block;width:220px;height:220px;border-radius:var(--radius-md)}.platform-card:hover .qr-code-wrapper{transform:scale(1.05);box-shadow:0 8px 24px #6366f14d}.platform-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;position:relative;z-index:1;line-height:var(--line-height-relaxed)}.app-features{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.features-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;text-align:center}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);animation:fadeInUp .5s ease-out both}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.15s}.feature-item:nth-child(3){animation-delay:.2s}.feature-item:nth-child(4){animation-delay:.25s}.feature-item:nth-child(5){animation-delay:.3s}.feature-item:nth-child(6){animation-delay:.35s}.feature-check{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--gradient-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.feature-text{flex:1;line-height:var(--line-height-relaxed)}.app-showcase-footer{text-align:center;padding-top:var(--spacing-lg);border-top:2px solid var(--color-border)}.footer-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;font-weight:var(--font-weight-medium)}[data-theme=dark] .app-showcase-content{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .app-showcase-close{background:var(--color-bg-tertiary)}[data-theme=dark] .platform-card{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .platform-card:hover{background:var(--color-bg);border-color:var(--color-primary)}[data-theme=dark] .qr-code-wrapper{background:#fff}[data-theme=dark] .app-features{background:linear-gradient(135deg,#6366f11a,#a855f71a)}@media(max-width:768px){.app-showcase-content{padding:var(--spacing-lg);margin:var(--spacing-md)}.app-showcase-title{font-size:var(--font-size-2xl)}.platforms-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.qr-code-image{width:180px;height:180px}.features-list{grid-template-columns:1fr}}@media(max-width:480px){.app-showcase-content{padding:var(--spacing-lg)}.app-showcase-title{font-size:var(--font-size-xl)}.platform-card{padding:var(--spacing-lg)}.qr-code-image{width:160px;height:160px}}.mode-selection-screen{min-height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.mode-selection-screen:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.mode-selection-header{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);position:relative;z-index:10;animation:fadeInDown .6s ease-out}.mode-selection-header-top{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-lg);margin:0 auto;gap:var(--spacing-md)}.mode-selection-title-wrapper{text-align:center;flex:1}.mode-selection-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin:0 0 var(--spacing-sm) 0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.mode-selection-subtitle{font-size:var(--font-size-lg);color:#ffffffe6;font-weight:var(--font-weight-medium);text-shadow:0 2px 4px rgba(0,0,0,.1)}.dev-name{font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,#fbbf24,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;display:inline-block;filter:drop-shadow(0 0 8px rgba(245,158,11,.5));text-decoration:none;cursor:pointer;transition:transform .2s ease}.dev-name:hover{transform:translateY(-2px)}.mode-selection-main{flex:1;padding:var(--spacing-lg);max-width:var(--max-width-lg);margin:0 auto;width:100%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2xl)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl);width:100%;padding:0}.mode-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-xl);border:2px solid transparent;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.mode-card:nth-child(1){animation-delay:.1s}.mode-card:nth-child(2){animation-delay:.2s}.mode-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.05) 100%);opacity:0;transition:opacity var(--transition-medium);pointer-events:none}.mode-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.mode-card:hover:before{opacity:1}.mode-card:active{transform:translateY(-4px) scale(1)}.mode-card-icon{font-size:5rem;margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-medium);line-height:1}.mode-card:hover .mode-card-icon{transform:scale(1.05) translateY(-4px)}.mode-card-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0;text-align:center}.mode-card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);text-align:center;font-weight:var(--font-weight-medium)}.mode-card-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.mode-feature-item{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-base)}.mode-card:hover .mode-feature-item{background:var(--color-bg-tertiary);border-color:var(--color-primary-ultra-light)}.mode-card-cta{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-purple-blue);border-radius:var(--radius-xl);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.mode-card-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.mode-card:hover .mode-card-cta{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.mode-card:hover .mode-card-cta:before{left:100%}.app-promotion-card{width:100%;max-width:100%;margin:0;background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(99,102,241,.2);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-3xl);cursor:pointer;transition:all var(--transition-medium);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .3s both}.app-promotion-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#a855f70d);opacity:0;transition:opacity var(--transition-medium)}.app-promotion-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),0 0 50px #6366f166;border-color:var(--color-primary)}.app-promotion-card:hover:before{opacity:1}.app-promotion-card:active{transform:translateY(-4px)}.app-promotion-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-3xl);position:relative;z-index:1}.app-promotion-text{text-align:left}.app-promotion-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 var(--spacing-xs) 0;line-height:1.2}.app-promotion-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.app-promotion-icons{display:flex;align-items:center;gap:var(--spacing-lg)}.app-icon{width:72px;height:72px;border-radius:var(--radius-xl);background:#fff;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-md);overflow:hidden}.app-icon-img{width:100%;height:100%;object-fit:contain}.app-promotion-card:hover .app-icon{transform:translateY(-8px) scale(1.15);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.app-icon:nth-child(1){transition-delay:.05s}.app-icon:nth-child(2){transition-delay:.1s}.app-icon:nth-child(3){transition-delay:.15s}.app-icon:nth-child(4){transition-delay:.2s}.app-promotion-arrow{display:none}[data-theme=dark] .app-promotion-card{background:linear-gradient(135deg,#1e293bf2,#0f172ae6);border-color:#6366f14d}[data-theme=dark] .app-icon{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .app-promotion-subtitle{color:var(--color-text-tertiary)}[data-theme=dark] .app-icon-img{filter:brightness(.9)}@media(max-width:768px){.app-promotion-card{padding:var(--spacing-lg)}.app-promotion-content{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.app-promotion-text{text-align:center}.app-promotion-icons{justify-content:center}.app-promotion-arrow{display:none}.app-icon{width:50px;height:50px}}@media(max-width:480px){.app-promotion-title{font-size:var(--font-size-lg)}.app-promotion-subtitle{font-size:var(--font-size-xs)}.app-icon{width:40px;height:40px;font-size:var(--font-size-lg)}}.mode-selection-note{color:#ffffffe6;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff1a;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:fadeIn .6s ease-out .4s both}.mode-selection-footer{position:relative;z-index:10;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) var(--spacing-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out .5s both}.footer-content{max-width:var(--max-width-lg);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--spacing-2xl)}.footer-brand{text-align:left}.footer-logo{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.footer-logo-icon{font-size:var(--font-size-2xl);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.footer-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.footer-tagline{color:#ffffffbf;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.footer-link{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}.footer-link:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;color:#fff}.footer-link:active{transform:translateY(0)}.footer-copyright{text-align:right}.footer-copyright-text{color:#ffffffb3;font-size:var(--font-size-xs);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.footer-made-with{color:#fff9;font-size:var(--font-size-xs);margin:0;font-weight:var(--font-weight-medium)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mode-selection-title{font-size:var(--font-size-3xl)}.mode-selection-subtitle{font-size:var(--font-size-base)}.mode-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.mode-card-icon{font-size:4rem}.mode-card-title{font-size:var(--font-size-2xl)}.mode-card-features{grid-template-columns:1fr}.mode-card:hover{transform:translateY(-4px) scale(1.01)}.mode-card:hover .mode-card-icon{transform:scale(1.03) translateY(-2px)}.mode-selection-footer{padding:var(--spacing-lg) var(--spacing-md)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.footer-brand{text-align:center}.footer-links{align-items:center}.footer-copyright{text-align:center}}@media(max-width:480px){.mode-selection-title{font-size:var(--font-size-2xl)}.mode-card{padding:var(--spacing-lg)}.mode-card-icon{font-size:3.5rem}.footer-logo-text,.footer-logo-icon{font-size:var(--font-size-xl)}.footer-link{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}[data-theme=dark] .mode-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .mode-card:before{background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.1) 100%)}[data-theme=dark] .mode-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .mode-card-title{color:var(--color-text)}[data-theme=dark] .mode-card-description{color:var(--color-text-secondary)}[data-theme=dark] .mode-feature-item{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .mode-card:hover .mode-feature-item{background:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .mode-selection-note{background:#ffffff0d;border-color:#ffffff1a;color:var(--color-text-secondary)}[data-theme=dark] .footer-divider{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}[data-theme=dark] .mode-selection-footer{background:#0003;border-top-color:#ffffff1a}[data-theme=dark] .footer-link{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}[data-theme=dark] .footer-link:hover{background:#ffffff1a;border-color:#6366f180;color:#fff}.mode-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;transform:translateY(-4px)}.footer-link:focus-visible{outline:2px solid white;outline-offset:2px}@media(prefers-reduced-motion:reduce){.mode-card,.mode-card-icon,.mode-card-cta,.footer-link{animation:none;transition:none}.mode-card:hover,.mode-card:hover .mode-card-icon,.mode-card:hover .mode-card-cta,.footer-link:hover{transform:none}}.footer-link:focus-visible{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px #fff3}.feature-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);transition:all var(--transition-medium);cursor:pointer;border:none;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);position:relative;overflow:hidden;isolation:isolate;background-color:#fff;opacity:1}.feature-card:before{content:none}.feature-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-2xl);background-color:#fff!important}.feature-card:active{transform:translateY(-4px) scale(.99);transition:transform var(--transition-fast);background-color:#fff!important}.feature-icon{font-size:5rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));transition:all var(--transition-medium);position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.feature-card:hover .feature-icon{transform:scale(1.05) translateY(-4px);filter:drop-shadow(0 12px 24px rgba(0,0,0,.15))}.feature-card:active .feature-icon{transform:scale(1.02) translateY(-2px)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;transition:color var(--transition-base);letter-spacing:-.01em;position:relative;z-index:1}.feature-card:hover .feature-title{color:var(--color-primary)}[data-theme=dark] .feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#a855f70d);opacity:0;transition:opacity var(--transition-medium);z-index:-1}[data-theme=dark] .feature-card:hover:before{opacity:1}[data-theme=dark] .feature-card:hover{background:var(--color-bg-tertiary)!important;border-color:var(--color-primary);box-shadow:var(--shadow-2xl),0 0 0 1px #6366f11a,0 30px 60px -15px #6366f14d}[data-theme=dark] .feature-card:active{background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .feature-card:hover .feature-icon{filter:drop-shadow(0 12px 24px rgba(99,102,241,.4))}@media(max-width:768px){.feature-card{padding:var(--spacing-lg);gap:var(--spacing-md)}.feature-icon{font-size:4rem}.feature-title{font-size:var(--font-size-lg)}.feature-card:hover{transform:translateY(-4px) scale(1.005)}.feature-card:hover .feature-icon{transform:scale(1.03) translateY(-2px)}}@media(max-width:480px){.feature-card{padding:var(--spacing-lg)}.feature-icon{font-size:3.5rem}.feature-title{font-size:var(--font-size-base)}}.feature-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.feature-card,.feature-icon,.feature-title{transition:none;animation:none}.feature-card:hover,.feature-card:hover .feature-icon{transform:none}}.feature-card.loading{pointer-events:none;opacity:.6}.feature-card.loading:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.home-screen{min-height:100vh;background:var(--gradient-primary);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.home-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);position:relative;z-index:10;animation:fadeInDown .6s ease-out}.home-header-top{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-lg);margin:0 auto var(--spacing-md);gap:var(--spacing-md)}.change-mode-button{width:70px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.home-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-primary);position:relative;overflow:hidden}.home-screen:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.home-screen:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse}.home-header{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);text-align:center;color:#fff;position:relative;z-index:2;animation:fadeInUp .8s ease-out}.home-header-top{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-lg);margin:0 auto var(--spacing-lg);gap:var(--spacing-md)}.change-mode-button{width:70px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0;color:#fff}.change-mode-button:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.change-mode-button:active{transform:scale(.98)}.home-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin:0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;flex:1;text-align:center}.mode-info-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);max-width:var(--max-width-lg);margin:0 auto;box-shadow:0 4px 12px #0000001a;animation:fadeIn .6s ease-out .2s both}.mode-info-badge span{white-space:nowrap}.feature-grid>*:nth-child(10){animation:fadeInUp .6s ease-out 1s both}[data-theme=dark] .home-title{background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}}@media(max-width:768px){.home-screen:before,.home-screen:after{width:400px;height:400px}.home-header{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.home-header-top{margin-bottom:var(--spacing-md)}.home-title{font-size:var(--font-size-4xl)}.home-main{padding:var(--spacing-md)}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:0}.mode-info-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs)}.change-mode-button{width:60px;height:32px;font-size:1rem}}@media(max-width:480px){.home-header-top{gap:var(--spacing-sm)}.home-title{font-size:var(--font-size-3xl)}.feature-grid{gap:var(--spacing-sm)}.change-mode-button{width:50px;height:30px;font-size:.875rem}}.home-main{flex:1;padding:var(--spacing-lg);max-width:var(--max-width-lg);margin:0 auto;width:100%;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.feature-grid>*:nth-child(1){animation:fadeInUp .6s ease-out .1s both}.feature-grid>*:nth-child(2){animation:fadeInUp .6s ease-out .2s both}.feature-grid>*:nth-child(3){animation:fadeInUp .6s ease-out .3s both}.feature-grid>*:nth-child(4){animation:fadeInUp .6s ease-out .4s both}.feature-grid>*:nth-child(5){animation:fadeInUp .6s ease-out .5s both}.feature-grid>*:nth-child(6){animation:fadeInUp .6s ease-out .6s both}.feature-grid>*:nth-child(7){animation:fadeInUp .6s ease-out .7s both}.feature-grid>*:nth-child(8){animation:fadeInUp .6s ease-out .8s both}.feature-grid>*:nth-child(9){animation:fadeInUp .6s ease-out .9s both}@media(max-width:768px){.home-title{font-size:var(--font-size-3xl)}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.mode-info-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs)}.change-mode-button{width:60px;height:32px;font-size:1rem}}@media(max-width:480px){.home-header-top{gap:var(--spacing-sm)}.home-title{font-size:var(--font-size-2xl)}}[data-theme=dark] .change-mode-button{background:#ffffff26;border-color:#ffffff40}[data-theme=dark] .change-mode-button:hover{background:#ffffff40}[data-theme=dark] .mode-info-badge{background:#ffffff1a;border-color:#fff3}.progress-bar-container{background-color:#fff3;height:8px;border-radius:var(--radius-full);overflow:hidden;margin-top:var(--spacing-md);position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);background-size:200% 100%;transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full);position:relative;animation:shimmerProgress 4s linear infinite;box-shadow:0 0 10px #10b98180}@keyframes shimmerProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));filter:blur(4px)}.progress-bar-fill[style*="width: 9"],.progress-bar-fill[style*="width: 100"]{animation:shimmerProgress 4s linear infinite,pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 10px #10b98180}50%{box-shadow:0 0 20px #10b981cc}}.pagination-container{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:fadeInScale .5s ease-out}.pagination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.pagination-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);background-color:var(--color-bg-tertiary);color:var(--color-text);border:2px solid transparent;cursor:pointer;padding:0;min-height:50px;max-height:60px;position:relative;overflow:hidden}.crucial-indicator{position:absolute;top:2px;right:2px;font-size:.7em;line-height:1;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.9}}.question-number{position:relative;z-index:1}.pagination-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pagination-item:active:before{width:100px;height:100px}.pagination-item:hover:not(.current){background-color:var(--color-primary-light);color:#fff;transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-md)}.pagination-item:active{transform:scale(.95)}.pagination-item.answered-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #fbbf244d}.pagination-item.answered-pending:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 16px #fbbf2466}.pagination-item.answered{background:var(--gradient-success);color:#fff;border-color:var(--color-success);box-shadow:0 4px 12px #10b9814d}.pagination-item.answered:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 16px #10b98166}.pagination-item.current{background:var(--gradient-purple-blue);color:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f133,var(--shadow-md);animation:pulseRing 2s ease-in-out infinite;transform:scale(1.05)}@keyframes pulseRing{0%,to{box-shadow:0 0 0 4px #6366f133,var(--shadow-md)}50%{box-shadow:0 0 0 8px #6366f11a,var(--shadow-lg)}}.pagination-item.current:hover{transform:scale(1.08)}.pagination-item.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:var(--color-error);box-shadow:0 4px 12px #ef44444d}.pagination-item.incorrect:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 16px #ef444466}@media(min-width:1201px){.pagination-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px)and (min-width:901px){.pagination-container{padding:var(--spacing-lg)}.pagination-grid{grid-template-columns:repeat(auto-fill,minmax(60px,65px));gap:var(--spacing-sm);justify-content:start}.pagination-item{min-height:60px;max-height:65px;width:100%}}@media(max-width:900px)and (min-width:769px){.pagination-grid{grid-template-columns:repeat(auto-fill,minmax(55px,60px));gap:var(--spacing-sm);justify-content:start}.pagination-item{min-height:55px;max-height:60px;font-size:var(--font-size-xs)}.crucial-indicator{font-size:.65em;top:1px;right:1px}}@media(max-width:768px){.pagination-container{padding:var(--spacing-md)}.pagination-grid{grid-template-columns:repeat(auto-fill,minmax(48px,52px));gap:var(--spacing-xs);justify-content:start}.pagination-item{min-height:48px;max-height:52px;font-size:var(--font-size-xs)}.crucial-indicator{font-size:.6em}}@media(max-width:480px){.pagination-container{padding:var(--spacing-sm)}.pagination-grid{grid-template-columns:repeat(auto-fill,minmax(42px,46px));gap:6px}.pagination-item{min-height:42px;max-height:46px;font-size:.75rem;border-radius:var(--radius-md)}.crucial-indicator{font-size:.55em;top:1px;right:1px}}@media(max-width:360px){.pagination-grid{grid-template-columns:repeat(auto-fill,minmax(38px,42px));gap:4px}.pagination-item{min-height:38px;max-height:42px;font-size:.7rem}.crucial-indicator{font-size:.5em}}.pagination-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.crucial-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 4s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.question-item{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .5s ease-out}.question-text-container{margin-bottom:var(--spacing-sm)}.question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-relaxed);cursor:pointer;padding:var(--spacing-lg);border-radius:var(--radius-xl);transition:all var(--transition-base);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:2px solid transparent}.question-text:hover{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-color:var(--color-primary-ultra-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.question-text.crucial-question{background:linear-gradient(135deg,#ffc10714,#ff98000d);border:2px solid rgba(255,193,7,.25);border-left:4px solid #ffc107}.question-text.crucial-question:hover{background:linear-gradient(135deg,#ffc1071f,#ff980014);border-color:#ffc10766;border-left-color:#ffa000}@keyframes crucialPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff98004d}50%{transform:scale(1.02);box-shadow:0 3px 12px #ff980066}}.question-image-container{margin:0 0 var(--spacing-sm) 0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative;animation:fadeInScale .6s ease-out .2s both}.question-image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.05) 100%);z-index:1;pointer-events:none}.question-image{width:100%;max-height:500px;object-fit:contain;display:block;transition:transform var(--transition-slow);background:#fff}.question-image-container:hover .question-image{transform:scale(1.02)}.choices-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.choice-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);width:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.choice-button:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(99,102,241,.1) 0%,transparent 100%);transition:width var(--transition-medium);z-index:0}.choice-button:hover:not(:disabled):before{width:100%}.choice-button:hover:not(:disabled){border-color:var(--color-primary);transform:translate(8px);box-shadow:var(--shadow-md);background-color:var(--color-bg)}.choice-button:disabled{cursor:default;opacity:1}.choice-button.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f114,#6366f11f);box-shadow:var(--shadow-md),0 0 0 3px #6366f11a}.choice-button.correct{border-color:var(--color-success);background:linear-gradient(135deg,#10b98114,#10b9811f);box-shadow:var(--shadow-md),0 0 0 3px #10b9811a;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:var(--shadow-lg),0 0 0 6px #10b98133}to{transform:scale(1)}}.choice-button.incorrect{border-color:var(--color-error);background:linear-gradient(135deg,#ef444414,#ef44441f);box-shadow:var(--shadow-md),0 0 0 3px #ef44441a;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.choice-radio{flex-shrink:0;width:28px;height:28px;border:3px solid var(--color-border);border-radius:50%;position:relative;transition:all var(--transition-base);z-index:1;background:#fff}.choice-button:hover:not(:disabled) .choice-radio{border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}.choice-button.selected .choice-radio{border-color:var(--color-primary);background:var(--gradient-purple-blue);box-shadow:0 0 0 4px #6366f126}.choice-button.correct .choice-radio{border-color:var(--color-success);background:var(--gradient-success);box-shadow:0 0 0 4px #10b98126}.choice-button.incorrect .choice-radio{border-color:var(--color-error);background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 4px #ef444426}.choice-radio-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:#fff;border-radius:50%;transition:transform var(--transition-bounce)}.choice-button.selected .choice-radio-inner,.choice-button.correct .choice-radio-inner,.choice-button.incorrect .choice-radio-inner{transform:translate(-50%,-50%) scale(1)}.choice-text{flex:1;line-height:var(--line-height-relaxed);z-index:1;font-weight:var(--font-weight-medium)}.choice-indicator{flex-shrink:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);z-index:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:#ffffffe6}.choices-container>*:nth-child(1){animation:slideInRight .4s ease-out .1s both}.choices-container>*:nth-child(2){animation:slideInRight .4s ease-out .2s both}.choices-container>*:nth-child(3){animation:slideInRight .4s ease-out .3s both}.choices-container>*:nth-child(4){animation:slideInRight .4s ease-out .4s both}@media(max-width:768px){.question-text{font-size:var(--font-size-lg);padding:var(--spacing-md)}.crucial-badge{font-size:.65rem;padding:3px 8px;margin-bottom:1px}.crucial-badge:after{font-size:.8em}.choice-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.choice-button:hover:not(:disabled){transform:translate(4px)}.choice-radio{width:24px;height:24px;border-width:2px}.choice-radio-inner{width:8px;height:8px}}@media(max-width:480px){.question-text{font-size:var(--font-size-base)}.crucial-badge{font-size:.6rem;padding:2px 6px;margin-right:4px;margin-bottom:1px}.crucial-badge:after{font-size:.75em}.choice-button{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}}[data-theme=dark] .question-text.crucial-question{background:linear-gradient(135deg,#ffc1071a,#ff98000f);border-color:#ffc10733;border-left-color:#ff9800}.quiz-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.question-area{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);border:1px solid rgba(99,102,241,.1);transition:all var(--transition-base);animation:fadeInScale .5s ease-out .1s both}.question-area:hover{box-shadow:var(--shadow-2xl)}.navigation-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeInUp .6s ease-out .3s both}.nav-button-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.nav-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.nav-button:hover:not(:disabled):before{left:100%}.nav-button-previous{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text);border:2px solid var(--color-border)}.nav-button-previous:hover:not(:disabled){background:linear-gradient(135deg,var(--color-border-medium) 0%,var(--color-bg-tertiary) 100%);border-color:var(--color-border-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-button-next{background:var(--gradient-purple-blue);color:#fff;border:2px solid transparent}.nav-button-next:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.home-button{background:#fff;color:var(--color-text);border:2px solid var(--color-border);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.home-button:hover{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-button:active{transform:translateY(0) scale(.98)}@media(max-width:768px){.question-area{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.nav-button-group{grid-template-columns:1fr;gap:var(--spacing-sm)}.nav-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.home-button{padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:480px){.question-area{padding:var(--spacing-lg)}.navigation-buttons{gap:var(--spacing-sm)}.nav-button{padding:var(--spacing-sm) var(--spacing-md)}.home-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.nav-button:focus-visible,.home-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.quiz-sidebar{width:100%;max-width:350px;display:flex;flex-direction:column;gap:var(--spacing-lg);position:sticky;top:calc(var(--spacing-lg) + 80px);max-height:calc(100vh - var(--spacing-lg) - 100px);overflow-y:auto;animation:slideInRight .6s ease-out}.sidebar-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.sidebar-section:hover{box-shadow:var(--shadow-xl)}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.video-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--gradient-purple-blue);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-bg-secondary)}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all var(--transition-base)}.video-thumbnail:hover{transform:scale(1.02)}.video-thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0000004d,#00000080);transition:all var(--transition-base);border-radius:var(--radius-lg)}.video-thumbnail:hover .video-play-overlay{background:linear-gradient(135deg,#0006,#0009)}.video-play-button{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-primary);box-shadow:0 4px 20px #0000004d;transition:all var(--transition-base);padding-left:6px}.video-thumbnail:hover .video-play-button{transform:scale(1.1);background:#fff;box-shadow:0 6px 30px #0006}.video-play-button:active{transform:scale(.95)}.video-thumbnail-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.app-banner-button{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base);width:100%;padding:0;border:none;background:none}.app-banner-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.app-banner-image{width:100%;height:auto;display:block;border-radius:var(--radius-lg);transition:transform var(--transition-medium)}.app-banner-button:hover .app-banner-image{transform:scale(1.05)}.banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,transparent 100%);padding:var(--spacing-md);transform:translateY(100%);transition:transform var(--transition-medium)}.app-banner-button:hover .banner-overlay{transform:translateY(0)}.banner-cta{color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:block;text-align:center}.sidebar-tips{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:2px solid var(--color-primary-ultra-light)}.tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.tips-list li{padding-left:var(--spacing-lg);position:relative;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.tips-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}@media(max-width:1200px){.quiz-sidebar{position:static;max-width:100%;max-height:none;overflow-y:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);animation:fadeInUp .6s ease-out}}@media(max-width:768px){.quiz-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.sidebar-section{padding:var(--spacing-lg)}.sidebar-title{font-size:var(--font-size-base)}.video-play-button{width:60px;height:60px;font-size:1.5rem}.banner-cta{font-size:var(--font-size-base)}}@media(max-width:480px){.quiz-sidebar{gap:var(--spacing-sm)}.sidebar-section{padding:var(--spacing-md);border-radius:var(--radius-xl)}.sidebar-title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.video-badge{font-size:.65rem;padding:2px var(--spacing-xs)}.video-play-button{width:50px;height:50px;font-size:1.25rem}.tips-list li{font-size:.813rem}.banner-cta{font-size:var(--font-size-sm)}}@media(min-width:1201px){.quiz-sidebar::-webkit-scrollbar{width:6px}.quiz-sidebar::-webkit-scrollbar-track{background:transparent}.quiz-sidebar::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.quiz-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}}.adsense-banner-container{position:relative;width:100%;min-height:100px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-bg-secondary);border:2px dashed var(--color-border);transition:all var(--transition-base)}.adsense-banner-container:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);border-style:solid}.ad-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);transition:opacity .3s ease;position:relative}.ad-placeholder:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(99,102,241,.03) 10px,rgba(99,102,241,.03) 20px);pointer-events:none;animation:slidePattern 20s linear infinite}@keyframes slidePattern{0%{background-position:0 0}to{background-position:40px 40px}}.adsense-banner-container:has(.adsbygoogle[data-ad-status=filled]) .ad-placeholder{display:none}.ad-placeholder-content{text-align:center;color:var(--color-text-secondary);opacity:.7;z-index:1;position:relative;padding:var(--spacing-md)}.ad-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ad-text{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);letter-spacing:.5px;color:var(--color-text);text-transform:uppercase}.ad-subtext{font-size:var(--font-size-xs);opacity:.6;font-style:italic;color:var(--color-text-secondary)}.pagination-ad,.sidebar-ad{margin-bottom:var(--spacing-lg)}[data-theme=dark] .adsense-banner-container{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .adsense-banner-container:hover{border-color:var(--color-primary)}[data-theme=dark] .ad-placeholder{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg) 100%)}[data-theme=dark] .ad-placeholder:before{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(99,102,241,.08) 10px,rgba(99,102,241,.08) 20px)}[data-theme=dark] .ad-placeholder-content{color:var(--color-text-tertiary)}@media(max-width:768px){.adsense-banner-container{min-height:80px;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg)}.ad-placeholder{min-height:80px}.ad-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.ad-text{font-size:var(--font-size-sm)}.ad-subtext{font-size:.7rem}}@media(max-width:480px){.adsense-banner-container{min-height:60px;margin-bottom:var(--spacing-sm)}.ad-placeholder{min-height:60px}.ad-icon{font-size:1.5rem;margin-bottom:4px}.ad-text{font-size:var(--font-size-xs);margin-bottom:2px}.ad-subtext{font-size:.65rem}}.interstitial-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .3s ease-out;padding:var(--spacing-lg)}.interstitial-content{position:relative;width:100%;max-width:900px;max-height:90vh;background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.interstitial-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:var(--font-size-xl);cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.interstitial-close:hover{background:var(--color-error);transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #ef444480}.interstitial-close:active{transform:scale(.95)}.interstitial-ad{position:relative;width:100%;min-height:500px;flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.interstitial-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#6366f10d,#a855f70d);position:relative}.interstitial-placeholder:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none}.interstitial-content:has(.adsbygoogle[data-ad-status=filled]) .interstitial-placeholder{display:none}.interstitial-placeholder-content{text-align:center;padding:var(--spacing-2xl);z-index:1;position:relative}.placeholder-icon{font-size:5rem;margin-bottom:var(--spacing-lg);animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.interstitial-placeholder-content h3{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 var(--spacing-sm) 0;background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-extrabold)}.interstitial-placeholder-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.interstitial-bottom{padding:var(--spacing-lg);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.03) 100%);display:flex;justify-content:center;align-items:center;border-top:1px solid var(--color-border)}.interstitial-countdown-button{padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:not-allowed;box-shadow:var(--shadow-sm);min-width:200px;text-align:center;opacity:.7}.interstitial-skip-button{padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-purple-blue);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;min-width:200px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interstitial-skip-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.interstitial-skip-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.interstitial-skip-button:hover:before{left:100%}.interstitial-skip-button:active{transform:translateY(0) scale(.98)}[data-theme=dark] .interstitial-content{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .interstitial-ad{background:var(--color-bg-secondary)}[data-theme=dark] .interstitial-placeholder{background:linear-gradient(135deg,#6366f11a,#a855f71a)}[data-theme=dark] .interstitial-placeholder-content h3{color:var(--color-text)}[data-theme=dark] .interstitial-placeholder-content p{color:var(--color-text-secondary)}[data-theme=dark] .interstitial-bottom{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.02) 100%);border-top-color:var(--color-border)}[data-theme=dark] .interstitial-countdown-button{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}@media(max-width:768px){.interstitial-content{max-height:95vh;border-radius:var(--radius-xl)}.interstitial-ad{min-height:400px}.placeholder-icon{font-size:3.5rem}.interstitial-placeholder-content h3{font-size:var(--font-size-xl)}.interstitial-placeholder-content p{font-size:var(--font-size-sm)}.interstitial-close{width:40px;height:40px;font-size:var(--font-size-lg)}.interstitial-countdown-button,.interstitial-skip-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);min-width:160px}.interstitial-bottom{padding:var(--spacing-md)}}@media(max-width:480px){.interstitial-overlay{padding:var(--spacing-sm)}.interstitial-content{border-radius:var(--radius-lg);max-height:98vh}.interstitial-ad{min-height:300px}.placeholder-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.interstitial-placeholder-content{padding:var(--spacing-lg)}.interstitial-placeholder-content h3{font-size:var(--font-size-lg)}.interstitial-placeholder-content p{font-size:var(--font-size-xs)}.interstitial-close{top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px;font-size:var(--font-size-base)}.interstitial-countdown-button,.interstitial-skip-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-width:140px}.interstitial-bottom{padding:var(--spacing-sm)}}.interstitial-close:focus-visible,.interstitial-skip-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}body:has(.interstitial-overlay){overflow:hidden}.dialog-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--transition-medium)}.dialog-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-2xl);animation:dialogSlideUp var(--transition-medium) cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto;border:1px solid rgba(99,102,241,.1)}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.01em;background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dialog-message{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.dialog-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.dialog-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);min-width:120px;transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:2px solid transparent}.dialog-button-cancel{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text);border-color:var(--color-border)}.dialog-button-cancel:hover{background:linear-gradient(135deg,var(--color-border-medium) 0%,var(--color-bg-tertiary) 100%);border-color:var(--color-border-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dialog-button-confirm{background:var(--gradient-purple-blue);color:#fff}.dialog-button-confirm:hover{background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.dialog-button-primary{background:var(--gradient-purple-blue);color:#fff}.dialog-button-primary:hover{background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.hint-content{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-left:4px solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.hint-content:before{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-3xl);opacity:.1;animation:pulse 2s ease-in-out infinite}.hint-text{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);margin:0;font-weight:var(--font-weight-medium);white-space:pre-line}@media(max-width:768px){.dialog-overlay{padding:var(--spacing-md)}.dialog-content{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.dialog-title{font-size:var(--font-size-xl)}.dialog-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.dialog-button{width:100%;min-width:unset}.hint-content{padding:var(--spacing-lg)}}@media(max-width:480px){.dialog-content{padding:var(--spacing-lg)}.dialog-title{font-size:var(--font-size-lg)}.dialog-message{font-size:var(--font-size-sm)}}.dialog-content::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.dialog-content::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.dialog-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.quiz-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;animation:fadeIn .5s ease-out}.quiz-header{background:var(--gradient-primary);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .5s ease-out}.quiz-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto;width:100%;gap:var(--spacing-md)}.quiz-header-left,.quiz-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.quiz-header-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a}.quiz-header-button:hover:not(:disabled){background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#fff6}.quiz-header-button:active:not(:disabled){transform:translateY(0) scale(.97)}.quiz-reset-button{background:#10b98133;border-color:#10b98166}.quiz-reset-button:hover:not(:disabled){background:#10b9814d;border-color:#10b98199}.quiz-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-align:center;flex:1;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.01em}.quiz-main{flex:1;max-width:1600px;margin:0 auto;width:100%;padding:var(--spacing-lg);animation:fadeInUp .6s ease-out .2s both}.quiz-layout{display:grid;grid-template-columns:270px 1fr 310px;gap:var(--spacing-lg);align-items:start}.quiz-layout-left{display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideInLeft .6s ease-out .1s both}.quiz-layout-left .pagination-ad{position:sticky;top:calc(var(--spacing-lg) + 80px);z-index:10;animation:fadeInScale .5s ease-out .1s both}.quiz-layout-left .pagination-container{max-height:calc(100vh - var(--spacing-lg) - 180px - 120px);overflow-y:auto;animation:fadeInScale .5s ease-out .2s both}.quiz-layout-left .pagination-container::-webkit-scrollbar{width:6px}.quiz-layout-left .pagination-container::-webkit-scrollbar-track{background:transparent}.quiz-layout-left .pagination-container::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.quiz-layout-left .pagination-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.quiz-layout-center{animation:fadeInScale .6s ease-out .2s both}.quiz-layout-right{animation:slideInRight .6s ease-out .3s both}@media(max-width:1200px){.quiz-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.quiz-layout-center{order:1}.quiz-layout-right{order:2;margin-top:var(--spacing-lg)}.quiz-layout-left{order:3}.quiz-layout-left .pagination-ad{position:static}.quiz-layout-left .pagination-container{max-height:none;overflow-y:visible}}@media(max-width:768px){.quiz-header{padding:var(--spacing-md)}.quiz-title{font-size:var(--font-size-lg)}.quiz-header-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.quiz-header-left,.quiz-header-right{gap:var(--spacing-xs)}.quiz-main{padding:var(--spacing-md)}.quiz-layout{gap:var(--spacing-md)}.quiz-layout-right{margin-top:var(--spacing-md)}}@media(max-width:480px){.quiz-header-content{gap:var(--spacing-sm);flex-wrap:wrap}.quiz-title{font-size:var(--font-size-base);flex:0 0 100%;order:-1;margin-bottom:var(--spacing-xs)}.quiz-header-button{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm)}.quiz-main{padding:var(--spacing-sm)}.quiz-layout{gap:var(--spacing-sm)}.quiz-layout-right{margin-top:var(--spacing-sm)}}[data-theme=dark] .quiz-reset-button{background:#10b98126;border-color:#10b9814d}[data-theme=dark] .quiz-reset-button:hover:not(:disabled){background:#10b98140;border-color:#10b98180}.exam-list-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-primary);position:relative;overflow:hidden}.exam-list-screen:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.exam-list-screen:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.exam-list-header{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);text-align:center;color:#fff;position:relative;z-index:2;animation:fadeInUp .8s ease-out}.exam-list-header-top{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-lg);margin:0 auto var(--spacing-lg);gap:var(--spacing-md)}.exam-list-back-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a}.exam-list-back-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#fff6}.exam-list-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin:0;text-shadow:0 4px 12px rgba(0,0,0,.15);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;line-height:1.2}.exam-list-subtitle{font-size:var(--font-size-lg);color:#ffffffe6;margin:var(--spacing-sm) 0 0 0}.exam-list-info{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;max-width:var(--max-width-lg);margin:var(--spacing-lg) auto 0;animation:fadeIn .6s ease-out .3s both}.exam-info-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.exam-info-card:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.exam-info-icon{font-size:var(--font-size-lg);line-height:1}.exam-info-text{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.exam-type-selection{margin:1.5rem auto;padding:0;max-width:1024px;width:100%;box-sizing:border-box}.exam-type-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#fffffff2;text-align:center}.exam-type-buttons{display:flex!important;gap:1rem;width:100%!important;flex-wrap:nowrap;box-sizing:border-box;padding:0 1rem}.exam-type-button{flex:1 1 0%!important;width:auto;min-width:0!important;max-width:none!important;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;white-space:normal;overflow:visible}.exam-type-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;border-color:#fff6;background:#ffffff26}.exam-type-button.active{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border-color:#ffffff80;color:#fff;box-shadow:0 8px 24px #3b82f666}.exam-type-button.active .exam-type-desc{color:#fffffff2}.exam-type-button.active .exam-type-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.exam-type-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.exam-type-info{flex:1;min-width:0}.exam-type-name{font-size:1.125rem;font-weight:700;margin-bottom:.375rem;color:#fff}.exam-type-desc{font-size:.875rem;opacity:.9;line-height:1.4;color:#ffffffd9}.exam-type-button{animation:fadeInUp .4s ease-out backwards}.exam-type-button:nth-child(1){animation-delay:.1s}.exam-type-button:nth-child(2){animation-delay:.2s}.exam-type-button:nth-child(3){animation-delay:.3s}.exam-list-main{flex:1;padding:var(--spacing-lg);max-width:var(--max-width-lg);margin:0 auto;width:100%;position:relative;z-index:2}.exam-card-random{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-xl);cursor:pointer;transition:all var(--transition-medium);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-lg);text-align:left;border:none;animation:fadeInUp .6s ease-out .1s both}.exam-card-random:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),var(--shadow-success)}.exam-card-random:active{transform:translateY(-4px) scale(.99)}.exam-card-icon{font-size:5rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));transition:transform var(--transition-medium)}.exam-card-random:hover .exam-card-icon{transform:scale(1.1) rotate(-5deg)}.exam-card-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.exam-card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0}.exam-card-description{font-size:var(--font-size-base);color:#ffffffe6;margin:0}.exam-card-arrow{font-size:var(--font-size-4xl);color:#fff;transition:transform var(--transition-base)}.exam-card-random:hover .exam-card-arrow{transform:translate(8px)}.exam-card-badge{display:inline-block;padding:.25rem .75rem;background:#fff3;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:.5rem}.exam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.exam-item{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);transition:all var(--transition-medium);cursor:pointer;border:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden;isolation:isolate;background-color:#fff}.exam-item:before{content:none}.exam-item:hover:not(:disabled){transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-2xl);background-color:#fff!important}.exam-item:active:not(:disabled){transform:translateY(-8px) scale(1);transition:transform var(--transition-fast);background-color:#fff!important}.exam-item-number{width:80px;height:80px;border-radius:50%;background:var(--gradient-purple-blue);color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-medium);position:relative;z-index:1}.exam-item:hover .exam-item-number{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-lg),var(--shadow-primary)}.exam-item-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;transition:color var(--transition-base);position:relative;z-index:1}.exam-item:hover .exam-item-title{color:var(--color-primary)}.exam-item-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:var(--color-primary);color:#fff;border-radius:12px;font-size:.7rem;font-weight:600}.exam-card-random{animation:fadeInUp .6s ease-out .1s both}.exam-grid>*:nth-child(1){animation:fadeInUp .6s ease-out .2s both}.exam-grid>*:nth-child(2){animation:fadeInUp .6s ease-out .25s both}.exam-grid>*:nth-child(3){animation:fadeInUp .6s ease-out .3s both}.exam-grid>*:nth-child(4){animation:fadeInUp .6s ease-out .35s both}.exam-grid>*:nth-child(5){animation:fadeInUp .6s ease-out .4s both}.exam-grid>*:nth-child(6){animation:fadeInUp .6s ease-out .45s both}.exam-grid>*:nth-child(7){animation:fadeInUp .6s ease-out .5s both}.exam-grid>*:nth-child(8){animation:fadeInUp .6s ease-out .55s both}.exam-grid>*:nth-child(9){animation:fadeInUp .6s ease-out .6s both}.exam-grid>*:nth-child(10){animation:fadeInUp .6s ease-out .65s both}.exam-grid>*:nth-child(11){animation:fadeInUp .6s ease-out .7s both}.exam-grid>*:nth-child(12){animation:fadeInUp .6s ease-out .75s both}.exam-grid>*:nth-child(13){animation:fadeInUp .6s ease-out .8s both}.exam-grid>*:nth-child(14){animation:fadeInUp .6s ease-out .85s both}.exam-grid>*:nth-child(15){animation:fadeInUp .6s ease-out .9s both}.exam-grid>*:nth-child(16){animation:fadeInUp .6s ease-out .95s both}.exam-grid>*:nth-child(17){animation:fadeInUp .6s ease-out 1s both}.exam-grid>*:nth-child(18){animation:fadeInUp .6s ease-out 1.05s both}[data-theme=dark] .exam-list-screen{background:var(--gradient-primary)}[data-theme=dark] .exam-list-title{background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .exam-info-card{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .exam-type-button{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}[data-theme=dark] .exam-type-button:hover{border-color:var(--color-primary)}[data-theme=dark] .exam-type-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}[data-theme=dark] .exam-item{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .exam-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#a855f70d);opacity:0;transition:opacity var(--transition-medium);z-index:-1}[data-theme=dark] .exam-item:hover:before{opacity:1}[data-theme=dark] .exam-item:hover:not(:disabled){background:var(--color-bg-tertiary)!important;border-color:var(--color-primary);box-shadow:var(--shadow-2xl),0 0 0 1px #6366f11a,0 30px 60px -15px #6366f14d}[data-theme=dark] .exam-item:active:not(:disabled){background-color:var(--color-bg-tertiary)!important}[data-theme=dark] .exam-item-title{color:var(--color-text)}[data-theme=dark] .exam-item:hover .exam-item-title{color:var(--color-primary-light)}[data-theme=dark] .exam-item-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media(max-width:768px){.exam-list-screen:before,.exam-list-screen:after{width:400px;height:400px}.exam-list-header{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.exam-list-title{font-size:var(--font-size-4xl)}.exam-list-subtitle{font-size:var(--font-size-base)}.exam-list-info{gap:var(--spacing-sm)}.exam-info-card{padding:var(--spacing-xs) var(--spacing-md)}.exam-info-text{font-size:var(--font-size-xs)}.exam-type-buttons{flex-direction:column}.exam-type-button{flex:1 1 auto;max-width:100%;min-width:100%}.exam-list-main{padding:var(--spacing-md)}.exam-card-random{grid-template-columns:1fr;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.exam-card-icon{font-size:4rem}.exam-card-arrow{display:none}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);padding:0}.exam-item{padding:var(--spacing-lg);gap:var(--spacing-sm)}.exam-item-number{width:60px;height:60px;font-size:var(--font-size-2xl)}.exam-item-title{font-size:var(--font-size-base)}.exam-item:hover{transform:translateY(-6px) scale(1.01)}.exam-item:hover .exam-item-number{transform:scale(1.05) rotate(3deg)}}@media(min-width:769px){.exam-type-button{flex:1 1 0;min-width:300px;max-width:none}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:480px){.exam-list-title{font-size:var(--font-size-3xl)}.exam-list-info{flex-direction:column;gap:var(--spacing-xs)}.exam-info-card{width:100%;justify-content:center}.exam-card-icon{font-size:3.5rem}.exam-card-title{font-size:var(--font-size-xl)}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.exam-item{padding:var(--spacing-md)}.exam-item-number{width:50px;height:50px;font-size:var(--font-size-xl)}.exam-item-title{font-size:var(--font-size-sm)}}.exam-card-random:focus-visible,.exam-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;transform:translateY(-6px)}.exam-question-item{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .5s ease-out}.exam-question-text-container{margin-bottom:var(--spacing-sm)}.exam-question-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-relaxed);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:2px solid transparent}.question-text-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.question-main-text{width:100%;line-height:var(--line-height-relaxed)}.exam-question-text.crucial-question{background:linear-gradient(135deg,#ffc10714,#ff98000d);border:2px solid rgba(255,193,7,.25);border-left:4px solid #ffc107}.crucial-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff9800,#ffc107);color:#fff;font-weight:var(--font-weight-bold);padding:4px 10px;border-radius:var(--radius-md);margin-right:var(--spacing-sm);margin-bottom:2px;font-size:.75rem;box-shadow:0 2px 8px #ff98004d;position:relative;letter-spacing:.3px;text-transform:uppercase;overflow:hidden;isolation:isolate;vertical-align:middle;line-height:1}.crucial-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.crucial-badge:after{content:"⭐";font-size:.85em;animation:starTwinkle 3s ease-in-out infinite;display:inline-block}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.exam-question-image-container{margin:0 0 var(--spacing-sm) 0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);animation:fadeInScale .6s ease-out .2s both}.exam-question-image{width:100%;max-height:500px;object-fit:contain;display:block;background:#fff}.exam-choices-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.exam-choice-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);width:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.exam-choice-button:hover:not(:disabled){border-color:var(--color-primary);transform:translate(8px);box-shadow:var(--shadow-md)}.exam-choice-button:disabled{cursor:default;opacity:1}.exam-choice-button.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f114,#6366f11f);box-shadow:var(--shadow-md),0 0 0 3px #6366f11a}.exam-choice-button.correct{border-color:var(--color-success);background:linear-gradient(135deg,#10b98114,#10b9811f);box-shadow:var(--shadow-md),0 0 0 3px #10b9811a}.exam-choice-button.incorrect{border-color:var(--color-error);background:linear-gradient(135deg,#ef444414,#ef44441f);box-shadow:var(--shadow-md),0 0 0 3px #ef44441a}.exam-choice-radio{flex-shrink:0;width:28px;height:28px;border:3px solid var(--color-border);border-radius:50%;position:relative;transition:all var(--transition-base);background:#fff}.exam-choice-button:hover:not(:disabled) .exam-choice-radio{border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}.exam-choice-button.selected .exam-choice-radio{border-color:var(--color-primary);background:var(--gradient-purple-blue);box-shadow:0 0 0 4px #6366f126}.exam-choice-button.correct .exam-choice-radio{border-color:var(--color-success);background:var(--gradient-success);box-shadow:0 0 0 4px #10b98126}.exam-choice-button.incorrect .exam-choice-radio{border-color:var(--color-error);background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 0 4px #ef444426}.exam-choice-radio-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:#fff;border-radius:50%;transition:transform var(--transition-bounce)}.exam-choice-button.selected .exam-choice-radio-inner,.exam-choice-button.correct .exam-choice-radio-inner,.exam-choice-button.incorrect .exam-choice-radio-inner{transform:translate(-50%,-50%) scale(1)}.exam-choice-text{flex:1;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium)}.exam-choice-indicator{flex-shrink:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:#ffffffe6}.exam-change-hint{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#6366f114,#a855f714);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);animation:fadeInUp .5s ease-out}.exam-change-hint strong{color:var(--color-primary);font-weight:var(--font-weight-bold);margin-right:var(--spacing-xs)}[data-theme=dark] .exam-question-text{color:var(--color-text);background:var(--color-bg-tertiary)}[data-theme=dark] .exam-question-text.crucial-question{background:linear-gradient(135deg,#ffc1071a,#ff98000f);border-color:#ffc10733;border-left-color:#ff9800}[data-theme=dark] .crucial-badge{background:linear-gradient(135deg,#f57c00,#ffa726);box-shadow:0 2px 8px #f57c0066}[data-theme=dark] .exam-choice-button{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .exam-choice-radio{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}[data-theme=dark] .exam-choice-indicator{background:#0000004d}[data-theme=dark] .exam-change-hint{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:var(--color-primary-light)}[data-theme=dark] .exam-change-hint strong{color:var(--color-primary-light)}@media(max-width:768px){.exam-question-text{font-size:var(--font-size-lg);padding:var(--spacing-md)}.crucial-badge{font-size:.65rem;padding:3px 8px;margin-bottom:1px}.crucial-badge:after{font-size:.8em}.exam-choice-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.exam-choice-button:hover:not(:disabled){transform:translate(4px)}.exam-choice-radio{width:24px;height:24px;border-width:2px}.exam-choice-radio-inner{width:8px;height:8px}.exam-change-hint{padding:var(--spacing-md);font-size:var(--font-size-sm)}}@media(max-width:480px){.exam-question-text{font-size:var(--font-size-base)}.crucial-badge{font-size:.6rem;padding:2px 6px;margin-right:4px;margin-bottom:1px}.crucial-badge:after{font-size:.75em}.exam-choice-button{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.exam-change-hint{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}}.exam-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.exam-question-area{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:1px solid rgba(99,102,241,.1);transition:all var(--transition-base);animation:fadeInScale .5s ease-out .1s both}.exam-question-area:hover{box-shadow:var(--shadow-2xl)}.exam-navigation-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);animation:fadeInUp .6s ease-out .3s both}.exam-nav-button-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.exam-nav-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.exam-nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.exam-nav-button:hover:not(:disabled):before{left:100%}.exam-nav-button-previous{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text);border:2px solid var(--color-border)}.exam-nav-button-previous:hover:not(:disabled){background:linear-gradient(135deg,var(--color-border-medium) 0%,var(--color-bg-tertiary) 100%);border-color:var(--color-border-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.exam-nav-button-next{background:var(--gradient-purple-blue);color:#fff;border:2px solid transparent}.exam-nav-button-next:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.exam-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.exam-home-button{background:#fff;color:var(--color-text);border:2px solid var(--color-border);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.exam-home-button:hover{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.exam-home-button:active{transform:translateY(0) scale(.98)}[data-theme=dark] .exam-question-area{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .exam-nav-button-previous{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .exam-nav-button-previous:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-medium)}[data-theme=dark] .exam-home-button{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .exam-home-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary-light)}@media(max-width:768px){.exam-question-area{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.exam-nav-button-group{grid-template-columns:1fr;gap:var(--spacing-sm)}.exam-nav-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}.exam-home-button{padding:var(--spacing-md) var(--spacing-lg)}}@media(max-width:480px){.exam-question-area{padding:var(--spacing-lg)}.exam-navigation-buttons{gap:var(--spacing-sm)}.exam-nav-button{padding:var(--spacing-sm) var(--spacing-md)}.exam-home-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.exam-nav-button:focus-visible,.exam-home-button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.exam-result-overlay{position:fixed;inset:0;background-color:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .3s ease-out}.exam-result-content{background:#fff;border-radius:var(--radius-2xl);padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.exam-result-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10}.exam-result-close:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.exam-result-header{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;position:relative;overflow:hidden}.exam-result-header.passed{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.exam-result-header.failed{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.exam-result-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.result-icon{font-size:5rem;line-height:1;margin-bottom:var(--spacing-md);animation:bounce 1s ease-in-out infinite}.result-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:1}.exam-result-body{padding:var(--spacing-2xl)}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-item{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);padding:var(--spacing-lg);border-radius:var(--radius-xl);text-align:center;border:2px solid var(--color-border);transition:all var(--transition-base)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-item.crucial-error{background:linear-gradient(135deg,#ef44440d,#ef44441a);border-color:var(--color-error);grid-column:1 / -1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.stat-value.success{color:var(--color-success)}.stat-value.error{color:var(--color-error)}.failure-reason{background:linear-gradient(135deg,#ef44440d,#ef44441a);border-left:4px solid var(--color-error);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.failure-reason h3{font-size:var(--font-size-lg);color:var(--color-error);margin:0 0 var(--spacing-sm) 0}.failure-reason p{margin:var(--spacing-sm) 0;color:var(--color-text);line-height:var(--line-height-relaxed)}.crucial-warning{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.success-message{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-left:4px solid var(--color-success);padding:var(--spacing-lg);border-radius:var(--radius-xl);text-align:center}.success-message p{margin:var(--spacing-sm) 0;color:var(--color-text);line-height:var(--line-height-relaxed)}.exam-result-actions{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-2xl) var(--spacing-2xl)}.result-button{flex:1;padding:var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);border:2px solid transparent}.result-button-review{background:var(--gradient-purple-blue);color:#fff}.result-button-review:hover{background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.result-button-back{background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text);border-color:var(--color-border)}.result-button-back:hover{background:linear-gradient(135deg,var(--color-border-medium) 0%,var(--color-bg-tertiary) 100%);border-color:var(--color-border-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .exam-result-content{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .exam-result-close{background:var(--color-bg-tertiary)}[data-theme=dark] .stat-item{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .failure-reason,[data-theme=dark] .success-message{background:#6366f11a}@media(max-width:768px){.exam-result-content{margin:var(--spacing-md)}.exam-result-header{padding:var(--spacing-2xl) var(--spacing-lg)}.result-icon{font-size:4rem}.result-title{font-size:var(--font-size-2xl)}.exam-result-body{padding:var(--spacing-lg)}.result-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.exam-result-actions{flex-direction:column;padding:0 var(--spacing-lg) var(--spacing-lg)}.result-button{width:100%}}@media(max-width:480px){.result-icon{font-size:3rem}.result-title,.stat-value{font-size:var(--font-size-xl)}}.exam-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;animation:fadeIn .5s ease-out}.exam-header{background:var(--gradient-primary);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .5s ease-out}.exam-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto;width:100%;gap:var(--spacing-md)}.exam-left-group,.exam-right-group{display:flex;align-items:center;gap:var(--spacing-sm);min-width:fit-content}.exam-back-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a}.exam-back-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.exam-back-button:active{transform:translateY(0) scale(.97)}.exam-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-align:center;flex:1;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.01em}.exam-timer{display:flex;align-items:center;gap:var(--spacing-xs);background:#fff3;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);min-width:110px;height:40px}.timer-icon{font-size:var(--font-size-base);line-height:1}.timer-text{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;text-align:center;line-height:1}.timer-warning{color:#fbbf24;animation:pulse 1s ease-in-out infinite}.timer-stopped{color:#ffffffb3}.exam-submit-button{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:1px solid rgba(255,255,255,.4);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;height:40px;transition:all var(--transition-base);box-shadow:0 4px 12px #10b9814d;display:flex;align-items:center;justify-content:center}.exam-submit-button:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.exam-submit-button:active{transform:translateY(0) scale(.97)}.exam-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.exam-main{flex:1;max-width:1600px;margin:0 auto;width:100%;padding:var(--spacing-lg);animation:fadeInUp .6s ease-out .2s both}.exam-layout{display:grid;grid-template-columns:270px 1fr;gap:var(--spacing-lg);align-items:start}.exam-layout-left{display:flex;flex-direction:column;gap:var(--spacing-md);animation:slideInLeft .6s ease-out .1s both}.exam-layout-left .pagination-ad{position:sticky;top:calc(var(--spacing-lg) + 80px);z-index:10;animation:fadeInScale .5s ease-out .1s both}.exam-layout-left .pagination-container{max-height:calc(100vh - var(--spacing-lg) - 180px - 120px);overflow-y:auto;animation:fadeInScale .5s ease-out .2s both}.exam-layout-left .pagination-container::-webkit-scrollbar{width:6px}.exam-layout-left .pagination-container::-webkit-scrollbar-track{background:transparent}.exam-layout-left .pagination-container::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}.exam-layout-left .pagination-container::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.exam-layout-center{animation:fadeInScale .6s ease-out .2s both}.exam-layout-right{display:none}[data-theme=dark] .exam-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .exam-stat-item{background:#ffffff1a;border-color:#fff3}@media(max-width:1200px){.exam-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.exam-layout-center{order:1}.exam-layout-left{order:2}.exam-layout-left .pagination-ad{position:static}.exam-layout-left .pagination-container{max-height:none;overflow-y:visible}}@media(max-width:768px){.exam-header{padding:var(--spacing-md)}.exam-header-content{gap:var(--spacing-sm);flex-wrap:wrap}.exam-title{font-size:var(--font-size-lg);flex:0 0 100%;order:-1;margin-bottom:var(--spacing-xs)}.exam-header-button,.exam-back-button,.exam-submit-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);height:36px}.exam-timer{padding:var(--spacing-xs) var(--spacing-md);min-width:100px;height:36px}.timer-text{font-size:var(--font-size-sm)}.exam-main{padding:var(--spacing-md)}.exam-layout{gap:var(--spacing-md)}}@media(max-width:480px){.exam-header-content{justify-content:space-between}.exam-title{font-size:var(--font-size-base)}.exam-header-button,.exam-back-button,.exam-submit-button{min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);height:32px}.exam-timer{flex:0 0 100%;order:1;margin-top:var(--spacing-xs);justify-content:center;height:32px}.exam-main{padding:var(--spacing-sm)}.exam-layout{gap:var(--spacing-sm)}}.exam-title-group{display:flex;flex-direction:column;align-items:center;gap:.5rem}.exam-type-badge{padding:.375rem 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #00000026}@media(max-width:768px){.exam-title-group{gap:.25rem}.exam-type-badge{font-size:.75rem;padding:.25rem .75rem}}.tips-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;animation:fadeIn .5s ease-out;position:relative}.tips-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.tips-header{background:var(--gradient-primary);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .5s ease-out}.tips-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto;width:100%;gap:var(--spacing-md)}.tips-back-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a;cursor:pointer}.tips-back-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#fff6}.tips-back-button:active{transform:translateY(0) scale(.97)}.tips-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-align:center;flex:1;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.01em}.tips-main{flex:1;max-width:var(--max-width-xl);margin:0 auto;width:100%;padding:var(--spacing-2xl) var(--spacing-lg);animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1}.tips-category-section{margin-bottom:var(--spacing-3xl);animation:fadeInUp .5s ease-out}.tips-category-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-md);border-left:4px solid var(--color-primary)}.tips-ad-banner{margin:var(--spacing-3xl) 0;animation:fadeInScale .5s ease-out}.tips-banner-ad{width:100%;max-width:100%}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.tip-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-medium);cursor:pointer;position:relative;overflow:visible;border:2px solid transparent;animation:fadeInScale .4s ease-out;display:flex;flex-direction:column;min-height:280px}.tip-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:#6366f133}.tip-card:active{transform:translateY(-4px) scale(.98)}.tip-card.tip-crucial{border-color:#fbbf244d;background:linear-gradient(135deg,#fbbf2408,#fff)}.tip-crucial-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);animation:pulse 2s ease-in-out infinite;z-index:2}.tip-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-xl);transition:all var(--transition-medium);flex-shrink:0}.tip-card:hover .tip-icon{transform:scale(1.1) rotate(5deg)}.tip-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-snug);flex-shrink:0}.tip-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 auto;line-height:var(--line-height-relaxed);flex-grow:1}.tip-read-more{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:all var(--transition-base);margin-top:var(--spacing-md);flex-shrink:0}.tip-card:hover .tip-read-more{gap:var(--spacing-sm)}.tip-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.tip-modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2xl);position:relative;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.tip-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10}.tip-modal-close:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.tip-modal-header{padding:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);display:flex;align-items:flex-start;gap:var(--spacing-lg)}.tip-modal-icon{font-size:4rem;width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-xl);flex-shrink:0}.tip-modal-category{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.tip-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-snug)}.tip-modal-body{padding:var(--spacing-2xl);color:var(--color-text);line-height:var(--line-height-relaxed)}.tip-modal-body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.tip-modal-body h3:first-child{margin-top:0}.tip-modal-body ul,.tip-modal-body ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.tip-modal-body li{margin:var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.tip-modal-body strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.tip-modal-body p{margin:var(--spacing-md) 0}[data-theme=dark] .tips-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .tip-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .tip-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl)}[data-theme=dark] .tip-title{color:var(--color-text)}[data-theme=dark] .tip-description{color:var(--color-text-secondary)}[data-theme=dark] .tip-modal-content{background:var(--color-bg)}[data-theme=dark] .tip-modal-header{border-color:var(--color-border)}[data-theme=dark] .tip-modal-title,[data-theme=dark] .tip-modal-body,[data-theme=dark] .tip-modal-body h3{color:var(--color-text)}[data-theme=dark] .tip-modal-close{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .tip-modal-close:hover{background:var(--color-error);color:#fff}[data-theme=dark] .tips-category-title{color:var(--color-text)}@media(max-width:1024px){.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.tip-modal-content{max-width:90%}}@media(max-width:768px){.tips-header{padding:var(--spacing-md)}.tips-header-content{gap:var(--spacing-sm)}.tips-title{font-size:var(--font-size-lg)}.tips-back-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.tips-main{padding:var(--spacing-lg) var(--spacing-md)}.tips-category-section{margin-bottom:var(--spacing-2xl)}.tips-ad-banner{margin:var(--spacing-2xl) 0}.tips-category-title{font-size:var(--font-size-xl)}.tips-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.tip-card{padding:var(--spacing-lg);min-height:260px}.tip-icon{width:60px;height:60px;font-size:2.5rem}.tip-modal-header{flex-direction:column;text-align:center;padding:var(--spacing-lg);align-items:center}.tip-modal-icon{width:80px;height:80px;font-size:3rem}.tip-modal-title{font-size:var(--font-size-xl)}.tip-modal-body{padding:var(--spacing-lg)}.tip-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px}}@media(max-width:480px){.tips-category-title{font-size:var(--font-size-lg);padding-left:var(--spacing-sm)}.tip-modal-overlay{padding:var(--spacing-md)}.tip-modal-content{max-height:90vh}.tip-card{padding:var(--spacing-lg);min-height:240px}.tip-icon{width:50px;height:50px;font-size:2rem}.tip-title{font-size:var(--font-size-base)}.tip-description{font-size:var(--font-size-xs)}}.tip-card:focus-visible,.tips-back-button:focus-visible,.tip-modal-close:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.tip-modal-content{scroll-behavior:smooth}.tip-modal-content::-webkit-scrollbar{width:8px}.tip-modal-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.tip-modal-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-lg)}.tip-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.tips-grid>.tip-card:nth-child(1){animation-delay:.1s}.tips-grid>.tip-card:nth-child(2){animation-delay:.15s}.tips-grid>.tip-card:nth-child(3){animation-delay:.2s}.tips-grid>.tip-card:nth-child(4){animation-delay:.25s}.tips-grid>.tip-card:nth-child(5){animation-delay:.3s}.tips-grid>.tip-card:nth-child(6){animation-delay:.35s}.tips-grid>.tip-card:nth-child(7){animation-delay:.4s}.tips-grid>.tip-card:nth-child(8){animation-delay:.45s}.bien-bao-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;animation:fadeIn .5s ease-out;position:relative}.bien-bao-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.bien-bao-header{background:var(--gradient-primary);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .5s ease-out}.bien-bao-header-content{display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto;width:100%;gap:var(--spacing-md)}.bien-bao-back-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a;cursor:pointer}.bien-bao-back-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 16px #00000026;border-color:#fff6}.bien-bao-back-button:active{transform:translateY(0) scale(.97)}.bien-bao-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-align:center;flex:1;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.01em}.bien-bao-main{flex:1;max-width:var(--max-width-xl);margin:0 auto;width:100%;padding:var(--spacing-2xl) var(--spacing-lg);animation:fadeInUp .6s ease-out .2s both;position:relative;z-index:1}.category-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);animation:fadeInScale .5s ease-out .3s both}.category-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:#fff;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.category-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.category-button.active{background:var(--gradient-purple-blue);color:#fff;border-color:transparent;box-shadow:var(--shadow-md),var(--shadow-primary)}.category-button.active:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.bien-bao-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);animation:fadeInUp .5s ease-out .4s both}.sign-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);transition:all var(--transition-medium);cursor:pointer;position:relative;overflow:visible;border:2px solid transparent;display:flex;flex-direction:column;min-height:280px}.sign-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:#6366f133}.sign-card:active{transform:translateY(-4px) scale(.98)}.sign-image-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-xl);min-height:140px;transition:all var(--transition-medium)}.sign-card:hover .sign-image-container{background:linear-gradient(135deg,#6366f126,#a855f726)}.sign-image{width:100%;max-width:110px;height:auto;object-fit:contain;transition:transform var(--transition-medium);border-radius:var(--radius-lg)}.sign-card:hover .sign-image{transform:scale(1.08) rotate(2deg)}.sign-code{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:var(--gradient-purple-blue);color:#fff;padding:4px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-md);z-index:2}.sign-content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-grow:1}.sign-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-snug);flex-shrink:0}.sign-brief{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed);flex-grow:1}.sign-read-more{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:all var(--transition-base);margin-top:var(--spacing-xs);flex-shrink:0}.sign-card:hover .sign-read-more{gap:var(--spacing-sm)}.no-results{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.sign-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.sign-modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-2xl);position:relative;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sign-modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;z-index:10}.sign-modal-close:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.sign-modal-header{padding:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-lg)}.sign-modal-image{width:120px;height:120px;object-fit:contain;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:var(--radius-xl);padding:var(--spacing-md);flex-shrink:0}.sign-modal-info{flex:1}.sign-modal-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;background:var(--gradient-purple-blue);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);display:inline-block;margin-bottom:var(--spacing-xs)}.sign-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;line-height:var(--line-height-snug)}.sign-modal-body{padding:var(--spacing-2xl)}.sign-detail-section{margin-bottom:var(--spacing-lg)}.sign-detail-section:last-child{margin-bottom:0}.sign-detail-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.sign-detail-section p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}[data-theme=dark] .bien-bao-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .category-filter{background:var(--color-bg)}[data-theme=dark] .category-button{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .category-button:hover{border-color:var(--color-primary)}[data-theme=dark] .sign-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .sign-card:hover{border-color:var(--color-primary)}[data-theme=dark] .sign-name{color:var(--color-text)}[data-theme=dark] .sign-brief{color:var(--color-text-secondary)}[data-theme=dark] .sign-modal-content{background:var(--color-bg)}[data-theme=dark] .sign-modal-header{border-color:var(--color-border)}[data-theme=dark] .sign-modal-title,[data-theme=dark] .sign-detail-section h3{color:var(--color-text)}[data-theme=dark] .sign-detail-section p{color:var(--color-text-secondary)}[data-theme=dark] .sign-modal-close{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .sign-modal-close:hover{background:var(--color-error);color:#fff}@media(max-width:1024px){.bien-bao-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media(max-width:768px){.bien-bao-header{padding:var(--spacing-md)}.bien-bao-title{font-size:var(--font-size-lg)}.bien-bao-back-button{min-width:70px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.bien-bao-main{padding:var(--spacing-lg) var(--spacing-md)}.category-filter{padding:var(--spacing-sm)}.category-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.bien-bao-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.sign-card{padding:var(--spacing-md);min-height:240px}.sign-image-container{min-height:120px;padding:var(--spacing-sm)}.sign-image{max-width:90px}.sign-modal-header{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.sign-modal-image{width:100px;height:100px}.sign-modal-title{font-size:var(--font-size-xl)}.sign-modal-body{padding:var(--spacing-lg)}.sign-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);width:36px;height:36px}}@media(max-width:480px){.bien-bao-grid{grid-template-columns:1fr}.sign-card{padding:var(--spacing-md);min-height:220px}.sign-image-container{min-height:110px}.sign-image{max-width:80px}}.sign-card:focus-visible,.bien-bao-back-button:focus-visible,.category-button:focus-visible,.sign-modal-close:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.sign-modal-content{scroll-behavior:smooth}.sign-modal-content::-webkit-scrollbar{width:8px}.sign-modal-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.sign-modal-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-lg)}.sign-modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.practical-guide-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column}.practical-guide-header{background:var(--gradient-purple-blue);padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-lg);color:#fff;box-shadow:var(--shadow-xl);animation:fadeIn .6s ease-out}.practical-guide-header-content{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width-lg);margin:0 auto var(--spacing-lg);gap:var(--spacing-md)}.practical-guide-back-button{padding:var(--spacing-sm) var(--spacing-lg);background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--font-size-base)}.practical-guide-back-button:hover{background:#ffffff4d;transform:translate(-4px);box-shadow:var(--shadow-md)}.practical-guide-main-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin:0;text-align:center;flex:1;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.practical-guide-description{max-width:var(--max-width-lg);margin:0 auto;text-align:center;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:.95}.practical-guide-main{flex:1;max-width:900px;margin:0 auto;width:100%;padding:var(--spacing-2xl) var(--spacing-lg)}.guide-intro-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-2xl);display:flex;gap:var(--spacing-lg);align-items:flex-start;animation:fadeInUp .6s ease-out;border:2px solid var(--color-primary-ultra-light)}.guide-intro-icon{font-size:4rem;line-height:1;flex-shrink:0}.guide-intro-content{flex:1}.guide-intro-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md) 0}.guide-intro-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0}.guide-intro-text strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.guide-intro-stats{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.guide-stat{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.guide-stat-icon{font-size:var(--font-size-lg)}.guide-steps-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.guide-step-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-medium);border:2px solid transparent;animation:fadeInUp .6s ease-out both}.guide-step-card:nth-child(1){animation-delay:.1s}.guide-step-card:nth-child(2){animation-delay:.15s}.guide-step-card:nth-child(3){animation-delay:.2s}.guide-step-card:nth-child(4){animation-delay:.25s}.guide-step-card:nth-child(5){animation-delay:.3s}.guide-step-card:nth-child(6){animation-delay:.35s}.guide-step-card:nth-child(7){animation-delay:.4s}.guide-step-card:nth-child(8){animation-delay:.45s}.guide-step-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.guide-step-card.expanded{border-color:var(--color-primary);box-shadow:var(--shadow-2xl),0 0 0 1px var(--color-primary-ultra-light)}.guide-step-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base)}.guide-step-header:hover{background:var(--color-bg-secondary)}.guide-step-number{width:60px;height:60px;border-radius:50%;background:var(--gradient-purple-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:var(--shadow-lg)}.guide-step-header-content{flex:1}.guide-step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;line-height:1.3}.guide-step-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.guide-step-toggle{font-size:var(--font-size-xl);color:var(--color-primary);transition:transform var(--transition-base);flex-shrink:0}.guide-step-toggle.rotated{transform:rotate(180deg)}.guide-step-content{padding:0 var(--spacing-lg) var(--spacing-lg);animation:fadeInUp .4s ease-out}.guide-step-intro{margin-bottom:var(--spacing-lg)}.guide-step-paragraph{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.guide-step-paragraph:last-child{margin-bottom:0}.guide-step-media{margin-bottom:var(--spacing-lg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.guide-media-image-container{position:relative;width:100%;background:var(--color-bg-secondary)}.guide-media-image{width:100%;height:auto;display:block;max-height:500px;object-fit:cover}.guide-media-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--color-bg-secondary)}.guide-media-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.guide-step-keypoints{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.guide-keypoints-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-md) 0}.guide-keypoints-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.guide-keypoint-item{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);padding-left:var(--spacing-lg);position:relative}.guide-keypoint-item:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.guide-step-tips{background:linear-gradient(135deg,#ffc1071a,#ff98000d);border-left:4px solid #ffa000;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.guide-tips-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#f57c00;margin:0 0 var(--spacing-md) 0}.guide-tips-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.guide-tip-item{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);background:#ffffffb3;border-radius:var(--radius-lg)}.guide-next-step-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-purple-blue);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.guide-next-step-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.guide-next-step-button:active{transform:translateY(0)}.guide-bottom-cta{background:var(--gradient-purple-blue);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;box-shadow:var(--shadow-xl);animation:fadeInUp .6s ease-out}.guide-cta-content{max-width:600px;margin:0 auto}.guide-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin:0 0 var(--spacing-md) 0}.guide-cta-text{font-size:var(--font-size-lg);color:#fffffff2;line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.guide-cta-button{padding:var(--spacing-md) var(--spacing-2xl);background:#fff;color:var(--color-primary-dark);border:none;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.guide-cta-button:hover{background:#fff!important;color:var(--color-primary-dark);transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-2xl)}.guide-cta-button:active{background:#fff!important;color:var(--color-primary-dark);transform:translateY(-2px) scale(1.02)}[data-theme=dark] .practical-guide-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .guide-intro-card,[data-theme=dark] .guide-step-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .guide-step-header:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .guide-intro-title,[data-theme=dark] .guide-step-title{color:var(--color-text)}[data-theme=dark] .guide-stat{background:var(--color-bg-tertiary)}[data-theme=dark] .guide-step-keypoints{background:linear-gradient(135deg,#6366f126,#a855f71a)}[data-theme=dark] .guide-step-tips{background:linear-gradient(135deg,#ffc10726,#ff98001a)}[data-theme=dark] .guide-tip-item{background:#ffffff0d}@media(max-width:768px){.practical-guide-main-title{font-size:var(--font-size-2xl)}.practical-guide-description{font-size:var(--font-size-base)}.guide-intro-card{flex-direction:column;padding:var(--spacing-lg)}.guide-intro-icon{font-size:3rem;align-self:center}.guide-step-header{padding:var(--spacing-lg);gap:var(--spacing-md)}.guide-step-number{width:50px;height:50px;font-size:var(--font-size-xl)}.guide-step-title{font-size:var(--font-size-lg)}.guide-step-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.guide-cta-title{font-size:var(--font-size-2xl)}}@media(max-width:480px){.practical-guide-header{padding:var(--spacing-lg)}.practical-guide-main{padding:var(--spacing-lg) var(--spacing-sm)}.guide-intro-stats{gap:var(--spacing-sm)}.guide-step-header{flex-wrap:wrap}.guide-step-toggle{order:-1;width:100%;text-align:right}.guide-bottom-cta{padding:var(--spacing-lg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#e2e8f0);position:relative;overflow-x:hidden}.app-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%);pointer-events:none;z-index:0}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-primary-ultra-light: #c7d2fe;--color-secondary: #14b8a6;--color-secondary-dark: #0f766e;--color-secondary-light: #5eead4;--color-accent-purple: #a855f7;--color-accent-pink: #ec4899;--color-accent-orange: #f97316;--color-success: #10b981;--color-success-light: #d1fae5;--color-error: #ef4444;--color-error-light: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-light: #cbd5e1;--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-dark: #1e293b;--color-border: #e2e8f0;--color-border-medium: #cbd5e1;--color-border-dark: #94a3b8;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4ade80 0%, #22c55e 100%);--gradient-purple-blue: linear-gradient(135deg, #a855f7 0%, #6366f1 100%);--gradient-teal-blue: linear-gradient(135deg, #14b8a6 0%, #06b6d4 100%);--gradient-warm: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-cool: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .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-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 10px 40px -10px rgba(99, 102, 241, .4);--shadow-success: 0 10px 40px -10px rgba(16, 185, 129, .4);--shadow-error: 0 10px 40px -10px rgba(239, 68, 68, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family),serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg-secondary);min-height:100vh;overflow-x:hidden;user-select:none;-webkit-user-select:none;-ms-user-select:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text);margin:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}p{margin:0;line-height:var(--line-height-relaxed)}button{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-color:var(--color-primary);color:#fff;position:relative;overflow:hidden;outline:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:active:before{width:300px;height:300px}button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn var(--transition-medium) ease-out}.fade-in-up{animation:fadeInUp var(--transition-medium) ease-out}.fade-in-scale{animation:fadeInScale var(--transition-medium) ease-out}.slide-in-right{animation:slideInRight var(--transition-medium) ease-out}.slide-in-left{animation:slideInLeft var(--transition-medium) ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card-elevated{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card-elevated:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}::selection{background-color:var(--color-primary-ultra-light);color:var(--color-primary-dark)}::-moz-selection{background-color:var(--color-primary-ultra-light);color:var(--color-primary-dark)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.375rem;--font-size-xl: 1.125rem}}@media(max-width:480px){:root{--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem}}[data-theme=dark]{--color-primary: #818cf8;--color-primary-dark: #6366f1;--color-primary-light: #a5b4fc;--color-primary-ultra-light: #4f46e5;--color-secondary: #2dd4bf;--color-secondary-dark: #14b8a6;--color-secondary-light: #5eead4;--color-success: #34d399;--color-success-light: #064e3b;--color-error: #f87171;--color-error-light: #7f1d1d;--color-warning: #fbbf24;--color-warning-light: #78350f;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-light: #64748b;--color-bg: #1e293b;--color-bg-secondary: #0f172a;--color-bg-tertiary: #334155;--color-bg-dark: #020617;--color-border: #334155;--color-border-medium: #475569;--color-border-dark: #64748b;--gradient-primary: linear-gradient(135deg, #4338ca 0%, #6b21a8 100%);--gradient-secondary: linear-gradient(135deg, #be185d 0%, #e11d48 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-purple-blue: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);--gradient-teal-blue: linear-gradient(135deg, #0d9488 0%, #0891b2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-primary: 0 10px 40px -10px rgba(99, 102, 241, .5);--shadow-success: 0 10px 40px -10px rgba(16, 185, 129, .5);--shadow-error: 0 10px 40px -10px rgba(239, 68, 68, .5)}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.no-transition *{transition:none!important}[data-theme=dark] body{background-color:var(--color-bg-secondary);color:var(--color-text)}[data-theme=dark] .app-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .home-screen{background:var(--gradient-primary)}[data-theme=dark] .quiz-container{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .question-area{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .question-text{color:var(--color-text);background:var(--color-bg-tertiary)}[data-theme=dark] .question-text:hover{background:var(--color-bg);border-color:var(--color-primary)}[data-theme=dark] .choice-button{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .choice-button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-bg-tertiary)}[data-theme=dark] .choice-button:before{background:linear-gradient(90deg,rgba(99,102,241,.15) 0%,transparent 100%)}[data-theme=dark] .choice-button.selected{background:linear-gradient(135deg,#6366f133,#6366f14d);border-color:var(--color-primary);color:var(--color-text)}[data-theme=dark] .choice-button.correct{background:linear-gradient(135deg,#10b98133,#10b9814d);border-color:var(--color-success);color:var(--color-text)}[data-theme=dark] .choice-button.incorrect{background:linear-gradient(135deg,#ef444433,#ef44444d);border-color:var(--color-error);color:var(--color-text)}[data-theme=dark] .choice-text{color:var(--color-text)}[data-theme=dark] .choice-radio{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}[data-theme=dark] .nav-button-previous{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .nav-button-previous:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-medium)}[data-theme=dark] .home-button{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .home-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary-light)}[data-theme=dark] .pagination-container{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .pagination-item{background-color:var(--color-bg-tertiary);color:var(--color-text)}[data-theme=dark] .dialog-content{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .dialog-title{color:var(--color-text);background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .dialog-message{color:var(--color-text-secondary)}[data-theme=dark] .hint-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:var(--color-primary)}[data-theme=dark] .hint-text{color:var(--color-text)}[data-theme=dark] .sidebar-section{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .sidebar-title{color:var(--color-text)}[data-theme=dark] .sidebar-tips{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:var(--color-primary)}[data-theme=dark] .tips-list li{color:var(--color-text-secondary)}[data-theme=dark] .feature-card{background:var(--color-bg);border:1px solid var(--color-border)}[data-theme=dark] .feature-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .feature-title{color:var(--color-text)}[data-theme=dark] .feature-card:hover .feature-title{color:var(--color-primary-light)}[data-theme=dark] .glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .dialog-overlay{background-color:#000c}[data-theme=dark] img{opacity:.9}[data-theme=dark] .banner-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 100%)}[data-theme=dark] .banner-cta{color:#fff}[data-theme=dark] .choice-indicator{background:#0000004d}