*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;font-size:14px;line-height:1.5}.app-container{width:100%;max-width:400px;position:relative}.iphone-frame{background:#1a1a1a;border-radius:40px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;z-index:10}.iphone-frame::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:6px;background:#333;border-radius:3px}.iphone-frame::after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:4px;background:#333;border-radius:2px}.app-content{background:#fff;border-radius:25px;overflow:hidden;height:700px;position:relative;display:flex;flex-direction:column}.page{background:0 0}.page-content{background:0 0}.page{position:absolute;top:0;left:0;right:0;bottom:80px;opacity:0;visibility:hidden;transform:translateX(100px);transition:all .3s ease;overflow-y:auto;padding-bottom:10px}.page.active{opacity:1;visibility:visible;transform:translateX(0)}.page-content{padding:20px 25px 100px 25px;min-height:auto;height:auto}#quiz-page{margin-bottom:75px}.explanation ul{margin-bottom:12px}.explanation ul li{margin-bottom:12px}.header-image{text-align:center;margin-bottom:30px}.placeholder-image{background:url('../images/phishing_quiz_header.png') center top/contain;background-repeat:no-repeat;border-radius:15px;padding:20px;color:#fff;margin-bottom:20px;position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.placeholder-image h2{font-size:26px;font-weight:700;text-align:center;line-height:1.2;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#2c5aa0,#3266cc);padding:8px 16px;border-radius:12px;margin-top:auto;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:600px){.placeholder-image{background-size:100% auto;background-position:center top;padding:15px;min-height:170px}.placeholder-image h2{font-size:22px;padding:8px 16px;width:100%;max-width:none}}@media (max-width:500px){.placeholder-image{background-size:100% auto;background-position:center top;padding:15px;min-height:150px}.placeholder-image h2{font-size:20px;padding:8px 14px;width:100%;max-width:none}}.intro-text h1{font-size:28px;color:#2d3748;margin-bottom:20px;line-height:1.3}.intro-text p{font-size:14px;color:#718096;line-height:1.6;margin-bottom:15px}.progress-bar{display:none}.progress{height:100%;background:linear-gradient(90deg,#3266cc,#3ccece);border-radius:3px;transition:width .3s ease;width:0%}.question-counter{display:none}.question-text{background:#fff;padding:20px;border-radius:8px;border:2px solid #e2e8f0;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.question-content h3{font-size:20px;color:#2d3748;margin-bottom:15px;font-weight:600}.instruction{font-size:16px;color:#4a5568;margin-bottom:0;font-weight:500}.fake-link-tooltip{position:absolute;background:#2d3748;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.3);border:1px solid #4a5568}.fake-link-tooltip.show{opacity:1}.fake-link-tooltip::before{content:'';position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:#2d3748}.swisspost-button{cursor:pointer;transition:background-color .2s ease}.swisspost-button:hover{background-color:#d53f8c!important;transform:translateY(-1px)}.swisspost-link{cursor:pointer;text-decoration:underline;color:#3182ce!important;transition:color .2s ease}.swisspost-link:hover{color:#2c5282!important;text-decoration:none}.ubs-button{cursor:pointer;transition:background-color .2s ease,transform .2s ease}.ubs-button:hover{background-color:#2c5282!important;transform:translateY(-1px)}.email-example{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:25px;border-left:4px solid #e53e3e;position:relative}.email-example:has(.bacs-email),.email-example:has(.brach-email),.email-example:has(.custom-email),.email-example:has(.goldenwins-email),.email-example:has(.naturreich-email),.email-example:has(.snapcat-email),.email-example:has(.swisspost-email),.email-example:has(.ubs-email){background:0 0;padding:0;border:none;margin-bottom:25px}.email-header{margin-bottom:15px;font-size:12px}.email-field{margin-bottom:8px;color:#4a5568}.email-field strong{color:#2d3748;display:inline-block;width:80px}.email-body{background:#fff;padding:15px;border-radius:8px;border:1px solid #e2e8f0;line-height:1.6;color:#4a5568;font-size:12px}.custom-email{background:#fff;border-radius:8px;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.swisspost-email{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:80px}.swisspost-header{background:linear-gradient(135deg,#fc0,gold);padding:20px;position:relative;color:#fff}.swisspost-logo{display:inline-block;background:red;color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-weight:700;font-size:20px;margin-bottom:10px}.swisspost-logo-img{height:50px;width:auto;margin-bottom:10px;display:block}.swisspost-title{font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.swisspost-content{padding:20px;background:#fff}.swisspost-greeting{margin-bottom:15px;font-weight:500;font-size:11px}.swisspost-text{line-height:1.6;color:#333;margin-bottom:15px;font-size:11px}.swisspost-details{background:#f8f9fa;padding:15px;border-radius:6px;margin:15px 0;border-left:4px solid gold}.swisspost-detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.swisspost-detail-row:last-child{margin-bottom:0}.swisspost-detail-label{font-weight:600;font-size:12px;color:#555}.swisspost-detail-value{color:#333;font-size:12px}.swisspost-button{display:inline-block;background:#000;color:#fff;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:700;margin:15px 0;text-align:center;min-width:150px;cursor:pointer}.swisspost-link{color:#06c;text-decoration:underline;cursor:pointer}.swisspost-footer{margin-top:20px;font-style:italic;color:#666;font-size:11px}.brach-email{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:80px}.brach-header{background:#2c3e50;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.brach-sender{display:flex;align-items:center}.brach-avatar{width:40px;height:40px;background:#95a5a6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;font-size:16px}.brach-sender-info h3{margin:0;font-size:16px;font-weight:600;color:#fff}.brach-name-line{display:flex;justify-content:space-between;align-items:center;width:100%}.brach-sender-details{font-size:12px;opacity:.8;margin:2px 0}.brach-date{font-size:12px;opacity:.9;color:#fff}.brach-subject{background:#34495e;color:#fff;padding:15px 20px;font-size:18px;font-weight:700;margin:0}.brach-content{padding:20px}.brach-logo{text-align:center;margin-bottom:20px}.brach-logo-text{display:inline-block;background:#e74c3c;color:#fff;padding:8px 16px;border-radius:4px;font-weight:700;font-size:16px;border:2px solid #c0392b}.brach-logo-img{height:60px;width:auto;display:block;margin:0 auto}.brach-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.brach-logo-inline{flex-shrink:0}.brach-logo-img-inline{height:30px;width:auto;display:block}.brach-title-text{text-align:right;flex-grow:1}.brach-greeting{color:#e74c3c;font-weight:700;margin-bottom:15px;font-size:11px}.brach-text{line-height:1.6;color:#2c3e50;margin-bottom:15px;font-size:11px}.brach-order-details{background:#ecf0f1;padding:15px;border-radius:6px;margin:15px 0}.brach-order-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11px}.brach-order-row:last-child{margin-bottom:0;font-weight:700;padding-top:8px;border-top:1px solid #bdc3c7}.brach-link{color:#3498db;text-decoration:underline;font-weight:500;cursor:pointer}.brach-footer{margin-top:20px;color:#7f8c8d;font-size:12px}.answers{position:absolute;bottom:25px;left:20px;right:20px;background:#fff;padding:15px 20px;border-radius:25px;box-shadow:0 -5px 15px rgba(0,0,0,.1);z-index:1;display:flex;flex-direction:column;gap:8px}.answers-row{display:flex;gap:8px}.answers-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.question-indicator{font-size:12px;color:#718096;font-weight:500}.answer-option{background:#f7fafc;border:2px solid #e2e8f0;border-radius:15px;padding:10px 15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:flex-start;text-align:left;user-select:none;font-size:11px;white-space:normal;width:100%;min-height:40px;line-height:1.3}.answer-option:hover{border-color:#3266cc;background:#f0f8ff}.answer-option.selected{border-color:#3266cc;background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff}.answers .nav-btn{border:none;border-radius:15px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff;flex-shrink:0;margin-left:10px}.answers .nav-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.6}.results-header h2{text-align:center;color:#2d3748;margin-bottom:30px;font-size:24px}.score-display{text-align:center;margin-bottom:30px}.score-circles{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;color:#fff;font-weight:700;margin-bottom:15px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.correct-circle{background:linear-gradient(135deg,#38a169,#68d391)}.wrong-circle{background:linear-gradient(135deg,#e53e3e,#fc8181)}.score-number{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.score-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.total-points{font-size:20px;opacity:.8}.explanation{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:25px}.explanation h3{color:#2d3748;margin-bottom:15px;font-size:15px}.explanation p{color:#4a5568;line-height:1.6;font-size:11px}.correct-answers{background:#f0fff4;border-radius:12px;padding:20px;border-left:4px solid #38a169}.correct-answers h4{color:#2d3748;margin-bottom:15px}.correct-answers ul{list-style:none}.correct-answers li{color:#38a169;margin-bottom:8px;position:relative;padding-left:20px}.correct-answers li::before{content:'✓';position:absolute;left:0;font-weight:700}.answer-correct{color:#38a169!important}.answer-wrong{color:#e53e3e!important}.answer-wrong::before{content:'✗'!important;color:#e53e3e!important}.answer-missed{color:#a0aec0!important;font-style:italic}.answer-missed::before{content:'○'!important;color:#a0aec0!important}.final-results-header h2{text-align:center;color:#2d3748;font-size:28px;margin-bottom:30px}.final-score-display{text-align:center;margin-bottom:30px}.final-score-circles{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:15px}.final-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;border-radius:50%;color:#fff;font-weight:700;box-shadow:0 6px 12px rgba(0,0,0,.15)}.final-score-circle.correct-circle{background:linear-gradient(135deg,#38a169,#68d391)}.final-score-circle.wrong-circle{background:linear-gradient(135deg,#e53e3e,#fc8181)}.final-score-number{font-size:40px;font-weight:700;line-height:1;margin-bottom:6px}.final-score-label{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.final-total{font-size:24px;opacity:.8}.score-percentage{font-size:24px;color:#3266cc;font-weight:600;margin-bottom:20px}.final-message{background:#f7fafc;border-radius:12px;padding:25px;text-align:center;margin-bottom:30px}.final-message h3{color:#2d3748;margin-bottom:15px;font-size:20px}.final-message p{color:#4a5568;line-height:1.6;font-size:11px}.quiz-summary{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.quiz-summary h3{color:#2d3748;margin-bottom:20px;text-align:center}.summary-stats{display:flex;justify-content:center;gap:20px}.stat{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:#3266cc;margin-bottom:5px}.stat-label{font-size:14px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.ncsc-section{margin-top:30px;padding:20px;border-top:1px solid #e2e8f0;text-align:center}.ncsc-text{font-size:14px;color:#4a5568;margin-bottom:20px;line-height:1.5}.ncsc-buttons{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.ncsc-btn{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s ease}.ncsc-btn:hover{transform:translateY(-2px)}.ncsc-btn-img{height:75px;width:auto;border-radius:8px;margin-bottom:8px}.ncsc-btn-label{font-size:12px;color:#4a5568;text-align:center;font-weight:500}.bottom-nav{position:absolute;bottom:25px;left:20px;right:20px;background:#fff;padding:15px 25px;border-radius:25px;box-shadow:0 -5px 15px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;gap:10px;z-index:10}.email-preview-btn{border:none;border-radius:50%;width:45px;height:45px;font-size:20px;cursor:pointer;transition:all .2s ease;background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-preview-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.nav-btn{border:none;border-radius:25px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;max-width:200px}.nav-btn.primary{background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff}.nav-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(50,102,204,.4)}.nav-btn.secondary{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;margin-left:10px}.nav-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-secondary{display:flex}.golden-btn{background:linear-gradient(135deg,#f7ca18 0,#f39c12 50%,#e67e22 100%);border:none;color:#fff;padding:15px 30px;font-size:16px;font-weight:700;border-radius:25px;cursor:pointer;margin-top:20px;box-shadow:0 4px 15px rgba(243,156,18,.4);transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);display:block;margin-left:auto;margin-right:auto}.golden-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(243,156,18,.6);background:linear-gradient(135deg,#f8c41f 0,#f4a413 50%,#e77e23 100%)}.golden-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(243,156,18,.4)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center}.modal-content{background-color:#fff;margin:15% auto;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden}.modal-header{background-color:#f8f8f8;padding:0}.warning-banner{background-color:#ffebee;border-left:4px solid #e74c3c;color:#c62828;font-weight:700;font-size:16px;padding:15px 20px;margin:0}.modal-body{padding:20px;font-size:14px;line-height:1.5;color:#333}.modal-footer{padding:15px 20px;text-align:center;background-color:#f8f8f8}.modal-btn{background-color:#bdc3c7;border:none;color:#2c3e50;padding:12px 30px;font-size:14px;font-weight:500;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.modal-btn:hover{background-color:#95a5a6}.modal-btn:disabled{background-color:#ecf0f1;color:#bdc3c7;cursor:not-allowed}.modal-btn:disabled:hover{background-color:#ecf0f1}.modal-btn:not(:disabled){background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff;border-radius:25px;font-weight:600;transition:all .2s ease}.modal-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(50,102,204,.4)}.disclaimer-banner{background-color:#3498db;color:#fff;padding:15px 20px;margin:0;text-align:center;font-weight:700;border-top-left-radius:12px;border-top-right-radius:12px;font-size:18px;line-height:1.3}.netpathie-section{margin-top:30px;padding:20px;border-top:1px solid #e2e8f0;background-color:#f8f9fa;border-radius:12px}.netpathie-content{display:flex;align-items:center;gap:15px}.netpathie-logo-link{text-decoration:none;flex-shrink:0}.netpathie-logo{height:60px;width:auto;transition:transform .2s ease}.netpathie-logo:hover{transform:scale(1.05)}.netpathie-text{font-size:14px;color:#4a5568;margin:0;line-height:1.4}.disclaimer-checkbox{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:8px}.disclaimer-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:700}.disclaimer-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}#disclaimer-modal .modal-content,#fake-link-modal .modal-content{max-width:320px}#disclaimer-modal .modal-content{max-height:50vh;margin:25% auto}#disclaimer-modal .modal-body{max-height:200px;overflow-y:auto;padding:20px;position:relative}.scroll-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.7;animation:bounce 2s infinite;cursor:pointer;z-index:10;padding:10px;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-indicator::before{content:"↓";font-size:24px;color:#007bff;text-shadow:0 0 4px rgba(0,123,255,.3)}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(-50%)}40%{transform:translateY(-40%)}60%{transform:translateY(-60%)}}.scroll-indicator.hidden{opacity:0;transition:opacity .3s ease}.goldenwins-email{font-family:Arial,sans-serif;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.goldenwins-header{background:#2c2c2c;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;border-top-left-radius:12px;border-top-right-radius:12px}.goldenwins-avatar{width:40px;height:40px;background:#f39c12;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.goldenwins-sender-info{flex:1}.goldenwins-name-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.goldenwins-name-line h3{margin:0;font-size:16px;font-weight:700;color:#fff}.goldenwins-date{font-size:12px;color:#ccc}.goldenwins-sender-details{font-size:11px;color:#ccc;margin:1px 0}.goldenwins-subject{background:#2c2c2c;color:#fff;padding:0 15px 12px 15px;font-size:14px;font-weight:500}.goldenwins-content{padding:0;background:#fff}.goldenwins-header-img{width:100%;height:auto;display:block;margin-bottom:20px}.goldenwins-main-text{padding:0 20px;margin-bottom:20px}.goldenwins-main-text h2{color:#2c2c2c;font-size:24px;font-weight:700;margin:0 0 15px 0}.goldenwins-main-text p{color:#2c2c2c;font-size:16px;line-height:1.5;margin:0 0 15px 0}.goldenwins-button-container{text-align:center;padding:0 20px;margin-bottom:25px}.goldenwins-button{max-width:100%;height:auto;cursor:pointer;transition:transform .2s ease}.goldenwins-button:hover{transform:translateY(-2px)}.goldenwins-footer{font-size:14px;color:#2c2c2c;padding:0 20px 20px 20px;text-align:left}@media (max-width:480px){.goldenwins-main-text h2{font-size:20px}.goldenwins-main-text p{font-size:14px}.goldenwins-button-container,.goldenwins-footer,.goldenwins-main-text{padding-left:15px;padding-right:15px}}.snapcat-email{font-family:Arial,sans-serif;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.snapcat-header{background:#2c2c2c;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;border-top-left-radius:12px;border-top-right-radius:12px}.snapcat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fffc00;overflow:hidden}.snapcat-avatar-img{width:30px;height:30px;object-fit:contain}.snapcat-sender-info{flex:1}.snapcat-name-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.snapcat-name-line h3{margin:0;font-size:16px;font-weight:700;color:#fff}.snapcat-verified{color:#00bfff;font-size:14px;margin-left:5px}.snapcat-date{font-size:12px;color:#ccc}.snapcat-sender-details{font-size:11px;color:#ccc;margin:1px 0}.snapcat-subject{background:#2c2c2c;color:#fff;padding:0 15px 12px 15px;font-size:14px;font-weight:500}.snapcat-content{padding:0;background:#fff}.snapcat-yellow-section{background:#fffc00;padding:20px;text-align:center;position:relative}.snapcat-logo-small{width:50px;height:50px;object-fit:contain}.snapcat-main-content{padding:20px}.snapcat-main-content h2{color:#333;font-size:22px;font-weight:700;margin:0 0 15px 0;text-align:center}.snapcat-main-content>p{color:#666;font-size:14px;text-align:center;margin:0 0 20px 0}.snapcat-login-section{background:#f0f0f0;border-radius:15px;padding:20px;text-align:center;margin-bottom:20px}.snapcat-login-btn{background:#fffc00;color:#333;padding:12px 25px;border-radius:25px;font-weight:700;font-size:16px;margin-bottom:15px;display:inline-block;cursor:pointer}.snapcat-code{font-size:32px;font-weight:700;color:#333;margin-bottom:15px}.snapcat-help-text{font-size:13px;color:#666;line-height:1.4;margin:0;text-align:left}.snapcat-link{color:#06c;text-decoration:underline;cursor:pointer}.snapcat-footer{background:#4a4a4a;color:#fff;padding:15px 20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-size:12px;line-height:1.4}.snapcat-company-info{margin-bottom:12px}.snapcat-company-info strong{font-size:14px;display:block;margin-bottom:3px}.snapcat-legal{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.snapcat-copyright{color:#ccc;white-space:nowrap}.snapcat-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.snapcat-links .snapcat-link{color:#ccc;text-decoration:underline;font-size:12px;white-space:nowrap}@media (max-width:480px){.snapcat-main-content h2{font-size:18px}.snapcat-login-btn{font-size:14px;padding:10px 20px}.snapcat-code{font-size:28px}.snapcat-legal{flex-direction:column;gap:10px;align-items:flex-start}.snapcat-links{gap:8px;flex-direction:column;align-items:flex-start}.snapcat-footer{padding:12px 15px}}.ubs-email{font-family:Arial,sans-serif;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.ubs-header{background:#2c2c2c;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;border-top-left-radius:12px;border-top-right-radius:12px}.ubs-avatar{width:40px;height:40px;background:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.ubs-sender-info{flex:1}.ubs-name-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.ubs-name-line h3{margin:0;font-size:16px;font-weight:700;color:#fff}.ubs-date{font-size:12px;color:#ccc}.ubs-sender-details{font-size:11px;color:#ccc;margin:1px 0}.ubs-subject{background:#2c2c2c;color:#fff;padding:0 15px 12px 15px;font-size:14px;font-weight:500}.ubs-content{padding:0;background:#fff}.ubs-header-img{width:100%;height:auto;display:block;margin-bottom:20px}.ubs-logo-section{padding:0 20px;margin-bottom:20px}.ubs-logo-img{height:40px;width:auto}.ubs-main-title{font-size:24px;font-weight:700;color:#2c2c2c;margin-bottom:10px;padding:0 20px}.ubs-subtitle{font-size:16px;color:#666;margin-bottom:20px;padding:0 20px}.ubs-highlight{color:#e60000;font-weight:700}.ubs-button{background:#e60000;color:#fff;padding:12px 20px;margin:0 20px 25px 20px;border-radius:4px;font-weight:700;cursor:pointer;display:inline-block;font-size:14px}.ubs-button:hover{background:#c00}.ubs-greeting{font-size:14px;color:#2c2c2c;margin-bottom:15px;padding:0 20px}.ubs-text{font-size:14px;line-height:1.5;color:#2c2c2c;margin-bottom:20px;padding:0 20px}.ubs-footer{font-size:14px;color:#2c2c2c;padding:0 20px 20px 20px}@media (max-width:768px){.ubs-main-title{font-size:20px}.ubs-subtitle{font-size:14px}.ubs-button{font-size:13px;padding:10px 15px}}.bacs-email{font-family:Arial,sans-serif;background:#fff;border-radius:0;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.bacs-header{background:#fff;padding:20px 20px 10px 20px;border-bottom:none}.bacs-header h2{margin:0;font-size:24px;font-weight:700;color:#2c2c2c}.bacs-sender-line{background:#fff;padding:10px 20px 15px 20px;display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.bacs-sender-avatar{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.bacs-avatar-img{width:40px;height:40px;object-fit:cover;border-radius:50%}.bacs-sender-info{flex:1;font-size:14px;line-height:1.4}.bacs-sender-email{color:#666;font-weight:400}.bacs-date{color:#666;font-weight:400}.bacs-to{color:#666;font-size:13px}.bacs-content{padding:0 20px 20px 20px}.bacs-official-header{margin-bottom:25px;text-align:left}.bacs-official-logo{height:60px;width:auto}.bacs-greeting{font-size:16px;font-weight:700;color:#2c2c2c;margin-bottom:15px}.bacs-text{font-size:14px;line-height:1.6;color:#2c2c2c;margin-bottom:15px}.bacs-data-list{margin:20px 0;padding:15px;background:#f8f8f8;border-left:3px solid #e60000}.bacs-data-list ul{margin:0;padding-left:20px}.bacs-data-list li{margin-bottom:8px;font-size:14px;color:#2c2c2c}.bacs-steps{margin:20px 0;padding:0}.bacs-steps ol{padding-left:20px;margin:0}.bacs-steps li{margin-bottom:12px;font-size:14px;line-height:1.5;color:#2c2c2c}.bacs-footer{font-size:14px;color:#2c2c2c;margin:25px 0 20px 0}.bacs-button{background:#e60000;color:#fff;padding:15px 30px;border-radius:25px;font-weight:700;cursor:pointer;display:inline-block;font-size:16px;text-align:center;margin-top:15px;transition:background-color .3s ease}.bacs-button:hover{background:#c00}@media (max-width:768px){.bacs-header h2{font-size:20px}.bacs-content{padding:0 15px 15px 15px}.bacs-sender-line{padding:10px 15px 15px 15px}.bacs-official-logo{height:50px}.bacs-button{font-size:14px;padding:12px 25px}.bacs-data-list{margin:15px 0;padding:12px}}.naturreich-email{font-family:Arial,sans-serif;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.naturreich-header{background:#2c2c2c;color:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;border-top-left-radius:12px;border-top-right-radius:12px}.naturreich-avatar{width:40px;height:40px;background:#4a5c3a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.naturreich-sender-info{flex:1}.naturreich-name-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.naturreich-name-line h3{margin:0;font-size:16px;font-weight:700;color:#fff}.naturreich-verified{color:#00bfff;font-size:14px;margin-left:5px}.naturreich-date{font-size:12px;color:#ccc}.naturreich-sender-details{font-size:11px;color:#ccc;margin:1px 0}.naturreich-subject{background:#2c2c2c;color:#fff;padding:0 15px 12px 15px;font-size:14px;font-weight:500}.naturreich-content{padding:0;background:#fff}.naturreich-header-section{text-align:center;margin-bottom:20px}.naturreich-title-img{width:100%;max-width:350px;height:auto;display:block;margin:10px auto 0}.naturreich-subtitle{text-align:center;font-size:14px;color:#666;margin-bottom:25px;padding:0 20px;font-style:italic}.naturreich-sections{padding:0 20px}.naturreich-section{margin-bottom:25px}.naturreich-section-header{background:rgba(216,178,178,.3);color:#8b5a5a;padding:12px 20px;font-weight:700;font-size:18px;letter-spacing:1px;margin-bottom:15px;border-radius:0}.naturreich-section-text{color:#333;font-size:14px;line-height:1.6;font-style:italic;padding:0 10px}.naturreich-image-section{text-align:center;margin:20px 0}.naturreich-section-img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto;border-radius:10px}.naturreich-footer{font-size:12px;color:#666;padding:20px;text-align:center;line-height:1.4}.naturreich-link{color:#8b5a5a;text-decoration:underline;cursor:pointer}@media (max-width:768px){.naturreich-title-img{max-width:300px}.naturreich-section-img{max-width:250px}.naturreich-section-header{font-size:16px;padding:10px 15px}.naturreich-sections{padding:0 15px}.naturreich-footer{padding:15px}}.email-example:has(.steuerbehoerde-email){background:0 0;padding:0;border:none;margin-bottom:25px}.steuerbehoerde-email{font-family:Arial,sans-serif;background:#fff;border-radius:12px;overflow:hidden;box-shadow:none;max-width:100%;width:100%}.steuerbehoerde-header{background:#f8f9fa;padding:12px 15px;border-bottom:1px solid #dee2e6;display:flex;align-items:center}.steuerbehoerde-sender{display:flex;align-items:center;width:100%}.steuerbehoerde-avatar{width:40px;height:40px;border-radius:50%;background:#dc3545;display:flex;align-items:center;justify-content:center;margin-right:12px;overflow:hidden}.steuerbehoerde-avatar-img{width:100%;height:100%;object-fit:cover}.steuerbehoerde-sender-info{flex:1}.steuerbehoerde-name-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.steuerbehoerde-name-line h3{margin:0;font-size:14px;font-weight:600;color:#333}.steuerbehoerde-date{font-size:12px;color:#666;margin-left:8px}.steuerbehoerde-sender-details{font-size:12px;color:#666;line-height:1.3}.steuerbehoerde-subject{background:#fff;padding:15px;font-weight:600;font-size:16px;color:#333;border-bottom:1px solid #eee}.steuerbehoerde-content{padding:20px;background:#fff}.steuerbehoerde-logos{display:flex;align-items:center;margin-bottom:20px;gap:15px}.steuerbehoerde-cross{width:40px;height:40px;object-fit:contain}.steuerbehoerde-title-section{flex:1}.steuerbehoerde-languages{font-size:12px;line-height:1.4;color:#333;font-weight:500}.steuerbehoerde-greeting{font-size:14px;font-weight:600;margin-bottom:15px;color:#333}.steuerbehoerde-text{font-size:14px;line-height:1.6;margin-bottom:15px;color:#333}.steuerbehoerde-form-section{margin:20px 0;text-align:center}.steuerbehoerde-link-button{background:#06c;color:#fff;padding:12px 24px;border-radius:6px;display:inline-block;text-decoration:none;font-weight:500;margin-bottom:15px;cursor:pointer}.steuerbehoerde-login-preview{border:1px solid #ddd;border-radius:8px;overflow:hidden;max-width:300px;margin:0 auto}.steuerbehoerde-login-img{width:100%;height:auto;display:block}.steuerbehoerde-footer{font-size:14px;line-height:1.6;color:#333;margin-top:20px}@media (max-width:480px){.steuerbehoerde-content{padding:15px}.steuerbehoerde-logos{margin-bottom:15px}.steuerbehoerde-login-preview{max-width:100%}.steuerbehoerde-text{font-size:13px}}.fake-prize-form{background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 4px 15px rgba(255,215,0,.3);border:2px solid #ffed4e}.prize-form-title{text-align:center;color:#8b4513;font-size:18px;font-weight:700;margin:0 0 20px 0;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.prize-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#8b4513;font-size:14px}.fake-form-input{padding:10px 12px;border:2px solid #e6c200;border-radius:6px;font-size:14px;background:#fff;transition:border-color .3s ease;cursor:pointer}.fake-form-input:focus{outline:0;border-color:#ffb700;box-shadow:0 0 5px rgba(255,183,0,.5)}.fake-submit-btn{background:linear-gradient(135deg,#ffb700,gold);color:#8b4513;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;text-shadow:1px 1px 2px rgba(255,255,255,.5);box-shadow:0 2px 8px rgba(255,183,0,.4);transition:all .3s ease;margin-top:10px}.fake-submit-btn:hover{background:linear-gradient(135deg,gold,#ffe135);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,183,0,.6)}@media (max-width:480px){.fake-prize-form{padding:15px;margin:15px 0}.prize-form-title{font-size:16px}.fake-form-input,.fake-submit-btn{font-size:14px}}.answer-summary{background:#e8f5e8;border-radius:15px;padding:20px;margin:20px 0;border:2px solid #c8e6c9}.answer-summary h3{color:#2e7d32;font-size:18px;font-weight:700;margin:0 0 15px 0}.answer-summary-item{display:flex;align-items:flex-start;margin-bottom:12px;font-size:14px;line-height:1.4}.answer-summary-item:last-child{margin-bottom:0}.answer-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;margin-top:2px}.answer-correct{color:#4caf50}.answer-incorrect{color:#f44336}.answer-warning{color:#ff9800}.answer-text{flex:1;color:#2e7d32}.answer-text.incorrect{color:#d32f2f}.answer-text.missed-correct{color:#4caf50;background:linear-gradient(135deg,#e8f5e8 0,#f1f8e9 100%);padding:8px 12px;border-radius:12px;font-weight:600;position:relative;box-shadow:0 2px 8px rgba(76,175,80,.15);border-left:4px solid #4caf50}.missed-correct-item{animation:gentleGlow 3s ease-in-out infinite;position:relative;transform:translateY(0);transition:all .3s ease;margin-bottom:45px}.missed-correct-item::before{content:"💡";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;animation:bounce 2s ease-in-out infinite}.missed-correct-item::after{content:attr(data-hint-text);position:absolute;left:0;bottom:-35px;background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;animation:fadeInUp .8s ease-out .6s forwards;box-shadow:0 2px 6px rgba(50,102,204,.3);z-index:10;max-width:200px;text-align:center}.answer-text.user-selected-correct{color:#4caf50;font-weight:600;background:linear-gradient(135deg,#e8f5e8 0,#f1f8e9 100%);padding:8px 12px;border-radius:12px;box-shadow:0 2px 6px rgba(76,175,80,.2);position:relative}.answer-text.user-selected-correct::before{content:"✨";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:14px}.answer-text.user-selected-incorrect{color:#f44336;font-weight:600;background:linear-gradient(135deg,#ffebee 0,#ffcdd2 100%);padding:8px 12px;border-radius:12px;box-shadow:0 2px 6px rgba(244,67,54,.2);position:relative}.answer-text.user-selected-incorrect::before{content:"❌";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px}.answer-text.correctly-not-selected{color:#999;opacity:.6;font-style:italic;background:#f8f9fa;padding:6px 10px;border-radius:8px;transition:all .3s ease}@keyframes gentleGlow{0%,100%{box-shadow:0 2px 8px rgba(76,175,80,.15)}50%{box-shadow:0 4px 16px rgba(76,175,80,.3),0 0 20px rgba(76,175,80,.1)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(-50%) scale(1)}40%{transform:translateY(-50%) scale(1.1)}60%{transform:translateY(-50%) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.final-answer-summary{background:#fff3e0;border-radius:15px;padding:20px;margin:20px 0;border:2px solid #ffcc02}.final-answer-summary h3{color:#e65100;font-size:18px;font-weight:700;margin:0 0 15px 0}.final-question-summary{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ffe0b2}.final-question-summary:last-child{border-bottom:none;margin-bottom:0}.final-question-summary h4{color:#e65100;font-size:16px;margin-bottom:10px}.missed-answers-list{margin-left:10px}.final-missed-answer{display:flex;align-items:center;margin-bottom:8px;padding:6px 8px;background:#fffef7;border-radius:6px;border-left:3px solid #ff9800}.final-missed-answer:last-child{margin-bottom:0}.missed-label{background:linear-gradient(135deg,#3266cc,#3ccece);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-left:auto}.wrong-label{background:linear-gradient(135deg,#f44336,#ff6659);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;margin-left:auto}@media (max-width:480px){.answer-summary{padding:15px;margin:15px 0}.answer-summary h3{font-size:16px}.answer-summary-item{font-size:13px}.answer-icon{width:18px;height:18px;font-size:14px;margin-right:10px}.answer-text.missed-correct,.answer-text.user-selected-correct,.answer-text.user-selected-incorrect{padding:6px 10px;font-size:13px}.missed-correct-item::after{font-size:10px;padding:4px 8px;bottom:-30px;left:0;max-width:180px}.missed-correct-item{margin-bottom:40px}.missed-correct-item::before{font-size:14px;right:6px}.answer-text.user-selected-correct::before,.answer-text.user-selected-incorrect::before{font-size:12px;right:6px}.missed-correct-item{animation:gentleGlow 4s ease-in-out infinite}}.bacs-sender-name{color:#333;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.bacs-sender-name *{pointer-events:none}.email-preview-modal-content{max-width:600px;max-height:85vh}.email-preview-body{max-height:60vh;overflow-y:auto;padding:0}#email-preview-content{padding:20px}#email-preview-content .email-example{margin-bottom:0}.modal-close-x{position:absolute;top:15px;right:20px;background:0 0;border:none;font-size:32px;font-weight:300;color:#666;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close-x:hover{color:#333}.email-preview-modal-content .modal-header{background-color:#f8f9fa;padding:20px;position:relative;border-bottom:1px solid #e0e0e0}.email-preview-modal-content .modal-header h2{margin:0;font-size:20px;font-weight:600;color:#2d3748}@media (max-width:480px){.email-preview-modal-content{max-width:95%;margin:5% auto}.email-preview-body{max-height:65vh}#email-preview-content{padding:15px}.modal-close-x{top:12px;right:15px;font-size:28px}}
/*# sourceMappingURL=styles.css.map */