:root{font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#0a0a0c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gold: #d4af37;--gold-light: #f0d875;--red-accent: #c41e3a;--border: rgba(255, 255, 255, .12);--glow: rgba(212, 175, 55, .4)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}button{font-family:inherit;cursor:pointer}#root{min-height:100vh}.landing{--primary: #d41132;--primary-dark: #9b0c25;--primary-light: #e63950;--secondary: #b59b4d;--secondary-light: #c9b36a;--gold: #b59b4d;--gold-light: #c9b36a;--bg: #ffffff;--bg-subtle: #f8f6f6;--bg-card: #fffdfa;--text: #1c1917;--text-muted: #57534e;--border: #e7cfd3;--border-dark: #d4b8bd;min-height:100vh;background:var(--bg);color:var(--text);font-family:Lexend,Be Vietnam Pro,system-ui,sans-serif}.landing-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;gap:1rem;border-bottom:1px solid var(--border);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-nav-brand{display:flex;align-items:center;gap:.5rem}.landing-nav-icon{width:2rem;height:2rem;font-size:1.75rem;color:var(--primary)}.landing-nav-logo{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.landing-nav-links{display:none;align-items:center;gap:2rem}.landing-nav-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color .2s}.landing-nav-links a:hover{color:var(--primary)}@media (min-width: 1024px){.landing-nav{padding-left:2rem;padding-right:2rem}.landing-nav-links{display:flex}}.landing-nav-actions{display:flex;align-items:center;gap:.75rem}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.landing-btn.full{width:100%}.landing-btn-ghost{display:none;color:var(--text);background:transparent}.landing-btn-ghost:hover{text-decoration:underline}.landing-btn-primary{min-width:7rem;height:2.5rem;background:var(--primary);color:#fff;box-shadow:0 4px 14px #d4113240}.landing-btn-primary:hover{background:var(--primary-dark);transform:scale(1.02)}@media (min-width: 640px){.landing-btn-ghost{display:inline-flex}}.landing-hero{width:100%;max-width:1280px;margin:0 auto;padding:1rem}@media (min-width: 768px){.landing-hero{padding:1.5rem}}@media (min-width: 1024px){.landing-hero{padding:2rem}}.landing-hero-bg{position:relative;min-height:560px;border-radius:1rem;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem;overflow:hidden}.landing-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(28,25,23,.85),transparent 40%,transparent);opacity:.9;pointer-events:none}.landing-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:56rem;margin:0 auto}.landing-hero-title{margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.4)}.landing-hero-title-accent{background:linear-gradient(to right,#f5e6c8,#b59b4d);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-desc{margin:0;font-size:1rem;line-height:1.6;color:#e2e8f0f2;max-width:40rem;text-shadow:0 1px 8px rgba(0,0,0,.3)}@media (min-width: 768px){.landing-hero-desc{font-size:1.125rem}}.landing-hero-cta{display:flex;flex-direction:column;gap:1rem;width:100%;justify-content:center;padding-top:1rem}@media (min-width: 640px){.landing-hero-cta{flex-direction:row}}.landing-btn-hero-primary{height:3rem;padding:0 2rem;font-size:1rem;background:var(--primary);color:#fff;box-shadow:0 10px 24px #d411324d}.landing-btn-hero-primary:hover{background:var(--primary-dark);transform:scale(1.05)}.landing-btn-hero-secondary{height:3rem;padding:0 2rem;font-size:1rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-btn-hero-secondary:hover{background:#ffffff4d;transform:scale(1.05)}.landing-section{padding:3rem 1.5rem}.landing-section-inner{max-width:1280px;margin:0 auto}@media (min-width: 1024px){.landing-section{padding-left:2rem;padding-right:2rem}}.landing-section-head{text-align:center;margin-bottom:3rem}.landing-section-title{margin:0 0 1rem;font-size:1.875rem;font-weight:700;color:var(--text)}.landing-section-desc{margin:0 auto;max-width:42rem;font-size:1rem;color:var(--text-muted);line-height:1.6}.landing-modules{background:var(--bg-subtle)}.landing-modules-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 768px){.landing-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.landing-modules-grid{grid-template-columns:repeat(3,1fr)}}.landing-module-card{position:relative;border-radius:1rem;overflow:hidden;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 1px 3px #0000000f;transition:border-color .2s,box-shadow .2s}.landing-module-card:hover{box-shadow:0 12px 32px #00000014}.landing-module-primary:hover{border-color:#d4113266;box-shadow:0 12px 32px #d411321a}.landing-module-secondary:hover{border-color:#b59b4d66;box-shadow:0 12px 32px #b59b4d1a}.landing-module-purple:hover{border-color:#9b844166;box-shadow:0 12px 32px #b59b4d14}.landing-module-image{height:12rem;background-color:#e7e5e4;background-size:cover;background-position:center;background-repeat:no-repeat}.landing-module-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:4px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase}.landing-module-body{padding:1.5rem}.landing-module-cat{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.landing-module-cat .material-symbols-outlined{font-size:1.25rem}.landing-module-cat-primary{color:var(--primary)}.landing-module-cat-secondary{color:var(--secondary)}.landing-module-cat-purple{color:var(--gold)}.landing-module-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text);transition:color .2s}.landing-module-primary:hover .landing-module-title{color:var(--primary)}.landing-module-secondary:hover .landing-module-title{color:var(--secondary)}.landing-module-purple:hover .landing-module-title{color:var(--gold)}.landing-module-desc{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.landing-module-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s}.landing-module-link .material-symbols-outlined{font-size:.875rem}.landing-module-link-primary{color:var(--primary)}.landing-module-link-primary:hover{text-decoration:underline}.landing-module-link-secondary{color:var(--secondary)}.landing-module-link-secondary:hover{text-decoration:underline}.landing-module-link-purple{color:var(--gold)}.landing-module-link-purple:hover{text-decoration:underline}.landing-why{padding-top:4rem;padding-bottom:4rem}.landing-why-inner{display:grid;gap:3rem;align-items:center}@media (min-width: 1024px){.landing-why-inner{grid-template-columns:1fr 1fr;gap:4rem}}.landing-why-cards{position:relative;order:2}@media (min-width: 1024px){.landing-why-cards{order:1}}.landing-why-card{padding:1.5rem;border-radius:.75rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.landing-why-card .material-symbols-outlined{font-size:3rem;margin-bottom:1rem}.landing-why-card h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.landing-why-card p{margin:0;font-size:.875rem;color:var(--text-muted)}.landing-why-card-before{position:absolute;top:0;left:0;width:75%;transform:rotate(-6deg);z-index:10;opacity:.7;scale:.9;filter:grayscale(1);background:#e7e5e4;border:1px solid var(--border-dark);box-shadow:0 10px 32px #0000001a}.landing-why-card-before .material-symbols-outlined,.landing-why-card-before h4,.landing-why-card-before p{color:var(--text-muted)}.landing-why-card-after{position:relative;z-index:20;width:75%;margin-left:auto;transform:rotate(3deg);box-shadow:0 24px 48px #d411321f;background:linear-gradient(135deg,#fff5f5,#fef2f2);border:1px solid rgba(212,17,50,.15);min-height:220px}.landing-why-card-after .material-symbols-outlined{color:var(--primary)}.landing-why-card-after h4{color:var(--text);font-size:1.25rem}.landing-why-card-after p{color:var(--text-muted);max-width:16rem}.landing-why-card-brand{position:absolute;bottom:1rem;right:1rem;padding:.25rem .5rem;border-radius:4px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700}.landing-why-content{order:1}@media (min-width: 1024px){.landing-why-content{order:2}}.landing-why-content .landing-section-title{margin-bottom:2rem;text-align:left}.landing-why-list{display:flex;flex-direction:column;gap:2rem}.landing-why-item{display:flex;gap:1rem}.landing-why-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-why-icon .material-symbols-outlined{font-size:1.5rem}.landing-why-icon-primary{background:#d411321a;color:var(--primary)}.landing-why-icon-secondary{background:#b59b4d26;color:var(--gold)}.landing-why-icon-purple{background:#b59b4d1f;color:var(--gold)}.landing-why-item-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--text)}.landing-why-item-desc{margin:0;font-size:.9375rem;color:var(--text-muted);line-height:1.5}.landing-pricing{background:var(--bg-subtle)}.landing-pricing-grid{display:grid;gap:2rem;max-width:56rem;margin:0 auto}@media (min-width: 768px){.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}}.landing-price-card{padding:2rem;border-radius:1rem;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;transition:border-color .2s}.landing-price-card:hover{border-color:#d4113266}.landing-price-card-featured{position:relative;border-width:2px;border-color:var(--primary);box-shadow:0 20px 40px #d411321f}.landing-price-featured-badge{position:absolute;top:0;right:0;padding:.25rem .75rem;border-radius:0 0 0 .5rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700}.landing-price-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;background:var(--bg-subtle);color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.landing-price-tag.primary{background:#d411321a;color:var(--primary)}.landing-price-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text)}.landing-price-desc{margin:0 0 2rem;font-size:.875rem;color:var(--text-muted);flex:1}.landing-price-features{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem}.landing-price-features li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-muted)}.landing-price-features .material-symbols-outlined{color:var(--primary);font-size:1rem;flex-shrink:0}.landing-price-card-featured .landing-price-features .material-symbols-outlined{color:var(--primary)}.landing-btn-outline{height:2.75rem;background:transparent;color:var(--text);border:1px solid var(--border-dark)}.landing-btn-outline:hover{background:var(--bg-subtle)}.landing-btn-cta{height:2.75rem;background:var(--primary);color:#fff;box-shadow:0 4px 14px #d4113240}.landing-btn-cta:hover{background:var(--primary-dark);transform:scale(1.02)}.landing-footer{border-top:1px solid var(--border);padding:2rem 1.5rem;background:var(--bg-subtle)}@media (min-width: 1024px){.landing-footer{padding-left:2rem;padding-right:2rem}}.landing-footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}@media (min-width: 768px){.landing-footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.landing-footer-brand{display:flex;align-items:center;gap:.5rem}.landing-footer-brand .material-symbols-outlined{color:var(--text-muted);font-size:1.25rem}.landing-footer-logo{font-weight:700;color:var(--text-muted)}.landing-footer-copy{font-size:.875rem;color:var(--text-muted)}.landing-footer-links a{color:var(--text-muted)}.landing-footer-links a:hover{color:var(--primary)}.period-select--timeline-theme{--period-primary: #d41132;--period-primary-dark: #9b0c25;--period-gold: #b59b4d;--period-gold-light: #c9b36a;--period-bg: #ffffff;--period-bg-subtle: #f8f6f6;--period-surface: #fffdfa;--period-border: #e7cfd3;--period-border-dark: #d4b8bd;--period-text: #1c1917;--period-text-muted: #57534e;--period-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif}.period-select{min-height:100vh;background:var(--period-bg);color:var(--period-text);font-family:var(--period-font);display:flex;flex-direction:column;overflow:hidden}.period-select-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;border-bottom:1px solid var(--period-border);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 2.5rem;flex-shrink:0;z-index:20}.period-select-header-inner{display:flex;align-items:center;gap:2rem}.period-select-brand{display:flex;align-items:center;gap:1rem}.period-select-brand-icon{width:2rem;height:2rem;font-size:2rem;color:var(--period-primary);display:flex;align-items:center;justify-content:center}.period-select-brand-title{font-size:1.125rem;font-weight:700;letter-spacing:-.015em;margin:0;color:var(--period-text)}.period-select-nav-links{display:flex;align-items:center;gap:2.25rem}.period-select-nav-link{font-size:.875rem;font-weight:500;color:var(--period-text-muted);text-decoration:none;transition:color .2s}.period-select-nav-link:hover{color:var(--period-primary)}.period-select-nav-link--active{color:var(--period-primary);border-bottom:2px solid var(--period-primary);padding-bottom:2px}.period-select-header-actions{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:1.5rem}.period-select-search-wrap{display:flex;align-items:stretch;min-width:10rem;max-width:16rem;height:2.5rem;border:1px solid var(--period-border);border-radius:.5rem;background:var(--period-surface);transition:border-color .2s}.period-select-search-wrap:focus-within{border-color:var(--period-primary)}.period-select-search-icon{display:flex;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.5rem;color:var(--period-text-muted);font-size:1.25rem}.period-select-search{flex:1;min-width:0;background:transparent;border:none;color:var(--period-text);font-size:.875rem;padding:0 .5rem;outline:none}.period-select-search::placeholder{color:var(--period-text-muted)}.period-select-btn-login{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;background:var(--period-primary);color:var(--period-bg);font-size:.875rem;font-weight:700;letter-spacing:.015em;border-radius:.5rem;text-decoration:none;transition:background .2s}.period-select-btn-login:hover{background:var(--period-primary-dark)}.period-select-body{display:flex;flex:1;overflow:hidden}.period-select-sidebar{width:20rem;flex-shrink:0;border-right:1px solid var(--period-border);background:var(--period-surface);display:flex;flex-direction:column;position:relative;z-index:10}.period-select-sidebar-head{padding:1.5rem;border-bottom:1px solid var(--period-border)}.period-select-sidebar-title{font-size:1.125rem;font-weight:700;color:var(--period-text);margin:0 0 .25rem}.period-select-sidebar-desc{font-size:.875rem;color:var(--period-text-muted);margin:0}.period-select-timeline-scroll{overflow-y:auto;flex:1;padding:1rem 1rem 5rem}.period-select-timeline-scroll::-webkit-scrollbar{width:6px}.period-select-timeline-scroll::-webkit-scrollbar-track{background:var(--period-surface)}.period-select-timeline-scroll::-webkit-scrollbar-thumb{background:var(--period-border);border-radius:3px}.period-select-timeline-scroll::-webkit-scrollbar-thumb:hover{background:var(--period-text-muted)}.period-select-timeline{display:grid;grid-template-columns:40px 1fr;gap:0;position:relative}.period-select-timeline-line{position:absolute;left:19px;top:1rem;bottom:0;width:2px;background:var(--period-border)}.period-select-timeline-row{display:contents;cursor:pointer}.period-select-timeline-row:focus{outline:none}.period-select-timeline-row:focus-visible .period-select-timeline-dot{box-shadow:0 0 0 2px var(--period-primary)}.period-select-timeline-dot{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--period-border);background:var(--period-bg);color:var(--period-text-muted);margin-top:.5rem;margin-bottom:1.5rem;position:relative;z-index:1;transition:border-color .2s,color .2s,box-shadow .2s}.period-select-timeline-dot .material-symbols-outlined{font-size:1.25rem}.period-select-timeline-row:hover .period-select-timeline-dot{border-color:var(--period-primary);color:var(--period-primary)}.period-select-timeline-dot--active{border-color:var(--period-primary);background:#d4113233;color:var(--period-primary);box-shadow:0 0 15px #d4113259}.period-select-timeline-text{display:flex;flex-direction:column;padding:.5rem 0 2rem 1rem;cursor:pointer}.period-select-timeline-name{font-size:1rem;font-weight:500;color:var(--period-text);transition:color .2s}.period-select-timeline-row:hover .period-select-timeline-name{color:var(--period-primary)}.period-select-timeline-name--active{font-weight:700;color:var(--period-primary)}.period-select-timeline-range{font-size:.875rem;color:var(--period-text-muted)}.period-select-timeline-dot--active+.period-select-timeline-text .period-select-timeline-range{color:#d41132d9}.period-select-sidebar-fade{position:absolute;bottom:0;left:0;right:0;height:6rem;background:linear-gradient(to top,var(--period-surface),transparent);pointer-events:none}.period-select-main{flex:1;display:flex;flex-direction:column;background:var(--period-bg);overflow:hidden;position:relative}.period-select-main-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d41132' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.period-select-toolbar{padding:1.5rem 2rem;border-bottom:1px solid var(--period-border);display:flex;flex-direction:column;gap:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}@media (min-width: 768px){.period-select-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.period-select-main-title{font-size:1.875rem;font-weight:700;color:var(--period-primary);margin:0;font-family:var(--period-font)}.period-select-main-subtitle{font-size:.875rem;color:var(--period-text-muted);margin:.25rem 0 0}.period-select-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}@media (min-width: 768px){.period-select-filters{padding-bottom:0}}.period-select-filters::-webkit-scrollbar{display:none}.period-select-filter-chip{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;border-radius:9999px;border:1px solid var(--period-border);background:var(--period-surface);color:var(--period-text-muted);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s,color .2s}.period-select-filter-chip .material-symbols-outlined{font-size:1.125rem}.period-select-filter-chip:hover{border-color:#d4113280;background:#f8f6f6e6}.period-select-filter-chip--active{border-color:#d411324d;background:#d411321a;color:var(--period-primary)}.period-select-content-scroll{flex:1;overflow-y:auto;padding:2rem;z-index:10}.period-select-content-scroll::-webkit-scrollbar{width:6px}.period-select-content-scroll::-webkit-scrollbar-track{background:var(--period-bg)}.period-select-content-scroll::-webkit-scrollbar-thumb{background:var(--period-border);border-radius:3px}.period-select-event-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.period-select-event-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.period-select-event-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.period-select-event-grid{grid-template-columns:repeat(4,1fr)}}.period-select-event-card{display:flex;flex-direction:column;background:var(--period-surface);border:1px solid var(--period-border);border-radius:.75rem;overflow:hidden;height:100%;transition:border-color .3s,box-shadow .3s,transform .3s}.period-select-event-card:hover{border-color:#d4113280;box-shadow:0 10px 40px #0006;transform:translateY(-4px)}.period-select-event-card-image{height:12rem;width:100%;background-size:cover;background-position:center;position:relative}.period-select-event-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--period-surface),transparent 40%);opacity:.9}.period-select-event-card-badge{position:absolute;top:.75rem;right:.75rem;padding:.35rem .65rem;background:var(--period-primary);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;box-shadow:0 2px 8px #d4113266}.period-select-event-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.period-select-event-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.period-select-event-card-meta .material-symbols-outlined{font-size:.875rem;color:var(--period-primary)}.period-select-event-card-year{font-size:.875rem;font-weight:700;letter-spacing:.05em;color:var(--period-primary)}.period-select-event-card-title{font-size:1.25rem;font-weight:700;color:var(--period-text);margin:0 0 .5rem;line-height:1.3;transition:color .2s}.period-select-event-card:hover .period-select-event-card-title{color:var(--period-primary)}.period-select-event-card-desc{font-size:.875rem;color:var(--period-text-muted);line-height:1.5;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.period-select-event-card-link{display:inline-flex;align-items:center;margin-top:auto;font-size:.875rem;font-weight:700;color:var(--period-primary);text-decoration:none;transition:text-decoration .2s}.period-select-event-card-link:hover{text-decoration:underline}.period-select-event-card-link .material-symbols-outlined{font-size:1rem;margin-left:.25rem}.period-select-main-fade{position:absolute;bottom:0;left:0;right:0;height:4rem;background:linear-gradient(to top,var(--period-bg),transparent);pointer-events:none;z-index:20}@media (max-width: 1024px){.period-select-search-wrap{display:none}}@media (max-width: 768px){.period-select-header-bar{padding-left:1rem;padding-right:1rem}.period-select-nav-links{display:none}.period-select-body{flex-direction:column}.period-select-sidebar{width:100%;max-height:16rem;border-right:none;border-bottom:1px solid var(--period-border)}.period-select-timeline{grid-template-columns:1fr;gap:.5rem}.period-select-timeline-line,.period-select-timeline-dot{display:none}.period-select-timeline-text{padding:.5rem;border-radius:.5rem;border:1px solid var(--period-border)}.period-select-timeline-dot--active+.period-select-timeline-text{border-color:var(--period-primary);background:#d411321f}}.lesson-map{min-height:100vh;background:#0a0a0c;color:#fff}.lesson-map-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.lesson-map-header-inner{max-width:1200px;margin:0 auto}.lesson-map-header .back-link{display:inline-block;margin-bottom:.5rem;font-size:.9rem;color:#fff9}.lesson-map-header .back-link:hover{color:var(--gold)}.lesson-map-header h1{font-size:1.5rem;margin:0 0 .25rem}.period-range{margin:0;font-size:.9rem;color:#ffffff80}.lesson-map-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 120px)}@media (max-width: 768px){.lesson-map-layout{grid-template-columns:1fr}}.timeline-panel{padding:1.5rem;border-right:1px solid var(--border);background:#0003}.timeline-panel h2{font-size:1rem;font-weight:600;color:var(--gold);margin:0 0 1rem}.timeline-list{list-style:none;padding:0;margin:0}.timeline-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.25rem}.timeline-item:last-child{border-bottom:none}.timeline-year{font-size:.8rem;color:var(--gold);font-weight:600}.timeline-title{font-size:.9rem;color:#ffffffe6}.content-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.map-placeholder{flex:0 0 auto;min-height:280px;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0000004d}.map-placeholder-inner{text-align:center;color:#ffffff80}.map-icon{font-size:3rem;display:block;margin-bottom:.5rem}.map-placeholder-inner p{margin:.25rem 0}.map-hint{font-size:.85rem;color:#fff6}.lesson-section h2{font-size:1.1rem;color:var(--gold);margin:0 0 .75rem}.lesson-intro{margin:0;color:#fffc;line-height:1.6}.lesson-map-error{max-width:400px;margin:4rem auto;text-align:center;padding:2rem}.lesson-map-error p{margin-bottom:1rem}.lesson-map-error .back-link{color:var(--gold)}.event-sim{--sim-primary: #d41132;--sim-primary-dark: #9b0c25;--sim-bg: #ffffff;--sim-bg-subtle: #f8f6f6;--sim-surface: #fffdfa;--sim-border: #e7cfd3;--sim-text: #1c1917;--sim-text-muted: #57534e;--sim-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sim-bg);color:var(--sim-text);font-family:var(--sim-font)}.event-sim-error{padding:3rem 2rem;text-align:center}.event-sim-error a{color:var(--sim-primary);display:inline-block;margin-top:1rem}.event-sim-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;border-bottom:1px solid var(--sim-border);background:var(--sim-bg);box-shadow:0 1px 3px #0000000f;flex-shrink:0;z-index:20}.event-sim-header-inner{display:flex;align-items:center;gap:2rem}.event-sim-brand{display:flex;align-items:center;gap:.75rem}.event-sim-brand-icon{width:2rem;height:2rem;font-size:1.75rem;color:var(--sim-primary)}.event-sim-brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--sim-text)}.event-sim-nav{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.event-sim-nav{display:flex}}.event-sim-nav-link{font-size:.875rem;font-weight:500;color:var(--sim-text-muted);text-decoration:none;transition:color .2s}.event-sim-nav-link:hover{color:var(--sim-primary)}button.event-sim-nav-link{background:none;border:none;cursor:pointer;font-family:inherit}.event-sim-nav-link--active{color:var(--sim-primary);font-weight:700}.event-sim-header-actions{display:flex;align-items:center;gap:1rem}.event-sim-search-wrap{display:none;align-items:center;width:16rem;height:2.5rem;padding-left:.75rem;padding-right:.75rem;background:var(--sim-bg-subtle);border-radius:.5rem;border:1px solid var(--sim-border);transition:border-color .2s}.event-sim-search-wrap:focus-within{border-color:var(--sim-primary)}@media (min-width: 768px){.event-sim-search-wrap{display:flex}}.event-sim-search-wrap .material-symbols-outlined{color:var(--sim-text-muted);font-size:1.25rem;margin-right:.5rem}.event-sim-search-wrap input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--sim-text);outline:none}.event-sim-search-wrap input::placeholder{color:var(--sim-text-muted)}.event-sim-btn-login{display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.25rem;background:var(--sim-primary);color:#fff;font-size:.875rem;font-weight:700;border-radius:.5rem;text-decoration:none;transition:background .2s}.event-sim-btn-login:hover{background:var(--sim-primary-dark)}.event-sim-main{display:flex;flex:1;overflow:hidden}.event-sim-map-wrap{position:relative;flex:1;min-width:0;background:#e7e5e4;overflow:hidden}.event-sim-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.85}.event-sim-map-search{position:absolute;top:1.5rem;left:1.5rem;z-index:10;display:flex;align-items:center;width:18rem;max-width:calc(100% - 3rem);height:3rem;padding:0 .75rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid var(--sim-border);box-shadow:0 4px 12px #00000014}.event-sim-map-search .material-symbols-outlined{color:var(--sim-text-muted);margin-right:.5rem}.event-sim-map-search input{flex:1;min-width:0;border:none;background:transparent;font-size:.875rem;color:var(--sim-text);outline:none}.event-sim-map-search input::placeholder{color:var(--sim-text-muted)}.event-sim-map-zoom{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.5rem}.event-sim-map-zoom button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 2px 8px #00000014;color:var(--sim-text);cursor:pointer;transition:background .2s,color .2s}.event-sim-map-zoom button:hover{background:var(--sim-bg-subtle);color:var(--sim-primary)}.event-sim-map-zoom button:last-of-type{margin-top:.5rem}.event-sim-legend{position:absolute;bottom:1.5rem;left:1.5rem;z-index:10;max-width:20rem;width:100%}.event-sim-legend-inner{background:#1c1917e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0003;color:#fff}.event-sim-legend-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.event-sim-legend-head h3{margin:0 0 .25rem;font-size:1rem;font-weight:700}.event-sim-legend-head p{margin:0;font-size:.75rem;color:#ffffffb3}.event-sim-legend-toggle{background:none;border:none;color:#fff9;cursor:pointer;padding:.25rem}.event-sim-legend-items{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.event-sim-legend-item{display:flex;align-items:center;gap:.75rem}.event-sim-legend-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.event-sim-legend-dot--enemy{background:#ef4444;box-shadow:0 0 8px #ef444499}.event-sim-legend-dot--ally{background:var(--sim-primary);box-shadow:0 0 8px #d4113299}.event-sim-legend-icon{font-size:1rem;color:#fbbf24}.event-sim-fab{position:absolute;bottom:1.5rem;right:1.5rem;z-index:20;display:flex;gap:.75rem}.event-sim-fab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--sim-border);background:#fff;color:var(--sim-text);box-shadow:0 4px 12px #00000014}.event-sim-fab-btn:hover{transform:scale(1.05)}.event-sim-fab-btn .material-symbols-outlined{color:var(--sim-primary)}.event-sim-fab-quiz{background:var(--sim-primary);color:#fff;border-color:var(--sim-primary);box-shadow:0 4px 14px #d411324d}.event-sim-fab-quiz .material-symbols-outlined{color:#fff}.event-sim-fab-quiz:hover{background:var(--sim-primary-dark)}.event-sim-sidebar{width:100%;max-width:28rem;flex-shrink:0;display:flex;flex-direction:column;background:var(--sim-bg);border-left:1px solid var(--sim-border);box-shadow:-4px 0 24px #0000000f;z-index:10}@media (min-width: 1024px){.event-sim-sidebar{max-width:30rem}}.event-sim-sidebar-head{padding:1.5rem;border-bottom:1px solid var(--sim-border)}.event-sim-sidebar-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.event-sim-sidebar-tag{font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sim-primary)}.event-sim-sidebar-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--sim-text-muted)}.event-sim-sidebar-time .material-symbols-outlined{font-size:.875rem}.event-sim-sidebar-title{font-size:1.5rem;font-weight:700;line-height:1.25;margin:0 0 .5rem;color:var(--sim-text)}.event-sim-sidebar-desc{font-size:.875rem;color:var(--sim-text-muted);line-height:1.5;margin:0 0 1.25rem}.event-sim-progress-wrap{display:flex;align-items:center;gap:.75rem}.event-sim-progress-track{flex:1;height:.5rem;background:var(--sim-bg-subtle);border-radius:9999px;overflow:hidden}.event-sim-progress-fill{height:100%;background:var(--sim-primary);border-radius:9999px;transition:width .3s}.event-sim-progress-label{font-size:.75rem;font-weight:700;color:var(--sim-text-muted)}.event-sim-chapters{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.event-sim-chapters::-webkit-scrollbar{width:6px}.event-sim-chapters::-webkit-scrollbar-track{background:transparent}.event-sim-chapters::-webkit-scrollbar-thumb{background:var(--sim-border);border-radius:20px}.event-sim-chapter{display:flex;gap:1rem;padding:.75rem;border-radius:.75rem;border:1px solid transparent;transition:background .2s,border-color .2s}.event-sim-chapter:hover{background:var(--sim-bg-subtle);border-color:var(--sim-border)}.event-sim-chapter--active{background:var(--sim-surface);border-color:#d411324d;box-shadow:0 2px 8px #d4113214}.event-sim-chapter--done .event-sim-chapter-num{background:var(--sim-primary);color:#fff}.event-sim-chapter-num{width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--sim-bg-subtle);color:var(--sim-text-muted);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.event-sim-chapter-num .material-symbols-outlined{font-size:1.125rem}.event-sim-chapter-body{flex:1;min-width:0}.event-sim-chapter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.event-sim-chapter-head h4{margin:0;font-size:1rem;font-weight:700;color:var(--sim-text)}.event-sim-chapter--active .event-sim-chapter-head h4{color:var(--sim-primary)}.event-sim-chapter-badge{font-size:.6875rem;font-weight:600;padding:.2rem .5rem;border-radius:.25rem;flex-shrink:0}.event-sim-chapter-badge--done{background:#d411321a;color:var(--sim-primary)}.event-sim-chapter-badge--live{display:flex;align-items:center;gap:.25rem;color:var(--sim-primary)}.event-sim-chapter-badge--live .material-symbols-outlined{font-size:.875rem}.event-sim-chapter-duration{font-size:.75rem;color:var(--sim-text-muted)}.event-sim-chapter-media{position:relative;border-radius:.5rem;overflow:hidden;aspect-ratio:16/10;margin-bottom:.75rem;background:var(--sim-bg-subtle)}.event-sim-chapter-media img{width:100%;height:100%;object-fit:cover}.event-sim-chapter-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;transition:background .2s}.event-sim-chapter-play:hover{background:#0000001a}.event-sim-chapter-play .material-symbols-outlined{font-size:2.5rem;color:var(--sim-primary);background:#fffffff2;border-radius:50%;padding:.5rem}.event-sim-chapter-desc{font-size:.875rem;color:var(--sim-text-muted);line-height:1.5;margin:0 0 .75rem}.event-sim-chapter-cta{width:100%;padding:.5rem 1rem;border-radius:.5rem;background:#d411321a;color:var(--sim-primary);font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:background .2s}.event-sim-chapter-cta:hover{background:#d4113233}.event-sim-sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--sim-border);display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--sim-text-muted);background:var(--sim-bg)}.event-sim-footer-link{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--sim-text-muted);font-size:.875rem;cursor:pointer;transition:color .2s}.event-sim-footer-link:hover{color:var(--sim-primary)}.event-sim-footer-link .material-symbols-outlined{font-size:1rem}@media (max-width: 768px){.event-sim-main{flex-direction:column}.event-sim-sidebar{max-width:none;max-height:50vh}.event-sim-map-zoom{right:.75rem}.event-sim-legend{left:.75rem;right:.75rem;max-width:none}.event-sim-fab{right:.75rem;bottom:1rem}}.event-sim--quiz .event-sim-header-actions{display:flex;align-items:center;gap:1rem}.event-quiz-points{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:9999px;background:#d411321a;border:1px solid rgba(212,17,50,.2);font-size:.875rem;font-weight:700;color:var(--sim-text)}.event-quiz-points .material-symbols-outlined{color:var(--sim-primary);font-size:1.125rem}.event-sim-btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--sim-primary);background:transparent;border:1px solid var(--sim-border);border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s}.event-sim-btn-back:hover{background:var(--sim-bg-subtle);border-color:var(--sim-primary)}.event-quiz-nav-active{color:var(--sim-primary);font-weight:700;cursor:default}.event-quiz-main{display:flex;flex:1;overflow:hidden;height:calc(100vh - 64px)}.event-quiz-map-section{position:relative;width:100%;flex:1;min-width:0;background:#e7e5e4;overflow:hidden;cursor:crosshair}@media (min-width: 1024px){.event-quiz-map-section{width:70%}}.event-quiz-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.9;transition:transform .7s}.event-quiz-map-section:hover .event-quiz-map-bg{transform:scale(1.02)}.event-quiz-map-controls{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;flex-direction:column;gap:.25rem}.event-quiz-map-controls button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 2px 8px #00000014;color:var(--sim-text);cursor:pointer;transition:background .2s}.event-quiz-map-controls button:hover{background:var(--sim-bg-subtle);color:var(--sim-primary)}.event-quiz-question-overlay{position:absolute;top:1rem;left:50%;transform:translate(-50%);width:90%;max-width:42rem;z-index:20;pointer-events:none}.event-quiz-question-inner{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.75rem;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(212,17,50,.25)}.event-quiz-question-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:50%;background:#d4113226;color:var(--sim-primary);display:flex;align-items:center;justify-content:center}.event-quiz-question-icon .material-symbols-outlined{font-size:1.5rem}.event-quiz-question-body{flex:1;min-width:0}.event-quiz-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-primary)}.event-quiz-question-text{font-size:1.125rem;font-weight:500;color:var(--sim-text);line-height:1.4;margin:0}.event-quiz-feedback{margin-top:.5rem;font-size:.875rem;font-weight:600}.event-quiz-feedback--correct{color:#16a34a}.event-quiz-feedback--wrong{color:var(--sim-primary)}.event-quiz-zone{position:absolute;z-index:15;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;border-radius:50%}.event-quiz-zone:focus{outline:2px solid var(--sim-primary);outline-offset:2px}.event-quiz-zone--correct{border:2px dashed rgba(212,17,50,.5);background:#d411321a;border-radius:50%;min-width:4rem;min-height:4rem}.event-quiz-zone--correct span{font-size:.75rem;font-weight:700;color:var(--sim-text);background:var(--sim-bg);padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 1px 4px #0000001a;white-space:nowrap;translate:0 3rem}.event-quiz-zone--correct:hover{background:#d4113233}.event-quiz-zone--wrong{width:2rem;height:2rem;transform:translate(-50%,-50%);background:var(--sim-surface);border:2px solid var(--sim-border);border-radius:50%;box-shadow:0 2px 8px #00000014;opacity:.8}.event-quiz-zone--wrong:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.event-quiz-zone--wrong .material-symbols-outlined{font-size:1rem;color:var(--sim-text-muted)}.event-quiz-map-tools{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.5rem;border:1px solid var(--sim-border);box-shadow:0 4px 12px #00000014;font-size:.875rem;font-weight:500;color:var(--sim-text-muted);pointer-events:none}.event-quiz-map-tools:last-of-type{margin-left:.5rem}.event-quiz-map-tools .material-symbols-outlined{font-size:1.125rem}.event-quiz-sidebar{width:100%;max-width:24rem;flex-shrink:0;display:flex;flex-direction:column;background:var(--sim-bg);border-left:1px solid var(--sim-border);overflow:hidden}@media (min-width: 1024px){.event-quiz-sidebar{width:30%;max-width:28rem}}.event-quiz-timer-block{padding:1.5rem;background:var(--sim-bg-subtle);border-bottom:1px solid var(--sim-border)}.event-quiz-timer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.event-quiz-timer-head h3{font-size:.9375rem;font-weight:700;color:var(--sim-text);margin:0}.event-quiz-timer-value{display:flex;align-items:center;gap:.25rem;font-size:1rem;font-weight:700;color:var(--sim-primary)}.event-quiz-timer-value .material-symbols-outlined{font-size:1.25rem}.event-quiz-timer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.event-quiz-timer-cell{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:.5rem;box-shadow:0 1px 3px #0000000f}.event-quiz-timer-cell span:first-child{font-size:1.25rem;font-weight:700;color:var(--sim-text)}.event-quiz-timer-cell span:last-child{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted)}.event-quiz-progress-block{flex:1;overflow-y:auto;padding:1.5rem}.event-quiz-progress-block h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted);margin:0 0 1rem}.event-quiz-question-list{display:flex;flex-direction:column;gap:.75rem}.event-quiz-q-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--sim-border);background:transparent;opacity:.7}.event-quiz-q-item--current{background:#d4113214;border-color:#d4113259;opacity:1;box-shadow:0 0 0 1px #d411321a}.event-quiz-q-item--done{background:#16a34a1a;border-color:#16a34a4d;opacity:1}.event-quiz-q-item--wrong{background:#ef444414;border-color:#ef44444d;opacity:1}.event-quiz-q-num{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;background:var(--sim-bg-subtle);border:2px solid var(--sim-border);color:var(--sim-text-muted);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.event-quiz-q-item--current .event-quiz-q-num{background:var(--sim-primary);border-color:var(--sim-primary);color:#fff}.event-quiz-q-item--done .event-quiz-q-num{background:#16a34a;border-color:#16a34a;color:#fff}.event-quiz-q-num .material-symbols-outlined{font-size:.875rem}.event-quiz-q-info{flex:1;min-width:0}.event-quiz-q-info p{margin:0;font-size:.875rem;font-weight:500;color:var(--sim-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-quiz-q-pts{font-size:.75rem;font-weight:700;color:#16a34a;display:block;margin-top:.25rem}.event-quiz-q-current{font-size:.6875rem;font-weight:600;color:var(--sim-primary);display:block;margin-top:.25rem}.event-quiz-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem}.event-quiz-stat{text-align:center;padding:1rem;background:var(--sim-bg-subtle);border-radius:.75rem}.event-quiz-stat span{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sim-text-muted);margin-bottom:.25rem}.event-quiz-stat strong{font-size:1.5rem;color:var(--sim-primary)}.event-quiz-stat-accuracy{color:#16a34a!important}.event-quiz-actions{padding:1.5rem;border-top:1px solid var(--sim-border);background:var(--sim-bg-subtle);display:flex;flex-direction:column;gap:.75rem}.event-quiz-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;border-radius:.75rem;border:none;cursor:pointer;transition:background .2s,transform .2s;font-family:inherit}.event-quiz-btn.full{width:100%}.event-quiz-btn-hint{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.3);justify-content:space-between}.event-quiz-btn-hint:hover:not(:disabled){background:#6366f133}.event-quiz-btn-hint:disabled{opacity:.5;cursor:not-allowed}.event-quiz-hint-cost{font-size:.75rem;background:#fff;padding:.2rem .5rem;border-radius:.25rem;color:#4f46e5}.event-quiz-btn-submit{height:3rem;background:var(--sim-primary);color:#fff;box-shadow:0 4px 14px #d411324d}.event-quiz-btn-submit:hover{background:var(--sim-primary-dark);transform:scale(1.02)}@media (max-width: 1024px){.event-quiz-main{flex-direction:column}.event-quiz-map-tools{flex-wrap:wrap;gap:.5rem;left:.5rem;right:.5rem;transform:none;bottom:.5rem}.event-quiz-zone--correct span{font-size:.65rem}}.quiz-results{--qr-primary: #d41132;--qr-primary-dark: #9b0c25;--qr-bg: #ffffff;--qr-bg-subtle: #f8f6f6;--qr-surface: #fffdfa;--qr-border: #e7cfd3;--qr-text: #1c1917;--qr-text-muted: #57534e;--qr-font: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;min-height:100vh;display:flex;flex-direction:column;background:var(--qr-bg);color:var(--qr-text);font-family:var(--qr-font)}.quiz-results-error{padding:3rem 2rem;text-align:center}.quiz-results-error a{color:var(--qr-primary);display:inline-block;margin-top:1rem}.quiz-results-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:4rem;border-bottom:1px solid var(--qr-border);background:var(--qr-bg)}.quiz-results-header-inner{display:flex;align-items:center;gap:2rem}.quiz-results-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.quiz-results-brand-icon{font-size:1.75rem;color:var(--qr-primary)}.quiz-results-brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.quiz-results-nav{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.quiz-results-nav{display:flex}}.quiz-results-nav-link{font-size:.875rem;font-weight:500;color:var(--qr-text-muted);text-decoration:none;transition:color .2s}.quiz-results-nav-link:hover{color:var(--qr-primary)}.quiz-results-btn-login{padding:.5rem 1rem;font-size:.875rem;font-weight:700;color:#fff;background:var(--qr-primary);border-radius:.5rem;text-decoration:none;transition:background .2s}.quiz-results-btn-login:hover{background:var(--qr-primary-dark)}.quiz-results-main{flex:1;padding:2rem 1rem}.quiz-results-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 1024px){.quiz-results-container{padding:0 2rem}}.quiz-results-page-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.quiz-results-page-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.quiz-results-title{font-size:1.875rem;font-weight:900;letter-spacing:-.02em;margin:0 0 .5rem;color:var(--qr-text)}@media (min-width: 768px){.quiz-results-title{font-size:2.25rem}}.quiz-results-subtitle{font-size:1.125rem;font-weight:500;color:var(--qr-text-muted);margin:0}.quiz-results-head-actions{display:flex;gap:.75rem;flex-shrink:0}.quiz-results-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background .2s,transform .2s;font-family:inherit;border:none;cursor:pointer}.quiz-results-btn .material-symbols-outlined{font-size:1.125rem}.quiz-results-btn-secondary{background:var(--qr-bg-subtle);color:var(--qr-text);border:1px solid var(--qr-border)}.quiz-results-btn-secondary:hover{background:#eee}.quiz-results-btn-primary{background:var(--qr-primary);color:#fff;box-shadow:0 4px 14px #d411324d}.quiz-results-btn-primary:hover{background:var(--qr-primary-dark);transform:scale(1.02)}.quiz-results-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 1024px){.quiz-results-grid{grid-template-columns:8fr 4fr}}.quiz-results-left{display:flex;flex-direction:column;gap:1.5rem}.quiz-results-stats-row{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 640px){.quiz-results-stats-row{grid-template-columns:repeat(3,1fr)}}.quiz-results-stat-card{position:relative;padding:1.5rem;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.quiz-results-stat-icon{position:absolute;right:.5rem;top:.5rem;font-size:3rem;color:var(--qr-primary);opacity:.15}.quiz-results-stat-icon--rank{color:#eab308}.quiz-results-stat-label{font-size:.875rem;font-weight:500;color:var(--qr-text-muted);margin:0 0 .25rem}.quiz-results-stat-value{font-size:1.75rem;font-weight:700;color:var(--qr-text);margin:0}.quiz-results-stat-max{font-size:1.25rem;font-weight:500;color:var(--qr-text-muted)}.quiz-results-stat-rank{font-size:1.5rem;color:#eab308}.quiz-results-radar-block{flex:1;padding:1rem;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column}.quiz-results-radar-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.quiz-results-radar-head h3{font-size:1.25rem;font-weight:700;color:var(--qr-text);margin:0 0 .25rem}.quiz-results-radar-head p{font-size:.875rem;color:var(--qr-text-muted);margin:0}.quiz-results-radar-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.quiz-results-radar-body{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.quiz-results-radar-body{flex-direction:row;align-items:center;gap:1rem}}.quiz-results-radar-chart{position:relative;width:16rem;height:16rem;flex-shrink:0;margin:0 auto;padding:.25rem}@media (min-width: 768px){.quiz-results-radar-chart{width:20rem;height:20rem}}.quiz-results-radar-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--qr-border)}.quiz-results-radar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(212,17,50,.2))}.quiz-results-radar-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.quiz-results-radar-label{position:absolute;font-size:.6875rem;font-weight:700;color:var(--qr-primary);white-space:nowrap}.quiz-results-analysis{flex:1;min-width:0}.quiz-results-analysis-section ul{list-style:none;padding:0;margin:0}.quiz-results-analysis-section li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--qr-text);line-height:1.5;margin-bottom:.5rem}.quiz-results-analysis-section li:before{content:"";width:.375rem;height:.375rem;border-radius:50%;flex-shrink:0;margin-top:.5rem}.quiz-results-analysis-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.quiz-results-analysis-title--strength{color:#16a34a}.quiz-results-analysis-title--strength+ul li:before{background:#16a34a}.quiz-results-analysis-title--improve{color:#d97706}.quiz-results-analysis-title--improve+ul li:before{background:#d97706}.quiz-results-analysis-divider{height:1px;background:var(--qr-border);margin:1rem 0}.quiz-results-right{min-height:28rem}.quiz-results-questions-panel{height:100%;display:flex;flex-direction:column;background:var(--qr-surface);border:1px solid var(--qr-border);border-radius:.75rem;box-shadow:0 1px 3px #0000000f;overflow:hidden}.quiz-results-questions-head{padding:1.25rem;border-bottom:1px solid var(--qr-border);background:var(--qr-bg-subtle)}.quiz-results-questions-head h3{font-size:1.125rem;font-weight:700;color:var(--qr-text);margin:0 0 .5rem}.quiz-results-questions-badges{display:flex;gap:.5rem;flex-wrap:wrap}.quiz-results-badge{padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.quiz-results-badge--correct{background:#16a34a26;color:#16a34a}.quiz-results-badge--wrong{background:#ef444426;color:#dc2626}.quiz-results-questions-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.quiz-results-q-item{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem;border-radius:.5rem;border:1px solid transparent;transition:background .2s}.quiz-results-q-item--correct{background:transparent}.quiz-results-q-item--correct:hover{background:var(--qr-bg-subtle)}.quiz-results-q-item--wrong{background:#ef44440f;border-color:#ef444433}.quiz-results-q-icon{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.quiz-results-q-item--correct .quiz-results-q-icon{background:#16a34a}.quiz-results-q-item--wrong .quiz-results-q-icon{background:#dc2626}.quiz-results-q-icon .material-symbols-outlined{font-size:.875rem;font-weight:700}.quiz-results-q-content{flex:1;min-width:0}.quiz-results-q-text{font-size:.875rem;font-weight:500;color:var(--qr-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-results-q-meta{font-size:.75rem;color:var(--qr-text-muted);margin:.25rem 0 0}.quiz-results-q-item--wrong .quiz-results-q-meta{color:#dc2626}.quiz-results-questions-footer{padding:1rem;border-top:1px solid var(--qr-border);background:var(--qr-bg-subtle);text-align:center}.quiz-results-link{font-size:.875rem;font-weight:600;color:var(--qr-primary);text-decoration:none;transition:color .2s}.quiz-results-link:hover{color:var(--qr-primary-dark)}.auth-split-page{--primary: #d41132;--primary-hover: #9b0c25;--bg-dark: #191022;--surface: #ffffff;--surface-dark: #261933;--border-dark: #4d3267;--text-muted: #64748b;--text-muted-dark: #ad92c9;display:flex;width:100%;min-height:100vh;overflow:hidden;font-family:Be Vietnam Pro,system-ui,sans-serif;color:#0f172a;background:#f7f6f8}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.auth-split-left{display:none;width:60%;position:relative;background-size:cover;background-position:center;overflow:hidden}@media (min-width: 1024px){.auth-split-left{display:flex;flex-direction:column;justify-content:flex-end}}.auth-split-left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#191022 0%,rgba(25,16,34,.4) 50%,transparent 100%);pointer-events:none}.auth-split-left-content{position:relative;z-index:2;padding:3rem;max-width:36rem}.auth-split-left-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.auth-split-left-icon{font-size:2.25rem;color:var(--primary)}.auth-split-left-logo{font-size:1.25rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff}.auth-split-left-title{margin:0 0 1rem;font-size:2.5rem;font-weight:900;line-height:1.15;letter-spacing:-.03em;color:#fff}.auth-split-left-desc{margin:0;font-size:1.125rem;font-weight:500;line-height:1.6;color:#e2e8f0f2;max-width:28rem}.auth-split-right{width:100%;min-height:100vh;background:var(--surface);display:flex;flex-direction:column;position:relative;overflow-y:auto}@media (min-width: 1024px){.auth-split-right{width:40%}}.auth-lac-viet-border{position:absolute;top:0;left:0;right:0;height:10px;background-image:url("data:image/svg+xml,%3Csvg width='40' height='10' viewBox='0 0 40 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 L5 0 L10 5 L5 10 Z M15 5 L20 0 L25 5 L20 10 Z M30 5 L35 0 L40 5 L35 10 Z' fill='%23d41132' fill-opacity='0.2'/%3E%3C/svg%3E");background-repeat:repeat-x}.auth-split-right-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;max-width:28rem;margin:0 auto;width:100%}@media (min-width: 640px){.auth-split-right-inner{padding-left:3rem;padding-right:3rem}}@media (min-width: 1024px){.auth-split-right-inner{padding-left:4rem;padding-right:4rem;align-items:stretch}}.auth-mobile-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.auth-mobile-brand .material-symbols-outlined{font-size:1.875rem;color:var(--primary)}.auth-mobile-brand span:last-child{font-size:1.125rem;font-weight:700;letter-spacing:.05em;color:#0f172a}@media (min-width: 1024px){.auth-mobile-brand{display:none}}.auth-tabs{display:flex;border-bottom:1px solid #e2e8f0;width:100%;margin-bottom:0}.auth-tab{flex:1;padding-bottom:1rem;text-align:center;font-size:1rem;font-weight:600;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.auth-tab:hover{color:#475569}.auth-tab-active{color:#0f172a;border-bottom-color:var(--primary)}.auth-welcome{padding-top:1rem;margin-bottom:1.5rem}@media (min-width: 1024px){.auth-welcome{text-align:left}}.auth-welcome-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#0f172a}.auth-welcome-desc{margin:0;font-size:.875rem;color:var(--text-muted)}.auth-form-block{width:100%;display:flex;flex-direction:column;gap:1.5rem}.auth-fields{display:flex;flex-direction:column;gap:1.25rem}.auth-segment-wrap{margin-bottom:0}.auth-segment{display:flex;padding:.25rem;background:#f1f5f9;border-radius:.5rem;position:relative}.auth-segment-indicator{position:absolute;left:.25rem;top:.25rem;bottom:.25rem;width:calc(50% - .25rem);background:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:transform .3s ease}.auth-segment-btn{flex:1;position:relative;z-index:1;padding:.5rem;font-size:.875rem;font-weight:600;font-family:inherit;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color .2s}.auth-segment-btn.active{color:var(--primary)}.auth-label{display:block}.auth-label-text{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.375rem}.auth-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.auth-link{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none}.auth-link:hover{color:var(--primary-hover)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .material-symbols-outlined:first-child{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--text-muted);pointer-events:none}.auth-input{display:block;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-size:.875rem;font-family:inherit;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#0f172a;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d4113226}.auth-input-with-toggle{padding-right:2.5rem}.auth-input-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:none;cursor:pointer;color:var(--text-muted);display:flex}.auth-input-toggle:hover{color:#475569}.auth-input-toggle .material-symbols-outlined{font-size:1.25rem}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-muted)}.auth-checkbox-label a{color:var(--primary);text-decoration:none}.auth-checkbox-label a:hover{text-decoration:underline}.auth-checkbox{width:1rem;height:1rem;margin-top:.125rem;accent-color:var(--primary)}.auth-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;font-family:inherit;color:#fff;background:var(--primary);border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 10px 15px -3px #d411324d;transition:background .2s,transform .2s}.auth-submit-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.auth-submit-arrow{font-size:1.125rem;transition:transform .2s}.auth-submit-btn:hover .auth-submit-arrow{transform:translate(4px)}.auth-divider{position:relative;margin:1.5rem 0;width:100%}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #e2e8f0}.auth-divider-text{position:relative;display:block;text-align:center;padding:0 .5rem;font-size:.875rem;color:var(--text-muted);background:var(--surface)}.auth-social{display:flex;justify-content:center;width:100%}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:background .2s,box-shadow .2s}.auth-social-btn:hover{background:#f8fafc;box-shadow:0 1px 3px #0000000f}.auth-social-icon-google{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-cta{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-cta-link{font-weight:700;color:var(--primary);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.auth-cta-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-footer-copy{margin-top:auto;padding:2rem 1.5rem;text-align:center;font-size:.75rem;color:var(--text-muted);line-height:1.6}.auth-footer-copy a{color:inherit;text-decoration:none}.auth-footer-copy a:hover{text-decoration:underline;color:var(--primary)}