*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f8f9fa;color:#222;line-height:1.6}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#222;color:#fff;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.navbar-brand{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;color:#ff5252}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-links{display:flex;gap:4px}.navbar-links a{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:#ccc;transition:all .2s}.navbar-links a:hover,.navbar-links a.active{background:#ffffff1a;color:#fff}.page{flex:1;max-width:900px;width:100%;margin:0 auto;padding:32px 20px}.home-hero{text-align:center;padding:48px 0 32px}.home-hero h1{font-size:32px;font-weight:800;color:#222;margin-bottom:8px}.home-hero p{color:#666;font-size:16px;max-width:500px;margin:0 auto 32px}.generate-btn{display:inline-flex;align-items:center;gap:10px;background:#ff5252;color:#fff;border:none;padding:16px 40px;font-size:18px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #ff525266}.generate-btn:hover{background:#e04848;transform:translateY(-1px);box-shadow:0 6px 20px #ff525280}.generate-btn:active{transform:translateY(0)}.filter-toggle{display:flex;justify-content:center;margin-bottom:16px}.filter-toggle button{background:none;border:1px solid #ddd;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.filter-toggle button:hover{border-color:#ff5252;color:#ff5252}.filter-bar{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 4px #0000000f}.filter-section{margin-bottom:12px}.filter-section:last-child{margin-bottom:0}.filter-section label{display:block;font-size:12px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 14px;border-radius:20px;border:1px solid #ddd;background:#fff;font-size:13px;cursor:pointer;transition:all .15s;color:#555}.chip:hover{border-color:#aaa}.chip.active{color:#fff;border-color:transparent}.clear-filters{margin-top:12px;background:none;border:none;color:#ff5252;cursor:pointer;font-size:13px;font-weight:500;padding:4px 0}.filter-locked{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#f5f5f5;border:1px dashed #ddd;border-radius:8px;color:#888;font-size:14px;margin-bottom:16px}.chip.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.chip.disabled:hover{border-color:#ddd}.filter-section label{display:flex;align-items:center}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.technique-id{background:#222;color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700;font-family:monospace}.difficulty-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.favorite-btn{margin-left:auto;background:none;border:none;cursor:pointer;font-size:22px;color:#ccc;transition:color .2s;padding:4px}.favorite-btn.active{color:#ff5252}.card-title{font-size:24px;font-weight:800;margin:8px 0;color:#222}.card-tactic{font-size:14px;color:#666;margin-bottom:12px}.card-tactic span{color:#999;margin-left:6px}.learning-paths{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.path-pill{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;color:#fff}.section{border-top:1px solid #f0f0f0;padding-top:16px;margin-top:16px}.section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0;user-select:none}.section-header h3{font-size:15px;font-weight:700;color:#444}.section-chevron{color:#999;transition:transform .2s}.section-chevron.open{transform:rotate(180deg)}.section-body{margin-top:12px;font-size:15px;color:#444;line-height:1.7}.risk-badge{display:inline-block;background:#fff3e0;color:#e65100;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:8px}.boardroom-text{font-style:italic;color:#555}.impact-item{background:#f9f9f9;border-radius:8px;padding:12px;margin-bottom:8px}.impact-item strong{color:#333;display:block;margin-bottom:4px;font-size:13px}.impact-item p{font-size:14px;color:#555;margin:0}.hint-list,.mitigation-list{list-style:none;padding:0}.hint-list li,.mitigation-list li{padding:6px 0 6px 20px;position:relative;font-size:14px;color:#555}.hint-list li:before{content:"🔍";position:absolute;left:0}.mitigation-list li:before{content:"🛡";position:absolute;left:0}.advanced-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px dashed #ccc;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;color:#666;width:100%;justify-content:center;margin-top:16px;transition:all .2s}.advanced-toggle:hover{border-color:#ff5252;color:#ff5252}.reflect-box{background:#f0f7ff;border-radius:10px;padding:16px}.reflect-box h4{font-size:13px;color:#1565c0;margin-bottom:8px}.reflect-box p{font-size:14px;color:#444;margin-bottom:12px}.reflect-box .spot-risk{background:#fff8e1;padding:12px;border-radius:8px;margin-top:8px}.reflect-box .spot-risk h4{color:#f57f17}.tabs{display:flex;gap:4px;margin-bottom:24px;background:#eee;border-radius:10px;padding:4px}.tab-btn{flex:1;padding:10px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#666;transition:all .2s}.tab-btn.active{background:#fff;color:#222;box-shadow:0 1px 4px #0000001a}.history-item{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:10px;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:all .15s;display:flex;gap:14px;align-items:flex-start}.history-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.history-id{background:#222;color:#fff;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;font-family:monospace;white-space:nowrap}.history-info{flex:1;min-width:0}.history-info h3{font-size:15px;font-weight:700;color:#222;margin-bottom:2px}.history-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#999;margin-bottom:4px}.difficulty-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.history-info p{font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:48px 20px;color:#999}.empty-state p{font-size:16px}.next-btn{display:block;width:100%;background:#ff5252;color:#fff;border:none;padding:14px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s;margin-top:8px}.next-btn:hover{background:#e04848}.sales-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:2px solid transparent;white-space:nowrap}.sales-btn-primary{background:#ff5252;color:#fff;border-color:#ff5252}.sales-btn-primary:hover{background:#e04848;border-color:#e04848;transform:translateY(-1px);box-shadow:0 4px 12px #ff52524d}.sales-btn-secondary{background:#222;color:#fff;border-color:#222}.sales-btn-secondary:hover{background:#333;border-color:#333;transform:translateY(-1px)}.sales-btn-outline{background:transparent;color:#222;border-color:#ddd}.sales-btn-outline:hover{border-color:#ff5252;color:#ff5252}.sales-btn-sm{padding:8px 16px;font-size:14px}.sales-btn-md{padding:12px 24px;font-size:15px}.sales-btn-lg{padding:16px 32px;font-size:17px}.sales-btn-full{width:100%}.sales-btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sales-section{width:100%;padding:64px 20px}.sales-section-inner{max-width:1100px;margin:0 auto}.sales-section-white{background:#fff}.sales-section-gray{background:#f8f9fa}.sales-section-dark{background:#222;color:#fff}.sales-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sales-badge-primary{background:#ff5252;color:#fff}.sales-badge-success{background:#4caf50;color:#fff}.sales-badge-warning{background:#ff9800;color:#fff}.sales-headline{font-size:42px;font-weight:800;line-height:1.2;color:#222;margin-bottom:16px}.sales-subheadline{font-size:18px;line-height:1.6;color:#666;margin-bottom:24px}.sales-section-title{font-size:32px;font-weight:800;text-align:center;margin-bottom:48px;color:#222}.sales-section-dark .sales-section-title{color:#fff}.sales-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.sales-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sales-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000000f;transition:all .2s ease}.sales-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.sales-page{min-height:100vh}.sales-hero{padding-top:80px;padding-bottom:80px}.sales-hero-content{max-width:700px;text-align:center;margin:0 auto}.sales-hero-benefits{list-style:none;padding:0;margin:0 0 32px;display:inline-flex;flex-direction:column;gap:12px;text-align:left}.sales-hero-benefits li{display:flex;align-items:center;gap:10px;font-size:16px;color:#444}.sales-hero-benefits li svg{color:#4caf50;flex-shrink:0}.sales-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.sales-feature-card{background:#fff;border-radius:12px;padding:28px;text-align:center;box-shadow:0 2px 12px #0000000f;transition:all .2s ease}.sales-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.sales-feature-icon{width:56px;height:56px;border-radius:12px;background:#ff5252;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.sales-feature-title{font-size:18px;font-weight:700;color:#222;margin-bottom:8px}.sales-feature-description{font-size:15px;color:#666;line-height:1.6;margin:0}.sales-testimonial-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #0000000f;position:relative}.sales-testimonial-quote-icon{color:#ff5252;opacity:.3;margin-bottom:12px}.sales-testimonial-quote{font-size:15px;line-height:1.7;color:#444;margin:0 0 20px;font-style:italic}.sales-testimonial-author{display:flex;flex-direction:column;gap:2px}.sales-testimonial-name{font-size:15px;font-weight:700;color:#222}.sales-testimonial-role{font-size:13px;color:#888}.sales-pricing-subheadline{text-align:center;font-size:16px;color:#666;margin:-32px 0 48px}.sales-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.sales-pricing-card{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 2px 12px #0000000f;position:relative;border:2px solid transparent;transition:all .2s ease}.sales-pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.sales-pricing-card-highlighted{border-color:#ff5252;transform:scale(1.02)}.sales-pricing-card-highlighted:hover{transform:scale(1.02) translateY(-4px)}.sales-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%)}.sales-pricing-name{font-size:22px;font-weight:700;color:#222;margin:8px 0}.sales-pricing-description{font-size:14px;color:#666;margin:0 0 20px}.sales-pricing-price{margin-bottom:24px}.sales-pricing-currency{font-size:24px;font-weight:700;color:#222;vertical-align:top}.sales-pricing-amount{font-size:56px;font-weight:800;color:#222;line-height:1}.sales-pricing-period{font-size:16px;color:#888}.sales-pricing-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.sales-pricing-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;color:#444}.sales-pricing-features li svg{color:#4caf50;flex-shrink:0;margin-top:2px}.sales-faq-list{max-width:700px;margin:0 auto}.sales-faq-item{border-bottom:1px solid #eee}.sales-faq-item:last-child{border-bottom:none}.sales-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:none;border:none;cursor:pointer;text-align:left;font-size:16px;font-weight:600;color:#222;transition:color .2s}.sales-faq-question:hover{color:#ff5252}.sales-faq-chevron{color:#888;flex-shrink:0;transition:transform .2s}.sales-faq-chevron.open{transform:rotate(180deg)}.sales-faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.sales-faq-answer.open{max-height:300px;padding-bottom:20px}.sales-faq-answer p{font-size:15px;line-height:1.7;color:#555;margin:0}.sales-final-cta-content{text-align:center;max-width:600px;margin:0 auto}.sales-final-cta-headline{font-size:32px;font-weight:800;color:#fff;margin-bottom:12px}.sales-final-cta-subheadline{font-size:18px;color:#fffc;margin-bottom:32px}.sales-footer{background:#111;color:#fff;padding:48px 20px 32px}.sales-footer-inner{max-width:1100px;margin:0 auto}.sales-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:48px}.sales-footer-section h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:16px}.sales-footer-section ul{list-style:none;padding:0;margin:0}.sales-footer-section li{margin-bottom:10px}.sales-footer-section a{color:#ccc;font-size:14px;transition:color .2s}.sales-footer-section a:hover{color:#ff5252}.sales-footer-bottom{border-top:1px solid #333;padding-top:24px;text-align:center}.sales-footer-bottom p{font-size:13px;color:#666;margin:0 0 4px}.sales-footer-disclaimer{font-size:12px;color:#555}@media(max-width:900px){.sales-grid-3{grid-template-columns:repeat(2,1fr)}.sales-pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.sales-pricing-card-highlighted{transform:none}.sales-pricing-card-highlighted:hover{transform:translateY(-4px)}.sales-headline{font-size:32px}.sales-section-title{font-size:28px}.sales-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.sales-final-cta-headline{font-size:28px}}@media(max-width:600px){.sales-section{padding:48px 16px}.sales-grid-2,.sales-grid-3{grid-template-columns:1fr}.sales-headline{font-size:28px}.sales-subheadline{font-size:16px}.sales-section-title{font-size:24px;margin-bottom:32px}.sales-btn-lg{padding:14px 24px;font-size:16px}.sales-pricing-amount{font-size:48px}.sales-footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.sales-final-cta-headline{font-size:24px}.sales-final-cta-subheadline{font-size:16px}.sales-faq-question{font-size:15px}}.navbar-login{transform:scale(.85);transform-origin:right center}@media(max-width:600px){.navbar-login{transform:scale(.75)}}.user-menu{position:relative}.user-menu-trigger{background:none;border:none;cursor:pointer;padding:4px 10px 4px 4px;border-radius:20px;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.user-menu-trigger:hover{background:#ffffff1a}.user-menu-trigger-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{transition:transform .2s;opacity:.7}.user-menu-chevron-open{transform:rotate(180deg)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;z-index:1000}.user-menu-header{padding:16px;border-bottom:1px solid #eee}.user-menu-name{font-weight:600;color:#222;margin:0 0 4px}.user-menu-email{font-size:13px;color:#666;margin:0}.user-menu-logout{width:100%;padding:12px 16px;background:none;border:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666;transition:background .2s}.user-menu-logout:hover{background:#f5f5f5;color:#ff5252}.google-login-wrapper{display:flex;justify-content:center}.google-login-container{display:flex;flex-direction:column;align-items:center;gap:8px}.login-error-message{color:#ff5252;font-size:13px;margin:0;text-align:center}.payment-result-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.payment-result-card{background:#fff;border-radius:16px;padding:48px;text-align:center;max-width:480px;box-shadow:0 4px 24px #0000001a}.payment-result-icon{margin-bottom:24px}.payment-result-card.success .payment-result-icon{color:#4caf50}.payment-result-card.cancel .payment-result-icon{color:#ff5252}.payment-result-card h1{font-size:28px;font-weight:800;color:#222;margin-bottom:12px}.payment-result-card p{font-size:16px;color:#666;margin-bottom:8px}.payment-result-note{font-size:14px;color:#888;margin-bottom:24px}.payment-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pricing-login-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.pricing-login-hint{font-size:13px;color:#888;margin:0}.login-loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:16px;font-weight:600;color:#222}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #FF5252;border-radius:50%;animation:spin 1s linear infinite}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scenarios-hero{text-align:center;padding:32px 0 24px}.scenarios-hero-icon{color:#ff5252;margin-bottom:12px}.scenarios-hero h1{font-size:28px;font-weight:800;color:#222;margin-bottom:8px}.scenarios-hero p{color:#666;font-size:15px;max-width:520px;margin:0 auto 20px}.scenarios-stats{display:flex;justify-content:center;gap:24px;margin-top:16px}.scenarios-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.scenarios-stat-value{font-size:22px;font-weight:800;color:#ff5252}.scenarios-stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.scenarios-grid{display:grid;gap:16px}.scenario-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 6px #0000000f;border:none;border-left:4px solid #999;cursor:pointer;transition:all .2s;position:relative;width:100%;text-align:left;font-family:inherit;font-size:inherit;color:inherit}.scenario-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.scenario-card:disabled,.scenario-card-locked{opacity:.7;cursor:default}.scenario-card-locked:hover{transform:none;box-shadow:0 1px 6px #0000000f}.scenario-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.scenario-card-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#888}.scenario-card-score{margin-left:auto;background:#4caf50;color:#fff;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:700}.scenario-card-title{font-size:18px;font-weight:700;color:#222;margin-bottom:4px}.scenario-card-subtitle{font-size:13px;color:#888;margin-bottom:12px}.scenario-card-paths{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.scenario-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scenario-card-alert{font-size:12px;color:#555;background:#f5f5f5;padding:3px 10px;border-radius:4px}.scenario-card-severity{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.scenario-card-severity-high,.scenario-card-severity-critical,.scenario-card-severity-criticalmitigated{background:#ffebee;color:#c62828}.scenario-card-severity-mediumhigh,.scenario-card-severity-medium{background:#fff3e0;color:#e65100}.scenario-card-overlay{position:absolute;inset:0;background:#fff9;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;color:#666;font-size:14px;font-weight:600}.scenario-player{max-width:900px;margin:0 auto}.scenario-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s}.scenario-back-btn:hover{color:#ff5252}.scenario-player-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #FF5252}.scenario-player-title{font-size:24px;font-weight:800;color:#222;margin-bottom:4px}.scenario-player-subtitle{color:#ff5252;font-size:14px;font-weight:600}.scenario-player-badges{display:flex;gap:8px;align-items:center;flex-shrink:0}.scenario-time-badge{font-size:12px;color:#666;background:#f0f0f0;padding:4px 10px;border-radius:12px}.scenario-player-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.scenario-protagonist{display:flex;align-items:center;gap:16px;background:#222;color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:20px}.scenario-protagonist-avatar{width:48px;height:48px;border-radius:50%;background:#ff5252;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.scenario-protagonist strong{display:block;font-size:16px;margin-bottom:2px}.scenario-protagonist p{margin:0;font-size:13px;color:#aaa}.scenario-situation{background:#fff;border:2px solid #FF5252;border-radius:12px;padding:20px;margin-bottom:20px}.scenario-situation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:8px}.scenario-situation-header h2{font-size:18px;font-weight:700;color:#ff5252;margin:0}.scenario-situation-meta{display:flex;gap:8px;font-size:12px}.scenario-situation-meta span{padding:3px 8px;background:#f5f5f5;border-radius:4px;color:#666}.scenario-severity{font-weight:600}.scenario-situation-meta .scenario-severity-high,.scenario-situation-meta .scenario-severity-critical,.scenario-situation-meta .scenario-severity-criticalmitigated{background:#ffebee;color:#c62828}.scenario-alert-badge{background:#fff3e0;border-left:3px solid #FF9800;padding:10px 14px;margin-bottom:12px;border-radius:4px;font-weight:600;font-size:14px;color:#e65100}.scenario-situation-desc{font-size:15px;line-height:1.7;color:#444}.scenario-concepts{background:#f0f7ff;border-left:3px solid #1565C0;padding:16px 20px;border-radius:8px;margin-bottom:20px}.scenario-concepts h3{font-size:14px;font-weight:700;color:#1565c0;margin-bottom:10px}.scenario-concepts-list{display:flex;flex-wrap:wrap;gap:6px}.scenario-concept-chip{padding:4px 12px;background:#fff;border:1px solid #bbdefb;border-radius:16px;font-size:12px;color:#1565c0}.scenario-mitre{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.scenario-mitre h3{font-size:14px;font-weight:700;color:#444;margin-bottom:12px}.scenario-mitre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.scenario-mitre-card{border:1px solid #e0e0e0;border-radius:8px;padding:14px}.scenario-mitre-card-header{display:flex;gap:8px;align-items:center;margin-bottom:8px}.scenario-mitre-name{font-weight:600;font-size:13px;color:#333}.scenario-mitre-card p{font-size:13px;color:#666;margin:0 0 8px;line-height:1.5}.scenario-mitre-link{font-size:12px;font-weight:600;color:#ff5252;display:inline-flex;align-items:center;gap:4px}.scenario-mitre-link:hover{text-decoration:underline}.scenario-choices{margin:28px 0}.scenario-choices h2{font-size:22px;font-weight:800;color:#222;margin-bottom:8px}.scenario-choices-instruction{color:#666;font-size:14px;font-style:italic;margin-bottom:20px}.scenario-choices-grid{display:grid;gap:12px}.scenario-choice-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:18px 20px;text-align:left;cursor:pointer;transition:all .2s;width:100%;font-family:inherit;font-size:inherit}.scenario-choice-card:hover{border-color:#ff5252;box-shadow:0 4px 12px #ff525226;transform:translateY(-2px)}.scenario-choice-label{width:32px;height:32px;border-radius:50%;background:#ff5252;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.scenario-choice-text{font-size:14px;color:#333;line-height:1.6}.scenario-outcome{margin-top:28px;animation:scenarioFadeIn .4s ease}@keyframes scenarioFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scenario-outcome-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-radius:12px;margin-bottom:16px;color:#fff}.scenario-outcome-excellent{background:linear-gradient(135deg,#2e7d32,#4caf50)}.scenario-outcome-good{background:linear-gradient(135deg,#388e3c,#66bb6a)}.scenario-outcome-mixed{background:linear-gradient(135deg,#e65100,#ff9800)}.scenario-outcome-poor{background:linear-gradient(135deg,#d84315,#ff7043)}.scenario-outcome-critical_failure{background:linear-gradient(135deg,#b71c1c,#ef5350)}.scenario-outcome-score{display:flex;align-items:baseline;gap:2px}.scenario-score-value{font-size:40px;font-weight:800}.scenario-score-max{font-size:20px;opacity:.85}.scenario-outcome-badge{font-size:18px;font-weight:700;text-align:right}.scenario-outcome-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:12px;box-shadow:0 1px 4px #0000000f}.scenario-outcome-section h3{font-size:15px;font-weight:700;color:#222;margin-bottom:10px}.scenario-outcome-section p{font-size:14px;line-height:1.7;color:#444}.scenario-outcome-section ul{list-style:none;padding:0;margin:0}.scenario-outcome-section li{padding:6px 0 6px 20px;position:relative;font-size:14px;color:#444;line-height:1.6}.scenario-outcome-section li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:#ff5252;border-radius:50%}.scenario-consequence{font-weight:600;padding:12px 16px;border-radius:8px;border-left:4px solid}.scenario-consequence-excellent{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.scenario-consequence-good{background:#e8f5e9;border-color:#66bb6a;color:#388e3c}.scenario-consequence-mixed{background:#fff3e0;border-color:#ff9800;color:#e65100}.scenario-consequence-poor{background:#fbe9e7;border-color:#ff7043;color:#d84315}.scenario-consequence-critical_failure{background:#ffebee;border-color:#ef5350;color:#b71c1c}.scenario-outcome-actions{display:flex;gap:12px;margin-top:20px}.scenario-secondary-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#222;border:2px solid #ddd;padding:14px 32px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s}.scenario-secondary-btn:hover{border-color:#ff5252;color:#ff5252}.scenario-factcheck{background:#fff8e1;border-radius:12px;padding:20px;margin-top:28px}.scenario-factcheck h3{font-size:16px;font-weight:700;color:#e65100;margin-bottom:14px}.scenario-factcheck-grid{display:grid;gap:12px}.scenario-factcheck-item{background:#fff;padding:14px;border-radius:8px}.scenario-factcheck-item strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.scenario-factcheck-fiction strong{color:#c62828}.scenario-factcheck-reality strong{color:#2e7d32}.scenario-factcheck-item p{margin:0;font-size:14px;line-height:1.6;color:#444}@media(max-width:600px){.page{padding:20px 14px}.home-hero h1{font-size:24px}.card{padding:20px}.card-title{font-size:20px}.navbar-brand{font-size:15px}.navbar-links a{padding:8px 10px;font-size:13px}.user-menu-trigger-name{display:none}.user-menu-trigger{padding:8px}.scenario-player-header{flex-direction:column;gap:12px}.scenario-player-title{font-size:20px}.scenario-outcome-header{flex-direction:column;gap:8px;text-align:center}.scenario-outcome-badge{text-align:center}.scenario-outcome-actions{flex-direction:column}.scenario-situation-header{flex-direction:column;align-items:flex-start}.scenario-mitre-grid{grid-template-columns:1fr}.scenario-choice-card{padding:14px 16px}}