@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.dashboard-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 24px;position:relative;z-index:1}.dashboard-container h1{-webkit-text-fill-color:#0000;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:800;margin:0}.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:10px 0 16px}.section-title:before{background:var(--gradient-primary);border-radius:2px;content:"";height:20px;width:4px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card h3{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.stat-card p{-webkit-text-fill-color:#0000;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.2rem;font-weight:800;margin:0}.actions-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px}.actions-list h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin-bottom:20px}.actions-list h3:before{animation:dashboardSignal 1.4s ease-in-out infinite;background:radial-gradient(circle,#60a5faf2 0 35%,#0000 40%) 0 50% /8px 8px no-repeat,radial-gradient(circle,#2dd4bfe6 0 35%,#0000 40%) 50% 50% /8px 8px no-repeat,radial-gradient(circle,#818cf8f2 0 35%,#0000 40%) 100% 50% /8px 8px no-repeat;border-radius:999px;content:"";height:12px;width:28px}.action-item{align-items:center;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:grid;grid-template-columns:2fr 2fr .5fr;padding:14px 16px;transition:background .2s ease}.action-item:hover{background:#ffffff08}.action-item:last-child{border-bottom:none}.action-item.correct{background-color:#10b9810d;border-left:3px solid #10b981}.action-item.incorrect{background-color:#ef44440d;border-left:3px solid #ef4444}.action-item span{color:var(--text-secondary);font-size:.9rem}.action-item span:first-child{color:var(--text-accent);font-weight:600}.action-item span:last-child{font-size:1rem;font-weight:600;text-align:right}.muted-note{color:var(--text-muted);font-size:.92rem;font-style:italic}.empty-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin:60px auto;max-width:500px;padding:60px 30px;text-align:center}.empty-dashboard h2{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:12px}.empty-dashboard p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:24px}.empty-dashboard button{background:var(--gradient-primary);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:12px 32px;transition:all .3s ease}.empty-dashboard button:hover{box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}@keyframes dashboardSignal{0%,to{filter:saturate(1);opacity:.85;transform:scaleX(1)}50%{filter:saturate(1.35);opacity:1;transform:scaleX(1.08)}}.actions-list,.stat-card{animation:fadeIn .5s ease forwards;opacity:0}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}@media (max-width:768px){.dashboard-container{padding:24px 16px}.action-item,.stats-grid{grid-template-columns:1fr}.action-item{gap:6px}.action-item span:last-child{text-align:left}.dashboard-container h1{font-size:1.5rem}}.dashboard-top-actions{display:flex;flex-wrap:wrap;gap:12px}.dashboard-action-button{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1rem;gap:10px;padding:10px 20px;transition:all .3s ease}.dashboard-action-button.primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 5px 15px #2563eb47;color:#fff}.dashboard-action-button.secondary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.dashboard-action-button:hover{transform:translateY(-2px)}.dashboard-action-pulse{animation:endGamePulse 1.4s ease-out infinite;background:#fffffff2;border-radius:50%;box-shadow:0 0 0 0 #ffffff73;height:12px;width:12px}@keyframes endGamePulse{0%{box-shadow:0 0 0 0 #ffffff73}to{box-shadow:0 0 0 10px #fff0}}.level-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;width:100%}.live-row{color:#4a4a4a;font-size:.85rem}.live-dot{animation:livePulse 2s infinite;background:#2ecc71;box-shadow:0 0 0 #2ecc7166}.live-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error-container{background:#f8d7da;border-radius:10px;color:#dc3545}.dialog-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-box{animation:slideUp .3s ease;background:#fff;border-radius:15px;max-width:400px;padding:30px;text-align:center;width:90%}.dialog-box.correct{border-top:5px solid #28a745}.dialog-box.incorrect{border-top:5px solid #dc3545}.dialog-box h3{font-size:1.5rem;margin-bottom:15px}.dialog-status-animation{height:82px;margin:0 auto 18px;position:relative;width:82px}.dialog-status-core,.dialog-status-ring,.dialog-status-wave{border-radius:50%;inset:0;position:absolute}.dialog-status-ring{border:4px solid;opacity:.3}.dialog-status-core{background:currentColor;inset:20px;transform:scale(.9)}.dialog-status-wave{animation:dialogPulse 1.6s ease-out infinite;border:2px solid}.dialog-status-animation.correct{color:#28a745}.dialog-status-animation.incorrect{color:#dc3545}.dialog-details{background:#f8f9fa;border-radius:8px;color:#666;font-size:.9rem;margin:15px 0;padding:10px}.dialog-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 30px;transition:all .3s ease}.dialog-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}@keyframes dialogPulse{0%{opacity:.7;transform:scale(.72)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}@keyframes livePulse{0%{box-shadow:0 0 0 0 #2ecc7199}70%{box-shadow:0 0 0 10px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}@media (max-width:768px){.level-container{border-radius:0}}.scenario-dashboard{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1400px;padding:30px 20px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin:0}.stats-summary{display:flex;flex-wrap:wrap;gap:20px}.stat-pill{align-items:center;background:#fff;border-radius:40px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:.95rem;gap:10px;padding:10px 20px}.stat-pill .label{color:#666;font-weight:500}.stat-pill .value{background:#f0f0f0;border-radius:20px;color:#333;font-weight:700;padding:3px 10px}.filters-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:20px}.search-bar{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-input{border:2px solid #e0e0e0;border-radius:30px;flex:1 1;font-size:1rem;min-width:250px;padding:12px 20px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:30px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.filter-btn.difficulty-easy{border-color:#4caf50;color:#4caf50}.filter-btn.difficulty-easy.active{background:#4caf50;color:#fff}.filter-btn.difficulty-medium{border-color:#ff9800;color:#ff9800}.filter-btn.difficulty-medium.active{background:#ff9800;color:#fff}.filter-btn.difficulty-hard{border-color:#f44336;color:#f44336}.filter-btn.difficulty-hard.active{background:#f44336;color:#fff}.filter-btn.difficulty-expert{border-color:#9c27b0;color:#9c27b0}.filter-btn.difficulty-expert.active{background:#9c27b0;color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:transform .2s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-5px)}.stat-card .stat-title{color:#666;font-size:.9rem;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-card .stat-number{color:#333;font-size:2.5rem;font-weight:700;line-height:1}.stat-card .stat-trend{color:#4caf50;font-size:.85rem;margin-top:10px}.scenarios-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.scenario-card{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 12px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.scenario-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-5px)}.scenario-card.easy{border-top:4px solid #4caf50}.scenario-card.medium{border-top:4px solid #ff9800}.scenario-card.hard{border-top:4px solid #f44336}.scenario-card.expert{border-top:4px solid #9c27b0}.card-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0;padding:20px;position:relative}.level-badge{border-radius:20px;display:inline-block;font-size:.8rem;margin-bottom:12px;padding:4px 12px}.level-badge.l1{background:#e3f2fd;color:#1976d2}.level-badge.l2{background:#e8f5e8;color:#388e3c}.level-badge.l3{background:#fff3e0;color:#f57c00}.level-badge.l4{background:#fce4ec;color:#c2185b}.level-badge.l5{background:#f3e5f5;color:#7b1fa2}.level-badge.l6{background:#e0f2f1;color:#00796b}.level-badge.l7{background:#ffebee;color:#d32f2f}.level-badge.l8{background:#e8eaf6;color:#3f51b5}.level-badge.l9{background:#fff8e1;color:#ff8f00}.card-header h3{color:#333;font-size:1.2rem;line-height:1.4;margin:0 0 8px;padding-right:70px}.card-header .scenario-id{background:#0000000d;border-radius:12px;color:#999;font-size:.75rem;padding:3px 8px;position:absolute;right:20px;top:20px}.template-icon{border-radius:15px;display:inline-block;font-size:.75rem;font-weight:600;margin-right:8px;padding:3px 10px}.template-icon.mail{background:#e3f2fd;color:#1976d2}.template-icon.browser{background:#f3e5f5;color:#7b1fa2}.template-icon.message{background:#e8f5e8;color:#388e3c}.template-icon.analysis{background:#fff3e0;color:#f57c00}.template-icon.multiphase{background:#ffebee;color:#d32f2f}.card-body{padding:20px}.meta-grid{grid-gap:12px;background:#f8f9fa;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:15px;padding:12px}.meta-item{display:flex;flex-direction:column}.meta-label{color:#999;font-size:.7rem;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.meta-value{color:#333;font-size:.9rem;font-weight:600}.meta-value.taxonomy{background:#e0e0e0;border-radius:12px;display:inline-block;padding:2px 8px}.content-preview{background:#f8f9fa;border-left:3px solid #667eea;border-radius:10px;color:#555;font-size:.9rem;line-height:1.5;margin:15px 0;max-height:80px;overflow:hidden;padding:12px;position:relative}.content-preview:after{background:linear-gradient(180deg,#0000,#f8f9fa);bottom:0;content:"";height:30px;left:0;position:absolute;right:0}.actions-display{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin:15px 0;padding:10px}.action-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:8px 0}.action-row:last-child{border-bottom:none}.action-type{color:#666}.action-type,.action-value{font-size:.85rem;font-weight:600}.action-value{border-radius:20px;padding:4px 12px}.action-value.correct{background:#e8f5e9;color:#2e7d32}.action-value.neutral{background:#fff3e0;color:#ef6c00}.action-value.wrong{background:#ffebee;color:#c62828}.links-list{margin:10px 0}.link-item{align-items:center;background:#f8f9fa;border:1px solid #e3f2fd;border-radius:8px;color:#1976d2;display:flex;font-size:.85rem;gap:8px;margin-bottom:5px;padding:8px;word-break:break-all}.link-item .link-icon{color:#1976d2;font-size:1rem}.attachments-list{margin:10px 0}.attachment-item{background:#f5f5f5;border:1px dashed #ccc;border-radius:8px;font-size:.85rem;gap:8px;margin-bottom:5px;padding:8px}.attachment-icon{color:#666}.attachment-size{color:#999;font-size:.75rem;margin-left:auto}.metrics-badges{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.metric-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:3px 10px}.metric-badge.difficulty{background:#e3f2fd;color:#1976d2}.metric-badge.attachment{background:#f3e5f5;color:#7b1fa2}.metric-badge.has-links{background:#e8f5e9;color:#2e7d32}.card-footer{background:#f8f9fa;border-top:1px solid #f0f0f0;font-size:.85rem;justify-content:space-between;padding:15px 20px}.card-footer,.footer-left{align-items:center;display:flex}.footer-left{gap:15px}.ml-status{align-items:center;display:flex;gap:5px}.ml-dot{background:#4caf50;border-radius:50%;height:8px;width:8px}.ml-dot.pending{background:#ff9800}.ml-dot.completed{background:#4caf50}.footer-right{display:flex;gap:8px}.action-icon{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.action-icon:hover{background:#667eea;border-color:#667eea;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:24px;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:100%}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}.modal-close:hover{color:#333}.modal-body{margin-top:20px}.modal-body .full-content{background:#f8f9fa;border-radius:12px;font-family:monospace;font-size:.9rem;line-height:1.6;max-height:400px;overflow-y:auto;padding:20px;white-space:pre-wrap}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin:10px 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.no-data{color:#999;font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.scenarios-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.filter-buttons,.stats-summary{width:100%}.modal-content{padding:20px}}@media (max-width:480px){.card-header h3{font-size:1rem;padding-right:50px}.meta-grid{grid-template-columns:1fr}.footer-left{align-items:flex-start;flex-direction:column;gap:5px}}@media print{.action-icon,.filters-section,.modal-overlay{display:none}.scenario-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.level-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.loading-container{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#1a73e8;height:50px;width:50px}.error-container{background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;margin:20px;padding:40px;text-align:center}.error-container h3{color:#d32f2f;margin-bottom:10px}.action-buttons{border-top:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px;padding:24px 0}.action-btn{align-items:center;border:none;border-radius:24px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease}.action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.action-btn:hover:not(:disabled):before{height:300px;width:300px}.action-btn .icon,.action-btn span{position:relative;z-index:1}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.action-btn.correct{background:linear-gradient(135deg,#dc3545,#b02a37);box-shadow:0 4px 15px #dc35454d;color:#fff}.action-btn.correct:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#9a1c28);box-shadow:0 8px 25px #dc354566;transform:translateY(-2px)}.action-btn.wrong{background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 4px 15px #28a7454d;color:#fff}.action-btn.wrong:hover:not(:disabled){background:linear-gradient(135deg,#218838,#15652b);box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.action-btn.neutral{background:linear-gradient(135deg,#6c757d,#545b62);box-shadow:0 4px 15px #6c757d4d;color:#fff}.action-btn.neutral:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#454a4f);box-shadow:0 8px 25px #6c757d66;transform:translateY(-2px)}.action-btn.investigate{background:linear-gradient(135deg,#17a2b8,#117a8b);color:#fff}.action-btn .icon{font-size:1.2em}.action-btn.small{font-size:12px;min-width:100px;padding:8px 16px}.action-btn.large{font-size:16px;min-width:180px;padding:16px 32px}.action-btn.full-width{width:100%}.mail-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;width:100%}.mail-header{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.live-indicator,.mail-header{align-items:center;display:flex}.live-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:20px;font-size:13px;gap:8px;padding:6px 12px}.live-dot{animation:pulse 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.mail-search{background:#ffffffe6;border:none;border-radius:24px;font-size:14px;outline:none;padding:8px 16px;width:300px}.mail-search:focus{background:#fff;box-shadow:0 0 0 3px #ffffff4d;width:350px}.mail-layout{display:grid;grid-template-columns:250px 1fr;min-height:600px}.mail-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;padding:20px}.compose-btn{background:#1a73e8;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:20px;padding:12px;transition:all .2s;width:100%}.compose-btn:hover:not(:disabled){background:#1557b0;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.compose-btn:disabled{cursor:not-allowed;opacity:.5}.folder-list{list-style:none;margin:0;padding:0}.folder-item{align-items:center;border-radius:20px;color:#202124;cursor:pointer;display:flex;gap:12px;margin:4px 0;padding:10px 16px;transition:all .2s}.folder-item:hover{background:#e8f0fe}.folder-item.active{background:#e8f0fe;color:#1a73e8;font-weight:500}.folder-count{background:#e8eaed;border-radius:12px;font-size:12px;margin-left:auto;padding:2px 8px}.mail-content{background:#fff;display:grid;grid-template-columns:400px 1fr}.email-list{background:#fafafa;border-right:1px solid #e0e0e0;max-height:700px;overflow-y:auto}.email-item{grid-gap:12px;align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:grid;gap:12px;grid-template-columns:24px 1fr 80px;padding:16px 20px;transition:all .2s}.email-item:hover{background:#f5f5f5;transform:translateX(2px)}.email-item.selected{background:#e8f0fe;border-left:4px solid #1a73e8}.email-item.unread{background:#fff;font-weight:600}.email-sender{color:#202124;font-weight:inherit}.email-sender,.email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-subject{color:#5f6368;font-size:.9rem}.email-date{color:#5f6368;font-size:12px;text-align:right}.email-preview{background:#fff;max-height:700px;overflow-y:auto;padding:30px}.email-header{border-bottom:2px solid #f0f0f0;gap:16px;margin-bottom:20px;padding-bottom:20px}.avatar,.email-header{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#1a73e8,#0d47a1);border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:600;height:56px;justify-content:center;width:56px}.sender-details{flex:1 1;min-width:0}.sender-name{color:#202124;font-size:18px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-email{align-items:center;color:#5f6368;cursor:help;display:inline-flex;font-size:14px;gap:8px;padding:2px 0;position:relative}.email-tooltip{background:#333;border-radius:6px;bottom:100%;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;left:0;margin-bottom:5px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:1000}.email-tooltip:after{border:5px solid #0000;border-top-color:#333;content:"";left:10px;position:absolute;top:100%}.email-body{background:#f9f9f9;border-left:4px solid #0078d4;border-radius:8px;color:#333;font-size:15px;line-height:1.8;margin-bottom:20px;min-height:200px;white-space:pre-wrap;word-break:break-word}.phishing-warning-badge{align-items:center;animation:slideIn .3s ease;background:#fef7e0;border:1px solid #f9ab00;border-radius:8px;color:#202124;display:flex;gap:12px;margin-bottom:20px;padding:12px 20px}.links-section{background:#f0f0f0;border-left:4px solid #dc3545;border-radius:8px;margin:20px 0;padding:15px}.links-section p{color:#dc3545;font-weight:600;margin:0 0 10px}.suspicious-link{color:#dc3545;font-family:monospace;word-break:break-all}.attachment-area{background:#f8f9fa;border:1px dashed #dadce0;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;padding:20px}.attachment{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:24px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 16px;transition:all .2s}.attachment:hover{background:#f1f3f4;border-color:#1a73e8}.browser-container{box-shadow:0 4px 20px #00000026}.browser-header{align-items:center;background:#f1f3f4;border-bottom:1px solid #dadce0;display:flex;gap:12px;padding:12px 20px}.browser-controls{display:flex;gap:8px}.browser-dot{background:#dadce0}.browser-dot:first-child{background:#ff5f56}.browser-dot:nth-child(2){background:#ffbd2e}.browser-dot:nth-child(3){background:#27c93f}.browser-title{color:#202124;font-weight:600;margin-right:auto}.browser-url-bar{background:#fff;border:1px solid #dadce0;border-radius:24px;flex:1 1;gap:8px;padding:4px 12px}.browser-url-input{font-size:14px;outline:none;padding:8px 0}.ssl-indicator{border-radius:12px;font-size:11px;padding:4px 8px}.ssl-indicator.secure{background:#e6f4ea;color:#137333}.ssl-indicator.insecure{background:#fce8e6;color:#d93025}.warning-banner{background:#fef7e0;border:1px solid #f9ab00;color:#202124}.suspicious-elements{background:#fee;border-radius:8px;margin:20px 0;padding:15px}.browser-footer{border-top:1px solid #e0e0e0;color:#5f6368;font-size:12px}.message-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:400px}.message-header{background:#075e54;gap:12px;padding:16px}.message-avatar{align-items:center;background:#128c7e;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.message-sender{font-weight:600}.message-timestamp{font-size:11px;margin-left:auto;opacity:.8}.message-bubble{border-radius:18px;margin:16px;max-width:80%;padding:12px 16px;position:relative}.message-bubble.sent{background:#dcf8c6;margin-left:auto}.message-bubble.received{background:#fff;border:1px solid #e0e0e0;margin-right:auto}.message-link-preview{background:#0000000d;border-radius:8px;margin-top:10px;padding:10px}.notification-container{animation:slideDown .3s ease;box-shadow:0 8px 30px #0000004d;max-width:400px}.notification-header{align-items:center;background:#1a73e8;display:flex;gap:12px;padding:16px}.notification-icon{font-size:24px}.notification-title{flex:1 1}.notification-time{opacity:.8}.notification-content{padding:20px}.notification-message{line-height:1.6;margin-bottom:20px}.notification-actions{border-top:1px solid #f0f0f0;gap:12px;padding-top:16px}.notification-btn{font-weight:600;padding:10px}.notification-btn.allow{background:#e6f4ea;color:#137333}.notification-btn.block{background:#fce8e6;color:#d93025}.notification-btn.dismiss{background:#f1f3f4;color:#5f6368}.image-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin:0 auto;max-width:600px;overflow:hidden}.image-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px}.image-title{color:#202124;font-size:18px;font-weight:600}.image-preview{background:#f5f5f5;padding:30px;text-align:center}.qr-code{align-items:center;background:linear-gradient(45deg,#000 25%,#0000 0),linear-gradient(-45deg,#000 25%,#0000 0);background-position:0 0,0 10px;background-size:20px 20px;border:2px solid #333;color:#666;display:flex;font-size:12px;height:200px;justify-content:center;margin:0 auto;width:200px}.image-caption{color:#5f6368;font-size:14px;margin-top:16px}.image-warning{background:#fef7e0;border-left:4px solid #f9ab00;border-radius:4px;margin:20px;padding:12px 16px}.analysis-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026}.analysis-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px}.analysis-title{font-size:24px;font-weight:600;margin-bottom:8px}.analysis-subtitle{font-size:14px;opacity:.9}.analysis-content{padding:30px}.metric-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.metric-card{background:#f8f9fa;border-radius:8px;padding:20px}.metric-value{color:#1a73e8;font-size:32px;font-weight:700;margin-bottom:8px}.metric-label{color:#5f6368;font-size:14px}.multiphase-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026}.multiphase-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;flex-wrap:wrap;gap:15px}.threat-indicator{min-width:200px}.threat-label{color:#999;font-size:12px;letter-spacing:1px}.threat-bar{background:#404040;border-radius:4px;height:8px;margin-bottom:5px}.threat-fill.medium{background:#ff9800}.threat-fill.high{background:#f44336}.threat-fill.critical{animation:pulse 1s infinite;background:#d32f2f}.threat-value{font-size:14px;font-weight:600}.live-row{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;gap:8px;padding:6px 12px}.live-time{color:#ccc;font-size:12px}.timer-container{background:#0000004d;padding:8px 15px}.timer-icon{font-size:16px}.timer-value{font-weight:600;min-width:40px}.timer-bar{background:#404040;border-radius:2px;height:4px}.timer-fill{background:#ff9800}.phase-timeline{background:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-around;padding:20px}.phase-marker{flex:1 1}.phase-dot{background:#e0e0e0;color:#666;font-weight:600;margin:0 auto 8px}.phase-dot.active{background:#1a73e8;box-shadow:0 0 0 3px #1a73e84d;color:#fff}.phase-dot.correct{background:#34a853;color:#fff}.phase-dot.wrong{background:#ea4335;color:#fff}.phase-label{color:#666;font-size:12px}.phase-status{font-size:14px;right:30%}.phase-title{border-bottom:2px solid #f0f0f0;color:#202124;font-size:24px;margin-bottom:20px;padding-bottom:10px}.evidence-box{background:#f8f9fa;border-left:4px solid #1a73e8;padding:15px}.evidence-toggle{color:#1a73e8;font-size:14px}.evidence-list{list-style-type:none;margin-top:10px;padding-left:20px}.evidence-list li{color:#5f6368;font-size:13px;padding:5px 0}.evidence-list li:before{content:"⚠️";margin-right:8px}.evidence-box.urgent{background:#ffebee;border-left-color:#d32f2f}.progress-summary{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px}.summary-stats{gap:30px;margin-top:10px}.summary-item{display:flex;flex-direction:column}.summary-label{color:#666;font-size:11px;text-transform:uppercase}.summary-value{color:#202124;font-size:18px;font-weight:600}.feedback-overlay{background:#000000b3;z-index:1000}.feedback-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d}.feedback-overlay.correct .feedback-content{border-top:4px solid #34a853}.feedback-overlay.incorrect .feedback-content{border-top:4px solid #ea4335}.feedback-content h2{font-size:32px;margin-bottom:20px}.feedback-overlay.correct h2{color:#34a853}.feedback-overlay.incorrect h2{color:#ea4335}.feedback-details{background:#f8f9fa;border-radius:12px}.feedback-details p{color:#202124;margin:8px 0}.ml-feedback{background:#e8f0fe;border-radius:12px;padding:15px}.ml-models{gap:15px;margin-top:15px}.ml-model{background:#fff;border-radius:30px}.model-name{color:#1a73e8}.prediction{border-radius:20px;padding:4px 12px}.prediction.phishing{background:#fce8e6;color:#d93025}.prediction.legitimate{background:#e6f4ea;color:#137333}.confidence{color:#5f6368;font-weight:600;margin-left:auto}.explanation{color:#202124;font-size:16px;line-height:1.6}.next-hint{color:#5f6368}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.mail-layout{grid-template-columns:1fr}.mail-sidebar{border-bottom:1px solid #e0e0e0;border-right:none}.mail-content{grid-template-columns:1fr}.email-list{max-height:300px}}@media (max-width:768px){.level-container{padding:10px}.mail-header{align-items:stretch;flex-direction:column}.mail-search,.mail-search:focus{width:100%}.email-item{grid-template-columns:24px 1fr auto}.email-preview{padding:16px}.action-buttons{flex-direction:column}.action-btn{width:100%}.phase-timeline{flex-direction:column;gap:10px}.phase-marker{align-items:center;display:flex;gap:10px}.phase-dot{margin:0}.notification-actions{flex-direction:column}.metric-grid{grid-template-columns:1fr}}@media (max-width:480px){.mail-container{border-radius:0}.email-header{align-items:flex-start;flex-direction:column}.avatar{font-size:18px;height:40px;width:40px}.email-preview{padding:16px}.attachment{justify-content:center;width:100%}.card-header h3{font-size:1rem}.meta-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.analysis-container,.browser-container,.image-container,.mail-container,.message-container,.multiphase-container,.notification-container{background:#1a1a1a;color:#e0e0e0}.email-list,.mail-sidebar{background:#2d2d2d;border-right-color:#404040}.email-item{border-bottom-color:#404040;color:#e0e0e0}.email-item:hover{background:#3d3d3d}.email-preview{background:#1a1a1a}.email-body,.sender-name{color:#e0e0e0}.attachment-area,.email-body{background:#2d2d2d}.attachment,.attachment-area{border-color:#404040}.attachment{background:#1a1a1a}.attachment,.folder-item{color:#e0e0e0}.folder-item:hover{background:#3d3d3d}.phishing-warning-badge{background:#332e1c;border-color:#f9ab00;color:#e0e0e0}.browser-header{background:#2d2d2d;border-bottom-color:#404040}.browser-url-bar{border-color:#404040}.browser-content,.browser-url-bar{background:#1a1a1a}.feedback-content{background:#2d2d2d;color:#e0e0e0}.feedback-details{background:#1a1a1a}.ml-feedback{background:#1a3a5a}.action-btn.neutral{background:linear-gradient(135deg,#404040,#2d2d2d)}}@media print{.action-btn,.browser-header,.compose-btn,.feedback-overlay,.folder-item,.live-indicator,.mail-search{display:none!important}.browser-container,.mail-container,.multiphase-container{border:1px solid #ccc;box-shadow:none}.browser-content,.email-preview,.phase-card{break-inside:avoid;page-break-inside:avoid}}.browser-container{animation:slideIn .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px;overflow:hidden}.browser-header{background:linear-gradient(135deg,#2c3e50,#1a252f);color:#fff;padding:15px 20px}.browser-title{font-size:.9rem;margin-bottom:10px;opacity:.9}.browser-url-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;display:flex;gap:10px;padding:8px 15px}.browser-url-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.9rem;padding:5px}.browser-url-input:focus{outline:none}.ssl-indicator{border-radius:20px;font-size:.7rem;font-weight:600;padding:4px 10px;text-transform:uppercase;transition:all .3s ease}.ssl-indicator.secure{background:#4caf50;color:#fff}.ssl-indicator.insecure{animation:pulse 2s infinite;background:#ff9800;color:#fff}.browser-content{animation:fadeIn .5s ease-out;background:#fff;min-height:400px;padding:30px}.warning-banner{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:8px;color:#fff;display:flex;gap:10px;margin-bottom:25px;padding:15px}.warning-banner:before{content:"⚠️";font-size:1.5rem}.suspicious-section{background:#fff5f5;border-left:5px solid #ff4757;border-radius:8px;margin-top:25px;padding:20px}.suspicious-section ul{color:#666;margin:10px 0 0;padding-left:20px}.suspicious-section li{color:#ff4757;margin:5px 0}.browser-footer{background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.8rem;justify-content:space-between;padding:15px 20px}.browser-actions{background:#f8f9fa;border-top:2px solid #e9ecef;display:flex;gap:10px;padding:20px}.browser-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s ease}.browser-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.browser-btn:hover:before{height:300px;width:300px}.browser-btn.close{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff}.browser-btn.ignore{background:linear-gradient(135deg,#feca57,#ff9f43);color:#333}.browser-btn.report{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff}.browser-html-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.browser-html-content h1,.browser-html-content h2,.browser-html-content h3{color:#2c3e50}.browser-html-content a{color:#007bff;text-decoration:none}.browser-html-content a:hover{text-decoration:underline}@media (max-width:768px){.browser-actions,.browser-url-bar{flex-direction:column}.browser-url-bar{align-items:stretch}.ssl-indicator{text-align:center}}.message-container{animation:slideIn .5s ease-out;background:#f0f2f5;border-radius:20px;box-shadow:0 10px 30px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:500px;overflow:hidden}.message-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;display:flex;justify-content:space-between;padding:20px}.message-header strong{font-size:1.2rem}.message-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:20px;font-size:.8rem;padding:5px 12px}.message-warning{animation:pulse 2s infinite;background:#ff4757;color:#fff;font-weight:600;padding:15px;text-align:center}.message-area{background:#e5ddd5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="rgba%28255,255,255,0.05%29"/></svg>');min-height:300px;padding:20px}.message-bubble{display:flex;margin:10px 0}.message-bubble.incoming{justify-content:flex-start}.message-bubble.outgoing{justify-content:flex-end}.message-content{animation:popIn .3s ease-out;border-radius:20px;max-width:70%;padding:12px 16px;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-content.incoming{background:#fff;border-bottom-left-radius:5px;box-shadow:0 2px 5px #0000001a}.message-content.outgoing{background:#dcf8c6;border-bottom-right-radius:5px;box-shadow:0 2px 5px #0000001a}.message-sender{color:#666;font-size:.7rem;margin-bottom:3px}.message-text{word-wrap:break-word;font-size:.9rem;line-height:1.4}.message-time{color:#999;font-size:.6rem;margin-top:3px;text-align:right}.message-link-warning{align-items:center;background:#ffebee;border:1px solid #ef9a9a;border-radius:10px;color:#c62828;display:flex;font-size:.8rem;gap:5px;margin-top:8px;padding:8px}.message-link-indicator{animation:blink 1s infinite;background:#c62828;border-radius:50%;display:inline-block;height:20px;width:20px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.message-links{background:#f5f5f5;border-left:5px solid #ff4757;border-radius:10px;margin:20px 0;padding:15px}.message-links ul{margin:10px 0 0;padding-left:20px}.message-links li{color:#ff4757;font-family:monospace;margin:5px 0;word-break:break-all}.message-input-area{background:#f0f2f5;border-top:1px solid #ddd;display:flex;gap:10px;padding:15px}.message-input{border:none;border-radius:30px;box-shadow:inset 0 2px 5px #0000000d;flex:1 1;font-size:.9rem;outline:none;padding:12px 20px;transition:all .3s ease}.message-input:focus{box-shadow:0 0 0 3px #25d3664d}.message-send-btn{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:30px;box-shadow:0 4px 6px #25d3664d;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.message-send-btn:hover:not(:disabled){box-shadow:0 6px 12px #25d36666;transform:translateY(-2px)}.message-send-btn:disabled{cursor:not-allowed;opacity:.5}.message-actions{background:#fff;border-top:1px solid #ddd;display:flex;gap:10px;padding:15px}.message-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.message-action-btn.block{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff}.message-action-btn.report{background:linear-gradient(135deg,#feca57,#ff9f43);color:#333}.message-action-btn.safe{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff}@media (max-width:480px){.message-actions,.message-input-area{flex-direction:column}.message-content{max-width:85%}}.notification-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:850px;overflow:hidden;width:100%}.notification-header{background:#1d4ed8;color:#fff;font-size:1.1rem;font-weight:600;padding:14px}.notification-list{border-bottom:1px solid #e5e7eb;max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px;transition:background .2s}.notification-item:hover{background:#f8fafc}.notification-item.selected{background:#eff6ff;border-left:3px solid #1d4ed8}.notification-title{color:#1f2937;font-weight:600;margin-bottom:4px;overflow-wrap:anywhere}.notification-message{color:#475569;font-size:14px;margin-bottom:4px;overflow-wrap:anywhere}.notification-time{color:#64748b;font-size:12px}.notification-detail{background:#f8fafc;border-top:1px solid #e5e7eb;padding:14px}.notification-detail p{color:#4b5563;line-height:1.6;margin:8px 0}.notification-detail strong{color:#1f2937}.notification-suspicious{background:#fee2e2;border:1px solid #ef4444;border-radius:6px;color:#b91c1c;font-weight:500;margin-top:10px;padding:10px}.notification-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.notification-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;min-height:44px;min-width:44px;padding:10px 20px;transition:all .2s}.notification-btn.block{background:#ef4444;color:#fff}.notification-btn.block:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.notification-btn.ignore{background:#6b7280;color:#fff}.notification-btn.ignore:hover:not(:disabled){background:#4b5563;transform:translateY(-2px)}.notification-btn.safe{background:#10b981;color:#fff}.notification-btn.safe:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.notification-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.notification-actions{flex-direction:column}.notification-btn{width:100%}.notification-item{padding:10px}.notification-title{font-size:.95rem}.notification-message{font-size:.85rem}}.analysis-container{animation:forestReveal .8s ease-out;background:linear-gradient(135deg,#1a472a,#2d5a3a);border:3px solid #4caf50;border-radius:30px;box-shadow:0 20px 60px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:30px auto;max-width:900px;overflow:hidden;position:relative}@keyframes forestReveal{0%{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.analysis-container:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="rgba%2876,175,80,0.1%29"/></svg>');bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.analysis-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:3px solid #4caf50;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.analysis-header:after{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.nature-icon{animation:bounce 2s infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:5rem;margin-bottom:20px}.analysis-header h2{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:15px;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.analysis-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px;position:relative;z-index:1}.bonus-badge{animation:glow 2s infinite;background:linear-gradient(135deg,gold,#ffb347);border-radius:50px;box-shadow:0 4px 15px #ffd70066;color:#333;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-top:25px;padding:10px 30px;position:relative;text-transform:uppercase;z-index:1}@keyframes glow{0%,to{box-shadow:0 4px 15px #ffd70066}50%{box-shadow:0 8px 30px #ffd700cc}}.analysis-content{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin:30px;padding:40px}.analysis-html{background:#f8f9fa;border-left:8px solid #4caf50;border-radius:15px;box-shadow:inset 0 2px 5px #0000000d;color:#2d3748;font-size:1.1rem;line-height:1.8;margin-bottom:30px;padding:25px}.analysis-html h1,.analysis-html h2,.analysis-html h3{color:#2d3748;margin:20px 0 15px}.analysis-html p{margin:15px 0}.analysis-html img{border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:20px 0;max-width:100%}.question-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.question-header h3{color:#2d3748;font-size:1.3rem;margin:0}.hint-btn{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.hint-btn:hover:not(:disabled){box-shadow:0 5px 15px #ff980066;transform:translateY(-2px)}.hint-btn:disabled{cursor:not-allowed;opacity:.5}.hint-box{animation:slideIn .3s ease-out;background:#fff3e0;border-left:5px solid #ff9800;border-radius:10px;margin:20px 0;padding:20px}.question-card{background:#f8f9fa;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:30px}.question-text{color:#2d3748;font-size:1.3rem;font-weight:500;line-height:1.5;margin-bottom:25px}.options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:25px 0}.analysis-option{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 5px #0000000d;color:#2d3748;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s ease}.analysis-option:hover:not(:disabled):not(.selected){border-color:#4caf50;box-shadow:0 8px 15px #4caf5033;transform:translateY(-2px)}.analysis-option.selected{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 5px 15px #4caf5066;color:#fff;transform:scale(1.02)}.analysis-option.selected:before{color:#ffffffb3;content:"✓";font-size:1.2rem;font-weight:700;position:absolute;right:10px;top:10px}.analysis-option:disabled{cursor:not-allowed;opacity:.5}.question-progress{background:#f0f0f0;border-radius:50px;display:flex;gap:10px;justify-content:center;margin:30px 0 0;padding:20px}.progress-dot{background:#ddd;border-radius:50%;height:12px;position:relative;transition:all .3s ease;width:12px}.progress-dot.active{background:#4caf50;box-shadow:0 0 15px #4caf50;transform:scale(1.5)}.progress-dot.completed{background:#4caf50}.progress-dot.completed:before{color:#fff;content:"✓";font-size:.7rem;left:3px;position:absolute;top:-2px}.analysis-complete{animation:fadeIn .5s ease-out;padding:20px;text-align:center}.success-animation{margin:30px 0}.checkmark{animation:checkmarkPop .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 10px 30px #4caf5066;color:#fff;font-size:3rem;height:80px;line-height:80px;margin:0 auto;text-align:center;width:80px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.score-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:inline-block;margin:30px 0;min-width:200px;padding:20px}.score-circle{font-size:2.5rem;font-weight:700;margin-bottom:10px}.score-number{font-size:3rem}.score-total{font-size:1.5rem;opacity:.7}.score-text{font-size:1rem;margin:0;opacity:.9}.worksheet-download{background:#f0fff4;border:2px dashed #4caf50;border-radius:15px;margin:30px 0;padding:25px}.worksheet-download p{color:#2d3748;font-weight:600;margin-bottom:20px}.attachment-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000000d;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.attachment-item:hover{box-shadow:0 5px 15px #4caf5033;transform:translateX(5px)}.attachment-icon{font-size:1.5rem}.attachment-name{color:#2d3748;flex:1 1;font-weight:500}.attachment-size{color:#666;font-size:.9rem}.download-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.download-btn:hover{box-shadow:0 5px 15px #4caf5066;transform:translateY(-2px)}.nature-fact{background:#e8f5e9;border-left:5px solid #4caf50;border-radius:15px;margin-top:30px;padding:25px;text-align:left}.nature-fact h4{color:#2d3748;font-size:1.1rem;margin-bottom:15px}.nature-fact p{color:#4a5568;font-style:italic;line-height:1.6;margin:0}.analysis-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;display:flex;gap:20px;justify-content:center;padding:30px}.analysis-btn{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;min-width:180px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.analysis-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.analysis-btn:hover:not(:disabled):before{height:300px;width:300px}.analysis-btn:disabled{cursor:not-allowed;opacity:.5}.analysis-btn.skip{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#333}.analysis-btn.reset{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.analysis-btn.review{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.analysis-btn.complete{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066;color:#fff}@media (max-width:768px){.analysis-container{margin:20px}.analysis-header h2{font-size:1.8rem}.analysis-content{margin:15px;padding:20px}.options-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column;gap:10px}.analysis-btn{font-size:1rem;padding:12px 20px;width:100%}.attachment-item{flex-direction:column;text-align:center}.download-btn{width:100%}}@media (prefers-color-scheme:dark){.analysis-content{background:#1a202c;color:#e2e8f0}.question-card{background:#2d3748}.question-text{color:#e2e8f0}.analysis-option{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.analysis-option:hover:not(:disabled):not(.selected){border-color:#4caf50}.nature-fact{background:#2d3748}.nature-fact p{color:#e2e8f0}.worksheet-download{background:#2d3748}.attachment-item{background:#1a202c}.attachment-name{color:#e2e8f0}}.mailbrowser-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.mailbrowser-header{align-items:center;background:#1d4ed8;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px}.mailbrowser-header strong{font-size:1.1rem}.mailbrowser-tabs{display:flex;flex-wrap:wrap;gap:8px}.mailbrowser-tab{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-height:36px;min-width:70px;padding:6px 16px;transition:all .2s}.mailbrowser-tab:hover{background:#ffffff1a}.mailbrowser-tab.active{background:#fff;border-color:#fff;color:#1d4ed8}.mailbrowser-split{grid-gap:1px;background:#e5e7eb;display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mailbrowser-panel{background:#fff;overflow-wrap:anywhere;padding:14px}.mailbrowser-panel h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.mailbrowser-panel p{color:#4b5563;line-height:1.5;margin:8px 0}.mailbrowser-panel strong{color:#1f2937}.mailbrowser-summary{background:#f8fafc;padding:16px}.mailbrowser-summary h4{color:#1f2937;margin-bottom:12px;margin-top:0}.mailbrowser-summary p{color:#4b5563;line-height:1.6;margin:0}.mailbrowser-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding:16px}.mailbrowser-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;min-height:44px;min-width:44px;padding:10px 20px;transition:all .2s}.mailbrowser-btn.report{background:#ef4444;color:#fff}.mailbrowser-btn.report:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.mailbrowser-btn.investigate{background:#f59e0b;color:#fff}.mailbrowser-btn.investigate:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.mailbrowser-btn.safe{background:#10b981;color:#fff}.mailbrowser-btn.safe:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.mailbrowser-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.mailbrowser-header{align-items:flex-start;flex-direction:column}.mailbrowser-tabs{width:100%}.mailbrowser-tab{flex:1 1;text-align:center}.mailbrowser-split{grid-template-columns:1fr}.mailbrowser-actions{flex-direction:column}.mailbrowser-btn{width:100%}}.multichannel-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1300px;overflow:hidden;width:100%}.multichannel-header{background:#b91c1c;color:#fff;font-size:1.1rem;font-weight:600;padding:14px}.multichannel-tabs{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.multichannel-tab{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;min-height:40px;min-width:80px;padding:8px 16px;transition:all .2s}.multichannel-tab:hover{background:#f3f4f6;border-color:#9ca3af}.multichannel-tab.active{background:#b91c1c;border-color:#b91c1c;color:#fff}.multichannel-grid{display:grid;grid-template-columns:200px 1fr 200px;min-height:420px}.multichannel-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;padding:14px}.multichannel-sidebar.right{border-left:1px solid #e5e7eb;border-right:none}.multichannel-sidebar h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.multichannel-sidebar ol{color:#4b5563;margin:0;padding-left:20px}.multichannel-sidebar li{margin-bottom:8px}.multichannel-sidebar p{color:#4b5563;line-height:1.5;margin:8px 0}.multichannel-sidebar strong{color:#1f2937}.multichannel-main{min-width:0;overflow-wrap:anywhere;padding:14px}.multichannel-main h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1rem;margin-bottom:12px;margin-top:0;padding-bottom:8px}.multichannel-main p{color:#4b5563;line-height:1.6;margin:8px 0}.multichannel-main strong{color:#1f2937}.multichannel-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding:16px}.multichannel-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;min-height:44px;min-width:44px;padding:10px 20px;transition:all .2s}.multichannel-btn.block{background:#b91c1c;color:#fff}.multichannel-btn.block:hover:not(:disabled){background:#991b1b;transform:translateY(-2px)}.multichannel-btn.report{background:#f59e0b;color:#fff}.multichannel-btn.report:hover:not(:disabled){background:#d97706;transform:translateY(-2px)}.multichannel-btn.safe{background:#10b981;color:#fff}.multichannel-btn.safe:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.multichannel-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.multichannel-grid{grid-template-columns:1fr}.multichannel-sidebar{border-bottom:1px solid #e5e7eb;border-right:none}.multichannel-sidebar.right{border-left:none;border-top:1px solid #e5e7eb}}@media (max-width:768px){.multichannel-tabs{justify-content:center}.multichannel-tab{flex:1 1;text-align:center}.multichannel-actions{flex-direction:column}.multichannel-btn{width:100%}}.multiphase-container{animation:terminalGlitch .5s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #f44;border-radius:20px;box-shadow:0 20px 60px #00000080;font-family:Courier New,monospace;margin:20px auto;max-width:900px;overflow:hidden;position:relative}@keyframes terminalGlitch{0%{opacity:0;transform:skewX(-10deg)}20%{transform:skewX(10deg)}40%{transform:skewX(-5deg)}60%{transform:skewX(5deg)}80%{transform:skewX(-2deg)}to{opacity:1;transform:skewX(0)}}.multiphase-container:before{animation:scanlines 10s linear infinite;background:repeating-linear-gradient(0deg,#00ff0008,#00000080 2px,#0000 3px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(100%)}}.multiphase-header{align-items:center;background:#0f0f1f;border-bottom:2px solid #f44;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative}.multiphase-header:after{color:#ff44441a;content:"CLASSIFIED";font-size:3rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-30deg);white-space:nowrap}.threat-indicator{flex:1 1;margin-right:20px}.threat-label{color:#f44;font-size:.8rem;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.threat-bar{background:#1a1a2e;border:2px solid #f44;border-radius:10px;height:20px;overflow:hidden;position:relative}.threat-fill{animation:pulse 1s infinite;height:100%;position:relative;transition:width .3s ease}.threat-fill.critical{background:linear-gradient(90deg,#f44,#f88)}.threat-fill.high{background:linear-gradient(90deg,#f84,#fa4)}.threat-fill.medium{background:linear-gradient(90deg,#fd4,#ff4)}.threat-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.threat-value{color:#f44;font-size:1.2rem;font-weight:700;margin-left:10px}.timer-container{align-items:center;background:#00000080;border:1px solid #f44;border-radius:30px;display:flex;gap:10px;padding:10px 20px}.timer-icon{font-size:1.2rem}.timer-value{color:#f44;font-family:monospace;font-size:1.5rem;font-weight:700}.timer-bar{background:#333;border-radius:3px;height:6px;overflow:hidden;width:60px}.timer-fill{background:linear-gradient(90deg,#f44,#f84);height:100%;transition:width 1s linear}.phase-timeline{background:#0f0f1f;display:flex;justify-content:space-between;padding:30px 40px;position:relative}.phase-timeline:before{background:linear-gradient(90deg,#f44,#f84,#fd4,#4f4);content:"";height:2px;left:60px;position:absolute;right:60px;top:50%;transform:translateY(-50%);z-index:1}.phase-marker{position:relative;text-align:center;z-index:2}.phase-dot{align-items:center;background:#1a1a2e;border:3px solid #666;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin:0 auto 10px;position:relative;transition:all .3s ease;width:40px}.phase-dot.active{animation:pulse 1s infinite;border-color:#f44;box-shadow:0 0 20px #f44;transform:scale(1.2)}.phase-dot.correct{background:#4caf50;border-color:#4caf50}.phase-dot.wrong{background:#f44;border-color:#f44}.phase-dot:before{border:2px solid #0000;border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:all .3s ease}.phase-dot.active:before{animation:ripple 1s infinite;border-color:#f44}.phase-label{color:#888;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.phase-status{align-items:center;border-radius:50%;display:flex;font-size:.7rem;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.multiphase-content{min-height:500px;padding:30px}.phase-title{border-bottom:2px solid #f44;color:#fff;font-family:Courier New,monospace;font-size:1.8rem;letter-spacing:2px;margin-bottom:25px;padding-bottom:15px;text-shadow:2px 2px 4px #ff44444d;text-transform:uppercase}.phase-card{animation:slideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ff44444d;border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:30px}.email-preview{background:#0f0f1f;border:1px solid #333;border-radius:10px;margin-bottom:20px;overflow:hidden}.email-header{background:#1a1a2e;border-bottom:1px solid #333;padding:15px}.email-from,.email-subject{color:#ddd;font-size:.9rem;margin-bottom:5px}.email-from strong,.email-subject strong{color:#f44;margin-right:10px}.email-body{color:#ddd;line-height:1.6;padding:20px}.browser-window{background:#0f0f1f;border:1px solid #333;border-radius:10px;margin-bottom:20px;overflow:hidden}.browser-bar{align-items:center;background:#1a1a2e;border-bottom:1px solid #333;display:flex;gap:8px;padding:10px}.browser-dot{border-radius:50%;height:12px;width:12px}.browser-dot.red{background:#ff5f56}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#27c93f}.browser-url{background:#0f0f1f;border:1px solid #333;border-radius:20px;color:#f44;flex:1 1;font-family:monospace;font-size:.9rem;margin-left:10px;padding:5px 15px}.login-page{padding:30px;text-align:center}.login-page h3{color:#fff;margin-bottom:20px}.login-form{margin:0 auto;max-width:300px}.login-input{background:#0f0f1f;border:1px solid #333;border-radius:5px;color:#fff;font-family:monospace;margin-bottom:10px;padding:12px;width:100%}.login-input:focus{border-color:#f44;outline:none}.login-btn{background:linear-gradient(135deg,#f44,#c00);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.login-btn:hover{box-shadow:0 5px 15px #f446;transform:translateY(-2px)}.ssl-warning{animation:blink 1s infinite;color:#f44;font-size:.9rem;margin-top:15px}.download-warning{margin-bottom:25px;text-align:center}.warning-icon{animation:shake .5s infinite;font-size:3rem;margin-bottom:15px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.file-info{align-items:center;background:#0f0f1f;border:1px solid #f44;border-radius:10px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.file-icon{font-size:2.5rem}.file-details{flex:1 1}.file-name{color:#f44;font-size:1.1rem;font-weight:700;margin-bottom:5px}.file-size,.file-type{color:#888;font-size:.9rem}.network-alert{background:#ff44441a;border:2px solid #f44;border-radius:10px;margin-bottom:25px;overflow:hidden;padding:20px;position:relative;text-align:center}.alert-glow{animation:pulse 2s infinite;background:radial-gradient(circle at center,#f443 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.network-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-item{background:#0f0f1f;border:1px solid #333;border-radius:8px;padding:15px}.stat-label{color:#888;font-size:.8rem;margin-bottom:5px}.stat-value{color:#f44;font-family:monospace;font-size:1.1rem;font-weight:700}.evidence-box{background:#0f0f1f;border:1px solid #333;border-radius:8px;margin:20px 0;overflow:hidden}.evidence-box.urgent{animation:pulse 2s infinite;border-color:#f44}.evidence-toggle{background:#1a1a2e;color:#fff;cursor:pointer;font-size:.9rem;margin:0;padding:15px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.evidence-toggle:hover{background:#2a2a3e}.evidence-list{animation:fadeIn .3s ease-out;list-style:none;margin:0;padding:15px}.evidence-list li{border-bottom:1px solid #333;color:#f44;font-family:monospace;font-size:.9rem;padding:8px 0}.evidence-list li:last-child{border-bottom:none}.phase-actions{display:flex;gap:15px;margin-top:25px}.phase-actions.final{margin-top:30px}.phase-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:15px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.phase-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.phase-btn:hover:not(:disabled):before{height:300px;width:300px}.phase-btn:disabled{cursor:not-allowed;opacity:.5}.phase-btn.wrong{background:linear-gradient(135deg,#f44,#c00);color:#fff}.phase-btn.neutral{background:linear-gradient(135deg,#fb3,#fa0);color:#333}.phase-btn.correct{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf5066;color:#fff}.progress-summary{background:#0f0f1f;border-top:2px solid #f44;padding:20px 30px}.progress-summary h4{color:#fff;font-size:1rem;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.summary-stats{display:flex;justify-content:space-between}.summary-item{flex:1 1;text-align:center}.summary-label{color:#888;display:block;font-size:.8rem;margin-bottom:5px}.summary-value{color:#f44;font-family:monospace;font-size:1.2rem;font-weight:700}@media (max-width:768px){.multiphase-header{flex-direction:column;gap:15px}.phase-timeline{padding:20px}.phase-timeline:before{left:40px;right:40px}.phase-actions{flex-direction:column}.network-stats{grid-template-columns:1fr}.summary-stats{flex-direction:column;gap:10px}.file-info{flex-direction:column;text-align:center}}@media (prefers-color-scheme:light){.multiphase-container{border-color:#f44}}.consent-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.consent-container{animation:slideUp .6s ease;margin:0 auto;max-width:900px;width:100%}.university-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid var(--border-subtle);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;padding:32px;position:relative;text-align:center}.university-header:before{background:var(--gradient-secondary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.university-header h1{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:4px}.university-header h2{color:var(--text-secondary);font-size:.95rem;font-weight:400;margin-bottom:16px}.ethics-badge{background:var(--gradient-primary);border-radius:var(--radius-pill);box-shadow:0 4px 12px #6366f140;color:#fff;display:inline-block;font-family:var(--font-mono);font-size:.82rem;margin-bottom:16px;padding:6px 18px}.ethics-ref{letter-spacing:.02em}.supervisor-info{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px}.supervisor-info p{color:var(--text-secondary);font-size:.88rem;margin:4px 0}.supervisor-info strong{color:var(--text-primary)}.consent-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;padding:40px}.consent-card h2{color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:28px;padding-bottom:14px;position:relative}.consent-card h2:after{background:var(--gradient-primary);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.consent-section{background:#ffffff05;border:1px solid var(--border-subtle);border-left:3px solid #6366f1;border-radius:var(--radius-md);margin-bottom:20px;padding:20px;transition:all .3s ease}.consent-section:hover{background:#ffffff0a;box-shadow:var(--shadow-sm);transform:translateX(4px)}.consent-section h3{color:var(--text-accent);font-size:1.05rem;font-weight:600;margin-bottom:12px}.consent-section p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin-bottom:8px}.consent-section p:last-child{margin-bottom:0}.consent-section ul{list-style:none;margin:8px 0 0;padding:0}.consent-section li{color:var(--text-secondary);font-size:.92rem;line-height:1.6;padding:6px 0 6px 22px;position:relative}.consent-section li:before{color:#34d399;content:"✓";font-size:.85rem;font-weight:700;left:0;position:absolute}.consent-section a{color:var(--text-accent);text-decoration:none;transition:color .2s}.consent-section a:hover{color:#a5b4fc;text-decoration:underline}.data-points{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:14px 0}.data-point{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;text-align:center}.data-point .point-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.model-comparison{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:14px 0}.model-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;transition:all .3s ease}.model-card:hover{border-color:var(--border-accent)}.model-card h4{color:var(--text-accent);font-size:1rem;margin-bottom:8px}.model-card p{margin:0}.model-card p,.model-note{color:var(--text-muted);font-size:.88rem}.model-note{background:#fbbf240f;border-left:3px solid #fbbf24;border-radius:var(--radius-sm);font-style:italic;margin-top:10px;padding:12px}.session-id{background:#6366f126;border-radius:var(--radius-pill);color:#a5b4fc;display:inline-block;font-family:var(--font-mono);font-size:.82rem;margin:0 4px;padding:3px 10px}.consent-checkbox{align-items:flex-start;background:#6366f10f;border:1px solid var(--border-accent);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;margin:24px 0;padding:18px 20px;transition:all .3s ease}.consent-checkbox:hover{background:#6366f11a;transform:translateY(-1px)}.consent-checkbox input{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.consent-checkbox span{color:var(--text-secondary);flex:1 1;font-size:.92rem;line-height:1.5}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#f87171;font-size:.92rem;margin-bottom:16px;padding:14px;text-align:center}.enter-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:1.1rem;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.enter-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.enter-button:hover:not(:disabled):before{height:400px;width:400px}.enter-button:hover:not(:disabled){box-shadow:0 10px 30px #6366f159;transform:translateY(-2px)}.enter-button:disabled{background:var(--bg-glass);border:1px solid var(--border-light);cursor:not-allowed;opacity:.4}.enter-button.loading{background:var(--bg-glass);cursor:wait}.session-info{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;text-align:center}.session-info p{color:var(--text-muted);font-size:.85rem;margin:2px 0}.session-id-display{background:#6366f11a;border-radius:4px;color:var(--text-accent);font-family:var(--font-mono);font-size:.82rem;font-weight:600;padding:3px 8px}.session-note{color:var(--text-muted);font-size:.8rem;margin-top:4px}.consent-footer{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:16px;padding:16px 20px;text-align:center}.consent-footer p{color:var(--text-muted);font-size:.82rem;margin:3px 0}@media (max-width:768px){.consent-page{padding:20px 12px}.university-header{padding:20px}.university-header h1{font-size:1.4rem}.consent-card{padding:24px 18px}.consent-card h2{font-size:1.3rem}.model-comparison{grid-template-columns:1fr}.data-points{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.data-points{grid-template-columns:1fr}.consent-checkbox{align-items:center;flex-direction:column;text-align:center}}.game-container{--bg-surface:#ffffffeb;--bg-surface-strong:#fffffffa;--bg-soft:#0f172a14;--ink:#0f172a;--muted:#64748b;--accent:#1d4ed8;--accent-2:#2563eb;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--shadow-lg:0 20px 60px #0f172a40;--shadow-md:0 14px 30px #0f172a2e;--shadow-sm:0 8px 18px #0f172a1f;--radius-xl:18px;--radius-lg:14px;--radius-md:10px;--radius-pill:999px;color:#0f172a;font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;isolation:isolate;min-height:100vh;padding:24px;position:relative;transition:background .3s ease}.game-container:before{background-image:radial-gradient(circle at 15% 15%,#ffffff38,#0000 40%),radial-gradient(circle at 85% 20%,#ffffff2e,#0000 45%),radial-gradient(circle at 70% 85%,#ffffff1f,#0000 50%);content:"";inset:0;opacity:.45;pointer-events:none;position:absolute;z-index:0}.game-container>*{position:relative;z-index:1}.theme-corporate{background:linear-gradient(135deg,#0f1b4c,#123e7c 50%,#0b4b9b)}.theme-browser{background:linear-gradient(135deg,#27333b,#1f2b32)}.theme-mobile{background:linear-gradient(135deg,#0f766e,#065f59)}.theme-advanced{background:linear-gradient(135deg,#1e293b,#0f172a)}.theme-educational{background:linear-gradient(135deg,#14532d,#166534)}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-surface);border:1px solid #ffffff8c;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:25px;padding:22px}.level-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.level-badge{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:14px;font-weight:600;letter-spacing:.2px;padding:8px 16px}.difficulty-badge,.level-badge{border-radius:var(--radius-pill)}.difficulty-badge{box-shadow:0 6px 14px #0000001f;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.difficulty-badge.easy{background:var(--success);color:#fff}.difficulty-badge.advanced_easy{background:var(--warning);color:#fff}.difficulty-badge.medium{background:#f97316;color:#fff}.difficulty-badge.hard{background:#dc2626;color:#fff}.difficulty-badge.expert{background:#000;color:#fff}.difficulty-badge.bonus_analysis{background:#7c3aed;color:#fff}.scenario-progress{background:#0f172a14;border-radius:var(--radius-pill);color:var(--ink);font-weight:600;padding:8px 16px}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.overall-progress{flex:1 1;min-width:200px}.progress-text{color:var(--muted);font-size:14px;margin-bottom:5px}.progress-track{background:#0f172a1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),#38bdf8);height:100%;transition:width .3s ease}.score-display{align-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-weight:600;gap:8px;padding:8px 20px}.score-value{font-size:24px;font-weight:700}.timer{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:#fff;font-size:18px;font-weight:600;padding:8px 20px;transition:all .3s ease}.timer-warning{animation:pulse 1s infinite;background:linear-gradient(135deg,var(--danger),#dc2626)}.dashboard-button{background:#0f172ae6;border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.dashboard-button:hover{background:#0f172a;transform:translateY(-2px)}.dashboard-button:focus-visible{outline:3px solid #3b82f680;outline-offset:2px}.level-description{background:var(--bg-surface);border-left:5px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px;margin-bottom:20px;padding:12px 20px}.loading-screen{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;flex-direction:column}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}.level-loading{color:#fff;font-size:18px;padding:40px;text-align:center}.error-screen{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.error-screen h2{font-size:32px;margin-bottom:20px}.error-screen p{font-size:18px;margin-bottom:30px;opacity:.9}.btn-primary{background:#fff;border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:#b91c1c;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.game-complete-overlay{align-items:center;animation:fadeIn .5s ease;background:linear-gradient(135deg,#1d4ed8,#2563eb);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.game-complete-content{animation:slideUp .5s ease;background:var(--bg-surface-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:40px;text-align:center;width:90%}.complete-icon{font-size:80px;margin-bottom:20px}.game-complete-content h2{color:var(--ink);font-size:28px;margin-bottom:20px}.game-complete-content p{color:var(--muted);font-size:18px;margin-bottom:15px}.game-complete-content strong{color:var(--accent);font-size:24px}.accuracy-stat{background:var(--bg-soft);padding:15px}.accuracy-stat,.level-breakdown{border-radius:var(--radius-md);margin:20px 0}.level-breakdown{background:#0f172a0a;padding:20px;text-align:left}.level-breakdown h3{color:var(--ink);font-size:16px;margin-bottom:15px}.level-stat{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.level-stat:last-child{border-bottom:none}.redirect-hint{color:#94a3b8;font-size:14px;margin-top:20px}.level-transition-overlay{align-items:center;animation:fadeIn .5s ease;background:linear-gradient(135deg,#1d4ed8,#2563eb);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transition-content{animation:slideUp .5s ease;background:var(--bg-surface-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:450px;padding:40px;text-align:center;width:90%}.transition-check{align-items:center;animation:scaleIn .5s ease;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.transition-content h2{color:var(--ink);margin-bottom:15px}.transition-content p{color:var(--muted);margin-bottom:10px}.transition-next{background:var(--bg-soft);border-radius:var(--radius-md);margin:20px 0;padding:15px}.transition-next strong{color:var(--accent);font-size:20px;margin:0 5px}.next-difficulty{color:var(--muted);font-size:14px;text-transform:capitalize}.next-description,.next-features{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0}.transition-loader{animation:spin 1s linear infinite;border:4px solid #0f172a1f;border-radius:50%;border-top:4px solid var(--accent);height:50px;margin:20px auto 0;width:50px}.feedback-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:900}.feedback-overlay.correct{background:#16a34aeb}.feedback-overlay.incorrect{background:#ef4444eb}.feedback-content{animation:slideUp .3s ease;background:var(--bg-surface-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;padding:40px;text-align:center;width:90%}.feedback-content h2{color:var(--ink);font-size:36px;margin-bottom:15px}.points-earned{animation:bounce .5s ease;color:var(--success);font-size:28px;font-weight:700;margin:10px 0}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.feedback-details{background:var(--bg-soft);border-radius:var(--radius-md);margin:20px 0;padding:20px;text-align:left}.feedback-details p{color:var(--ink);margin:10px 0}.feedback-details strong{color:var(--accent)}.ml-feedback{background:#0f172a0a;border-left:5px solid var(--accent);border-radius:var(--radius-md);margin:20px 0;padding:20px}.ml-feedback h3{color:var(--ink);font-size:16px;margin-bottom:15px}.ml-models{flex-direction:column}.ml-model,.ml-models{display:flex;gap:10px}.ml-model{align-items:center;background:var(--bg-surface-strong);border-radius:8px;box-shadow:0 6px 12px #0f172a14;padding:8px}.model-name{color:var(--muted);font-weight:600;min-width:80px}.prediction{flex:1 1;font-weight:600;text-transform:capitalize}.prediction.phishing{color:var(--danger)}.prediction.safe{color:var(--success)}.prediction.suspicious{color:var(--warning)}.confidence{color:#94a3b8;font-size:14px;min-width:50px;text-align:right}.explanation{color:var(--ink);font-size:18px;line-height:1.5;margin:20px 0}.learning-tip{background:#f59e0b26;border-left:5px solid var(--warning);border-radius:10px;color:#92400e;font-size:14px;margin:20px 0;padding:15px;text-align:left}.next-hint{color:#94a3b8;font-size:14px;margin-top:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:768px){.game-header{padding:15px}.level-info{gap:10px}.header-controls{align-items:stretch;flex-direction:column;gap:10px}.overall-progress{width:100%}.dashboard-button,.score-display,.timer{text-align:center;width:100%}.feedback-content{padding:25px;width:95%}.feedback-content h2{font-size:28px}.ml-models{flex-direction:column}}.thankyou-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.thankyou-page:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.thankyou-page:after{background:linear-gradient(#0000,#0000001a);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.thankyou-card-wrap{animation:cardAppear .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:40px;box-shadow:0 30px 80px #0000004d;max-width:1000px;overflow:hidden;padding:60px 50px;position:relative;width:100%;z-index:10}@keyframes cardAppear{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.thankyou-card-wrap:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#667eea33 0,#0000 70%);right:-100px;top:-100px}.thankyou-card-wrap:after,.thankyou-card-wrap:before{border-radius:50%;content:"";height:300px;position:absolute;width:300px}.thankyou-card-wrap:after{animation:float 6s ease-in-out infinite reverse;background:radial-gradient(circle,#764ba233 0,#0000 70%);bottom:-100px;left:-100px}.thankyou-icon{align-items:center;animation:iconPop .6s ease-out .2s both;display:flex;height:120px;justify-content:center;margin:0 auto 30px;position:relative;width:120px}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.thankyou-icon-core{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;box-shadow:0 15px 30px #48bb7866;display:flex;height:80px;justify-content:center;position:relative;width:80px;z-index:2}.thankyou-icon-core:before{animation:checkmark .4s ease-out .4s both;color:#fff;content:"✓";font-size:48px;font-weight:700}@keyframes checkmark{0%{opacity:0;transform:scale(.5) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.thankyou-icon-ring{animation:ripple 2s infinite;border:3px solid #48bb78;border-radius:50%;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.thankyou-icon-ring.delayed{animation-delay:1s}@keyframes ripple{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.thankyou-heading{-webkit-text-fill-color:#0000;animation:slideUp .6s ease-out .3s both;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;letter-spacing:-1px;margin-bottom:15px;text-align:center;text-shadow:2px 2px 4px #0000001a}.thankyou-subtitle{animation:fadeIn .6s ease-out .4s both;border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:1.3rem;margin-bottom:40px;padding-bottom:30px;position:relative;text-align:center}.thankyou-subtitle:after{animation:expandWidth .6s ease-out .6s both;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;bottom:-2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes expandWidth{0%{width:0}to{width:100px}}.thankyou-stats{grid-gap:25px;animation:fadeInUp .6s ease-out .5s both;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-bottom:50px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.thankyou-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #fffc;border-radius:20px;box-shadow:0 10px 20px #0000000d;overflow:hidden;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.thankyou-stat:hover{box-shadow:0 20px 30px #0000001a;transform:translateY(-10px)}.thankyou-stat:before{background:radial-gradient(circle,#fffc 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.thankyou-stat:hover:before{opacity:1}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2d3748;display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:10px}.stat-label{color:#718096;display:block;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.performance-box{animation:fadeInUp .6s ease-out .6s both;background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 15px 30px #0000001a;margin-bottom:50px;overflow:hidden;padding:40px;position:relative}.performance-box:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#48bb78,#fbbf24);content:"";height:5px;left:0;position:absolute;right:0;top:0}.performance-title{color:#2d3748;font-size:1.8rem;margin-bottom:30px;padding-bottom:20px;position:relative;text-align:center}.performance-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.performance-bars{margin-bottom:40px}.bar-item{margin-bottom:25px}.bar-label{color:#4a5568;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.bar-label span:first-child{color:#718096;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.bar-label span:last-child{color:#2d3748;font-weight:700}.bar-track{background:#edf2f7;box-shadow:inset 0 2px 4px #0000000d;height:16px;width:100%}.bar-fill,.bar-track{border-radius:8px;overflow:hidden;position:relative}.bar-fill{height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.bar-fill.safe{background:linear-gradient(90deg,#48bb78,#38a169)}.bar-fill.risky{background:linear-gradient(90deg,#f56565,#c53030)}.bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.bar-value{color:#4a5568;display:inline-block;font-size:.9rem;font-weight:600;margin-top:5px}.level-breakdown{border-top:2px dashed #cbd5e0;margin-top:40px;padding-top:30px}.breakdown-title{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.breakdown-row{grid-gap:15px;align-items:center;animation:slideInRight .3s ease-out;animation-fill-mode:both;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:15px;grid-template-columns:100px 1fr 80px;margin-bottom:12px;padding:12px 15px;transition:all .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.breakdown-row:hover{background:#fff;border-color:#667eea;box-shadow:0 5px 15px #0000000d;transform:translateX(5px)}.breakdown-level{text-transform:uppercase}.breakdown-level,.breakdown-score{color:#2d3748;font-size:1rem;font-weight:700}.breakdown-score{text-align:right}.performance-note{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-left:5px solid #4299e1;border-radius:15px;color:#2c5282;font-size:1rem;line-height:1.6;margin-top:40px;overflow:hidden;padding:25px;position:relative;text-align:center}.performance-note:before{content:"🔒";font-size:2rem;left:10px;opacity:.1;position:absolute;top:10px;transform:rotate(-15deg)}.thankyou-actions{animation:fadeInUp .6s ease-out .8s both;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.btn{box-shadow:0 10px 20px #0000001a;font-size:1.1rem;letter-spacing:1px;min-width:200px;padding:16px 40px;text-transform:uppercase;transition:all .3s ease}.btn:before{background:#ffffff4d;transition:width .6s,height .6s}.btn:hover:not(:disabled):before{height:300px;width:300px}.btn:hover:not(:disabled){box-shadow:0 15px 30px #00000026;transform:translateY(-3px)}.btn:active:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.btn-outline{background:#fff;border:2px solid #cbd5e0;color:#4a5568}.btn-outline:hover:not(:disabled){background:#f7fafc;border-color:#a0aec0}@media (max-width:1024px){.thankyou-card-wrap{padding:40px 30px}.thankyou-heading{font-size:3rem}.thankyou-stats{gap:15px}.stat-number{font-size:2.5rem}}@media (max-width:768px){.thankyou-card-wrap{padding:30px 20px}.thankyou-heading{font-size:2.5rem}.thankyou-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.breakdown-row{font-size:.9rem;gap:10px;grid-template-columns:80px 1fr 70px}.thankyou-actions{flex-direction:column;gap:15px}.btn{font-size:1rem;padding:14px 20px;width:100%}.performance-box{padding:25px}.performance-title{font-size:1.5rem}}@media (max-width:480px){.thankyou-stats{grid-template-columns:1fr}.stat-number,.thankyou-heading{font-size:2rem}.breakdown-row{gap:8px;grid-template-columns:1fr;text-align:center}.breakdown-level{font-size:1.1rem}.breakdown-score{text-align:center}.btn{font-size:.9rem;padding:12px 16px}}@media (prefers-color-scheme:dark){.thankyou-card-wrap{background:#1a202cf2}.thankyou-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a0aec0,#cbd5e0);-webkit-background-clip:text}.thankyou-subtitle{border-bottom-color:#2d3748;color:#cbd5e0}.thankyou-stat{background:#2d3748;border-color:#4a5568}.stat-number{color:#e2e8f0}.stat-label{color:#a0aec0}.performance-box{background:#1a202c;border-color:#2d3748}.performance-title{color:#e2e8f0}.bar-label{color:#cbd5e0}.bar-label span:first-child{color:#a0aec0}.bar-label span:last-child{color:#e2e8f0}.bar-track{background:#2d3748}.breakdown-title{color:#e2e8f0}.breakdown-row{background:#2d3748;border-color:#4a5568}.breakdown-level,.breakdown-score{color:#e2e8f0}.breakdown-row:hover{background:#1a202c;border-color:#667eea}.performance-note{background:#2d3748;border-left-color:#4299e1;color:#90cdf4}.btn-outline{background:#0000;border-color:#4a5568;color:#cbd5e0}.btn-outline:hover:not(:disabled){background:#2d3748;border-color:#667eea}}@media print{.thankyou-page{background:#fff;padding:20px}.thankyou-card-wrap{box-shadow:none;padding:0}.btn{display:none}.thankyou-icon{animation:none}.thankyou-icon-core{box-shadow:none}.bar-fill:after{animation:none}}.thankyou-stat:first-child{animation:fadeInUp .6s ease-out .5s both}.thankyou-stat:nth-child(2){animation:fadeInUp .6s ease-out .6s both}.thankyou-stat:nth-child(3){animation:fadeInUp .6s ease-out .7s both}.thankyou-stat:nth-child(4){animation:fadeInUp .6s ease-out .8s both}.breakdown-row:first-child{animation-delay:.1s}.breakdown-row:nth-child(2){animation-delay:.2s}.breakdown-row:nth-child(3){animation-delay:.3s}.breakdown-row:nth-child(4){animation-delay:.4s}.breakdown-row:nth-child(5){animation-delay:.5s}.thankyou-card-wrap::-webkit-scrollbar{width:10px}.thankyou-card-wrap::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.thankyou-card-wrap::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.thankyou-card-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46a0)}.metrics-page{margin:0 auto;max-width:960px;min-height:100vh;padding:40px 24px 60px;position:relative;z-index:1}.metrics-header{animation:fadeSlideDown .6s ease;margin-bottom:32px;text-align:center}.metrics-header-icon{filter:drop-shadow(0 0 20px rgba(0,229,255,.3));font-size:3rem;margin-bottom:8px}.metrics-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:6px}.metrics-subtitle{color:#7dd3fc;font-size:1rem;opacity:.8}.metrics-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.tab-btn{background:#00e5ff0a;border:1px solid #00e5ff26;border-radius:50px;color:#94a3b8;cursor:pointer;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;padding:10px 22px;transition:all .3s ease}.tab-btn:hover{background:#00e5ff14;border-color:#00e5ff4d;color:#e2e8f0}.tab-btn.active{background:linear-gradient(135deg,#00e5ff26,#6366f126);border-color:#00e5ff66;box-shadow:0 0 20px #00e5ff1a;color:#00e5ff}.tab-content{animation:fadeIn .4s ease}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #00e5ff14;border-radius:16px;overflow:hidden;padding:24px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card.accuracy:before{background:linear-gradient(90deg,#00e5ff,#06b6d4)}.metric-card.precision:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.metric-card.recall:before{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card.f1:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-card:hover{background:#ffffff0f;border-color:#00e5ff33;box-shadow:0 8px 30px #00e5ff14;transform:translateY(-4px)}.metric-card:hover:before{opacity:1}.metric-icon{font-size:1.8rem;margin-bottom:8px}.metric-card h3{color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800;margin-bottom:12px}.metric-bar{background:#ffffff0f;border-radius:4px;height:4px;margin-bottom:10px;overflow:hidden;width:100%}.metric-bar-fill{border-radius:4px;height:100%;transition:width 1.2s ease}.metric-card.accuracy .metric-bar-fill{background:linear-gradient(90deg,#00e5ff,#06b6d4)}.metric-card.precision .metric-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.metric-card.recall .metric-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)}.metric-card.f1 .metric-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.metric-desc{color:#64748b;font-size:.78rem;line-height:1.4}.confusion-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #00e5ff14;border-radius:16px;padding:32px}.section-heading{color:#f1f5f9;font-size:1.4rem;font-weight:700;margin-bottom:6px;text-align:center}.section-desc{color:#64748b;font-size:.88rem;margin-bottom:28px;text-align:center}.matrix-container{margin:0 auto;max-width:560px}.matrix-labels-top{grid-gap:10px;display:grid;gap:10px;grid-template-columns:140px 1fr 1fr;margin-bottom:10px}.matrix-axis-label{color:#7dd3fc;font-size:.72rem;font-weight:700;letter-spacing:1px;padding:4px;text-align:center;text-transform:uppercase}.matrix-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:140px 1fr 1fr;margin-bottom:10px}.row-label{align-items:center;display:flex;justify-content:center;text-align:center}.matrix-cell{border:1px solid #ffffff0f;border-radius:12px;padding:20px 14px;text-align:center;transition:all .3s ease}.matrix-cell:hover{transform:scale(1.03)}.matrix-cell.tn{background:#10b9811a;border-color:#10b98140}.matrix-cell.fp{background:#fbbf241a;border-color:#fbbf2440}.matrix-cell.fn{background:#ef44441a;border-color:#ef444440}.matrix-cell.tp{background:#00e5ff1a;border-color:#00e5ff40}.matrix-cell-value{color:#f1f5f9;font-size:2rem;font-weight:800;margin-bottom:4px}.matrix-cell-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.matrix-cell-desc{color:#64748b;font-size:.72rem}.arch-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #00e5ff14;border-radius:16px;padding:32px}.arch-pipeline{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.pipeline-step{background:#00e5ff0a;border:1px solid #00e5ff1f;border-radius:12px;max-width:200px;min-width:160px;padding:18px 16px;text-align:center;transition:all .3s ease}.pipeline-step:hover{background:#00e5ff14;border-color:#00e5ff40;box-shadow:0 4px 20px #00e5ff1a;transform:translateY(-3px)}.step-number{align-items:center;background:linear-gradient(135deg,#00e5ff,#6366f1);border-radius:50%;color:#0a1628;display:flex;font-size:.85rem;font-weight:800;height:28px;justify-content:center;margin:0 auto 10px;width:28px}.step-content h4{color:#e2e8f0;font-size:.88rem;margin-bottom:6px}.step-content p{color:#64748b;font-size:.75rem;line-height:1.4}.pipeline-arrow{color:#00e5ff;font-size:1.5rem;font-weight:700;opacity:.5}.arch-details{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:18px;transition:all .3s ease}.detail-card:hover{background:#00e5ff0a;border-color:#00e5ff1f}.detail-card h4{color:#7dd3fc;font-size:.9rem;margin-bottom:6px}.detail-card p{color:#94a3b8;font-size:.82rem;line-height:1.5}.metrics-footer{display:flex;gap:14px;justify-content:center;margin-top:36px}.btn-back,.btn-dashboard{border:none;border-radius:50px;cursor:pointer;font-family:Inter,sans-serif;font-size:.92rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-back{background:#00e5ff14;border:1px solid #00e5ff33;color:#7dd3fc}.btn-back:hover{background:#00e5ff26;box-shadow:0 4px 20px #00e5ff26;transform:translateY(-2px)}.btn-dashboard{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-dashboard:hover{box-shadow:0 8px 25px #6366f159;transform:translateY(-2px)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.arch-pipeline{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}.pipeline-step{max-width:100%;width:100%}.matrix-labels-top,.matrix-row{grid-template-columns:100px 1fr 1fr}.matrix-axis-label{font-size:.65rem}.metrics-page{padding:24px 16px 40px}}@media (max-width:480px){.arch-details,.metrics-grid{grid-template-columns:1fr}.metrics-tabs{align-items:stretch;flex-direction:column}.matrix-labels-top,.matrix-row{grid-template-columns:80px 1fr 1fr}}.metrics-header-icon{font-size:0;height:96px;margin:0 auto 8px;position:relative;width:96px}.metrics-signal{border-radius:50%;inset:0;position:absolute}.metrics-signal.core{background:linear-gradient(135deg,#00e5ff,#6366f1);inset:28px}.metrics-signal.ring{animation:metricsPulse 1.8s ease-out infinite;border:2px solid #00e5ff73}.metrics-signal.ring.delayed{animation-delay:.7s}.metric-icon{display:inline-block;font-size:0;height:28px;position:relative;width:28px}.metric-icon:after,.metric-icon:before{content:"";position:absolute}.metric-icon.accuracy:before{animation:metricsSpin 2.4s linear infinite;border:3px solid #00e5ff;border-radius:50%;box-shadow:inset 0 0 0 4px #00e5ff29;inset:2px}.metric-icon.precision:before{border:3px solid #818cf8;border-radius:50%;height:18px;left:5px;top:5px;width:18px}.metric-icon.precision:after{background:#818cf8;border-radius:999px;bottom:1px;height:3px;right:2px;transform:rotate(45deg);width:10px}.metric-icon.recall:before{background:linear-gradient(180deg,#10b981,#34d399);inset:3px}.metric-icon.recall:after,.metric-icon.recall:before{-webkit-clip-path:polygon(50% 0,88% 16%,88% 52%,50% 100%,12% 52%,12% 16%);clip-path:polygon(50% 0,88% 16%,88% 52%,50% 100%,12% 52%,12% 16%)}.metric-icon.recall:after{animation:metricsPulse 1.6s ease-out infinite;border:2px solid #34d39980;inset:0}.metric-icon.f1:before{background:linear-gradient(180deg,#f59e0b,#fbbf24);border-radius:999px;height:24px;left:12px;top:2px;width:4px}.metric-icon.f1:after{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;height:4px;left:4px;top:12px;width:20px}.pipeline-arrow{font-size:0;height:12px;opacity:.7;position:relative;width:44px}.pipeline-arrow:after,.pipeline-arrow:before{content:"";position:absolute;top:50%}.pipeline-arrow:before{animation:pipelineFlow 1.1s ease-in-out infinite;background:linear-gradient(90deg,#00e5ff33,#00e5ff);border-radius:999px;height:3px;left:0;transform:translateY(-50%);width:32px}.pipeline-arrow:after{border-right:3px solid #00e5ff;border-top:3px solid #00e5ff;height:10px;right:1px;transform:translateY(-50%) rotate(45deg);width:10px}@keyframes metricsPulse{0%{opacity:.7;transform:scale(.82)}to{opacity:0;transform:scale(1.1)}}@keyframes metricsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg-primary:#0a1628;--bg-secondary:#0d2137;--bg-tertiary:#0f3049;--bg-card:#0d2137b3;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff14;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--gradient-secondary:linear-gradient(135deg,#00e5ff,#06b6d4 50%,#6366f1);--gradient-accent:linear-gradient(135deg,#00e5ff,#6366f1 50%,#a855f7);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-danger:linear-gradient(135deg,#ef4444,#f43f5e);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-accent:#7dd3fc;--border-subtle:#00e5ff0f;--border-light:#00e5ff1a;--border-accent:#00e5ff4d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px #6366f126;--shadow-glow-accent:0 0 40px #8b5cf633;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:50px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a1628;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff0f;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff14;background:var(--bg-glass-hover);border-color:#00e5ff1a;border-color:var(--border-light);box-shadow:0 0 30px #6366f126;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:20px;z-index:1}.btn,.container{position:relative}.btn{align-items:center;border:none;border-radius:50px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.95rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--gradient-primary);box-shadow:0 4px 15px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff1a;border:1px solid var(--border-light);color:#f1f5f9;color:var(--text-primary)}.btn-secondary:hover{background:#ffffff14;background:var(--bg-glass-hover);border-color:#00e5ff4d;border-color:var(--border-accent)}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);background:var(--gradient-success);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#f43f5e);background:var(--gradient-danger);box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-outline{background:#0000;border:2px solid #00e5ff4d;border:2px solid var(--border-accent);color:#7dd3fc;color:var(--text-accent)}.btn-outline:hover{background:#6366f11a;border-color:#818cf8}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}input,select,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff1a;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#f1f5f9;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8.825 1.175 4l1.063-1.062L6 6.7l3.763-3.763L10.825 4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in{animation:slideIn .5s ease forwards}.scale-in{animation:scaleIn .3s ease forwards}.slide-up{animation:slideUp .6s ease forwards}.text-center{text-align:center}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#06b6d4 50%,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.loading-screen{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:1.2rem;gap:12px;justify-content:center;min-height:100vh}.loading-screen:before{animation:spin .8s linear infinite;border:3px solid #00e5ff1a;border:3px solid var(--border-light);border-radius:50%;border-top:3px solid #6366f1;content:"";height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.error-screen{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;background:var(--bg-glass);border:1px solid #ef444433;border-radius:20px;border-radius:var(--radius-xl);margin:80px auto;max-width:500px;padding:60px 30px;text-align:center}.error-screen h2{color:#f87171;font-size:1.5rem;margin-bottom:12px}.error-screen p{color:#94a3b8;color:var(--text-secondary);margin-bottom:24px}.error-screen button{background:linear-gradient(135deg,#ef4444,#f43f5e);background:var(--gradient-danger);border:none;border-radius:50px;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .3s ease}.error-screen button:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.disclaimer-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.disclaimer-container{animation:scaleIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff0f;border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-xl);max-width:800px;padding:48px;width:100%}.disclaimer-icon{font-size:3rem;margin-bottom:8px;text-align:center}.disclaimer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#06b6d4 50%,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:32px;text-align:center}.disclaimer-content{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.disclaimer-section{background:#ffffff05;border:1px solid #00e5ff0f;border:1px solid var(--border-subtle);border-left:3px solid #6366f1;border-radius:12px;border-radius:var(--radius-md);padding:20px;transition:all .3s ease}.disclaimer-section:hover{background:#ffffff0a;transform:translateX(4px)}.disclaimer-section h3{color:#7dd3fc;color:var(--text-accent);font-size:1.05rem;font-weight:600;margin-bottom:8px}.disclaimer-section p{color:#94a3b8;color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin:0}.disclaimer-section ul{list-style:none;margin:8px 0 0;padding:0}.disclaimer-section li{color:#94a3b8;color:var(--text-secondary);font-size:.92rem;padding:4px 0 4px 20px;position:relative}.disclaimer-section li:before{color:#6366f1;content:"•";left:4px;position:absolute}.disclaimer-checkbox{align-items:center;background:#6366f114;border:1px solid #00e5ff4d;border:1px solid var(--border-accent);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;margin-bottom:20px;padding:18px 20px;transition:all .3s ease}.disclaimer-checkbox:hover{background:#6366f11f}.disclaimer-checkbox input{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:20px;width:20px}.disclaimer-checkbox span{color:#94a3b8;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.disclaimer-actions{display:flex;gap:12px}.btn-proceed{background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff1a;border:1px solid var(--border-light);border-radius:50px;border-radius:var(--radius-pill);color:#64748b;color:var(--text-muted);cursor:not-allowed;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease}.btn-proceed.active{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);background:var(--gradient-primary);border:none;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer}.btn-proceed.active:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn-clear-data{background:#ffffff0a;background:var(--bg-glass);border:1px solid #00e5ff1a;border:1px solid var(--border-light);border-radius:50px;border-radius:var(--radius-pill);color:#64748b;color:var(--text-muted);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.95rem;font-weight:500;padding:14px 24px;transition:all .3s ease}.btn-clear-data:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}@media (max-width:768px){.disclaimer-container{padding:28px 20px}.disclaimer-actions{flex-direction:column}}.disclaimer-icon{font-size:0;height:88px;margin:0 auto 8px;position:relative;width:88px}.shield-core,.shield-wave{inset:0;position:absolute}.shield-core{background:linear-gradient(180deg,#38bdf8,#6366f1)}.shield-core,.shield-wave{-webkit-clip-path:polygon(50% 0,90% 16%,90% 52%,50% 100%,10% 52%,10% 16%);clip-path:polygon(50% 0,90% 16%,90% 52%,50% 100%,10% 52%,10% 16%)}.shield-wave{animation:disclaimerPulse 1.8s ease-out infinite;border:2px solid #38bdf873}@keyframes disclaimerPulse{0%{opacity:.75;transform:scale(.85)}to{opacity:0;transform:scale(1.08)}}.bg-wrapper{background:linear-gradient(160deg,#0a1628,#0d2137 30%,#0f3049 60%,#0a1e30);min-height:100vh;overflow:hidden;position:relative}.bg-wrapper:before{animation:bgDrift 30s ease-in-out infinite alternate;background:radial-gradient(ellipse at 15% 75%,#1478a01f 0,#0000 55%),radial-gradient(ellipse at 85% 25%,#00e5ff0f 0,#0000 45%),radial-gradient(ellipse at 50% 50%,#6366f10d 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#14648c14 0,#0000 50%);content:"";height:200%;left:-50%;top:-50%;width:200%}.bg-wrapper:before,.faded-logo{pointer-events:none;position:fixed;z-index:0}.faded-logo{animation:logoPulse 20s ease-in-out infinite;background-image:url(/static/media/Enphisim.5fe99a040f671750c4a7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 60px rgba(0,229,255,.08));height:360px;left:50%;opacity:.04;top:50%;transform:translate(-50%,-50%);width:360px}@keyframes bgDrift{0%{transform:translate(0) rotate(0deg) scale(1)}50%{transform:translate(-3%,3%) rotate(1.5deg) scale(1.02)}to{transform:translate(-5%,5%) rotate(3deg) scale(1)}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 60px rgba(0,229,255,.08));opacity:.04;transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 80px rgba(0,229,255,.12));opacity:.06;transform:translate(-50%,-50%) scale(1.03)}}@media (max-width:768px){.faded-logo{height:220px;opacity:.03;width:220px}}
/*# sourceMappingURL=main.ff64b77c.css.map*/