.top-bar{background:#f60;color:#fff;font-size:.85rem}.top-bar-content{display:flex;justify-content:space-between;align-items:center;padding:10px 40px}.top-left{display:flex;align-items:center;gap:.5rem}.top-left .separator{opacity:.5}.top-right{display:flex;gap:1rem}.top-right a{color:#fff;font-size:1rem;transition:opacity .3s}.top-right a:hover{opacity:.8}.header{background:#fff;box-shadow:0 2px 5px #0000001a}.header-content{display:flex;flex-direction:column;align-items:center;gap:10px}.logo{display:flex;align-items:center;gap:1rem}.logo-img{width:80px;height:80px;object-fit:contain}.logo-text h1{font-size:2rem;font-weight:700;color:#f60;margin:0;line-height:1.2}.logo-text p{font-size:.9rem;color:#666;margin:0}.header-nav{display:flex;align-items:center;gap:1rem}.payment-btn{background:#fff;color:#f60;border:2px solid #ff6600;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.payment-btn:hover{background:#f60;color:#fff}nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}nav a{color:#333;text-decoration:none;font-weight:500;transition:color .3s}nav a:hover{color:#f60}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;padding:.5rem}@media (max-width: 1024px){.top-bar{font-size:.75rem}.top-bar-content{gap:.3rem;padding:.5rem 15px;text-align:center}.top-left{gap:.3rem}.top-left .separator{display:none}.top-right{gap:10px;font-size:10px}.header-content{padding:0 15px;flex-direction:row;justify-content:space-between;gap:1rem}.logo{justify-content:center;flex-direction:row}.logo-img{width:60px;height:60px}.logo-text h1{font-size:1.3rem}.logo-text p{font-size:.75rem}.header-nav{justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.payment-btn{padding:.4rem 1.2rem;font-size:.9rem}.menu-toggle{display:block}nav{width:100%;order:3}nav ul{flex-direction:column;gap:0;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;background:#fff}nav ul.active{max-height:400px;padding:.5rem 0;border-top:1px solid #eee}nav ul li{width:100%;text-align:center;padding:.8rem 0;border-bottom:1px solid #f5f5f5}nav ul li:last-child{border-bottom:none}nav a{display:block;width:100%;font-size:1rem}}.footer{background:#2c3e50;color:#fff;text-align:center;padding:2rem 0;margin-top:3rem}.hero-section{position:relative;width:100%;max-width:1200px;height:400px;overflow:hidden;margin:0 auto}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card{display:flex;align-items:flex-start;align-content:center;flex-direction:column;gap:20px}@media (max-width: 768px){.hero-section{height:300px}}@media (max-width: 480px){.hero-section{height:200px}}@media (max-width: 360px){.hero-section{height:150px}}.notice-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center;margin-bottom:2rem}.notice-hero h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.notice-hero p{font-size:1.1rem;opacity:.95}.notice-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:2rem}.notice-sidebar{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;height:fit-content;position:sticky;top:20px}.notice-sidebar h2{color:#667eea;margin-bottom:1rem;font-size:1.3rem}.notice-list{display:flex;flex-direction:column;gap:1rem}.notice-item{padding:1rem;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.notice-item:hover{border-color:#667eea;background:#f8f9ff;transform:translate(5px)}.notice-item.active{border-color:#667eea;background:#667eea;color:#fff}.notice-item h3{font-size:.95rem;margin-bottom:.5rem;color:inherit}.notice-item.active h3{color:#fff}.notice-item small{font-size:.8rem;opacity:.8}.notice-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;min-height:500px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#667eea}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem;color:#856404}.error-box pre{white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0}.notice-display{animation:fadeIn .3s ease-in}.notice-header{border-bottom:3px solid #667eea;padding-bottom:1rem;margin-bottom:1.5rem}.notice-header h2{color:#667eea;margin-bottom:.5rem}.notice-date{color:#999;font-size:.9rem}.notice-body{background:#f8f9fa;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.notice-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;line-height:1.8;margin:0;color:#333}.notice-footer{background:#f0f0f0;padding:1rem;border-radius:6px;font-size:.85rem}.notice-footer p{margin:.3rem 0}.notice-footer code{background:#fff;padding:.2rem .5rem;border-radius:3px;color:#667eea;font-family:Courier New,monospace}.notice-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#999;text-align:center}.notice-placeholder h3{color:#666;margin-bottom:.5rem}@media (max-width: 968px){.notice-layout{grid-template-columns:1fr}.notice-sidebar{position:static}.notice-hero h1{font-size:2rem}}@media (max-width: 768px){.notice-hero{padding:2rem 1rem}.notice-hero h1{font-size:1.8rem}.notice-hero p{font-size:1rem}.notice-content{padding:1.5rem}.notice-sidebar{padding:1rem}}@media (max-width: 480px){.notice-hero h1{font-size:1.5rem}.notice-hero p{font-size:.9rem}.notice-content{padding:1rem}.notice-item h3{font-size:.85rem}.notice-body{padding:1rem}.notice-body pre{font-size:.85rem}}.comments-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center;margin-bottom:2rem}.comments-hero h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.comments-hero p{font-size:1.1rem;opacity:.95}.comments-content{max-width:800px;margin:0 auto}.comments-content h2{color:#667eea;margin-bottom:1.5rem}.comment-form-info{background:#f8f9ff;padding:1rem;border-radius:6px;margin-bottom:2rem;border-left:4px solid #667eea}.comment-form-info p{margin-bottom:.5rem;color:#666}.comment-form-info code{background:#fff;padding:.3rem .6rem;border-radius:3px;color:#667eea;font-family:Courier New,monospace;display:block;margin-top:.5rem}.comment-display{background:#fff;border:2px solid #667eea;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.comment-display h3{color:#667eea;margin-bottom:1rem}.comment-content{background:#f8f9fa;padding:1.5rem;border-radius:6px;min-height:100px;line-height:1.6;word-wrap:break-word}.comment-placeholder{text-align:center;padding:3rem 2rem;color:#999}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.comment-placeholder h3{color:#666;margin-bottom:.5rem}.comment-placeholder code{background:#f8f9ff;padding:.2rem .5rem;border-radius:3px;color:#667eea}.sample-comments{background:#fff;border-radius:8px;padding:2rem;margin-top:2rem;box-shadow:0 2px 10px #0000001a}.sample-comments h3{color:#667eea;margin-bottom:1rem}.sample-list a{padding:1rem;background:#f8f9ff;border:2px solid #e0e0e0}.sample-list a .comments-hero h1{font-size:2rem}.sample-list a .comments-hero p{font-size:1rem}.sample-list a .comment-display,.sample-list a .sample-comments{padding:1.5rem}.sample-list a .comment-content{padding:1rem}@media (max-width: 480px){.comments-hero h1{font-size:1.8rem}.comments-hero p{font-size:.9rem}.comment-display,.sample-comments{padding:1rem}.comment-form-info{padding:.8rem}}.redirect-hero{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:3rem 2rem;text-align:center;margin-bottom:2rem}.redirect-hero.redirect-active{background:linear-gradient(135deg,#fa709a,#fee140)}.redirect-hero h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.redirect-hero p{font-size:1.1rem;opacity:.95}.redirect-content{max-width:700px;margin:0 auto}.redirect-content h2{color:#f5576c;margin-bottom:1.5rem;text-align:center}.redirect-info{background:#fff5f7;padding:1rem;border-radius:6px;margin-bottom:2rem;border-left:4px solid #f5576c}.redirect-info p{margin-bottom:.5rem;color:#666}.redirect-info code{background:#fff;padding:.3rem .6rem;border-radius:3px;color:#f5576c;font-family:Courier New,monospace;display:block;margin-top:.5rem}.redirect-box{background:#fff;border:3px solid #f5576c;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px #f5576c33}.redirect-icon{font-size:5rem;margin-bottom:1rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.redirect-details{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:2rem 0}.redirect-details p{margin-bottom:.5rem;color:#666}.redirect-url{display:block;background:#fff;padding:1rem;border-radius:6px;color:#f5576c;font-family:Courier New,monospace;word-break:break-all;margin-top:.5rem;border:1px solid #e0e0e0}.redirect-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.redirect-actions .btn{padding:.8rem 2rem}.vuln-warning{margin-top:2rem;padding:1rem;background:#fff3cd;border-radius:6px;color:#856404;font-size:.9rem;line-height:1.6}.sample-redirects{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;margin-top:2rem}.sample-redirects h3{color:#f5576c;margin-bottom:1rem}.sample-list{display:flex;flex-direction:column;gap:.8rem}.sample-list a{padding:1rem;background:#fff5f7;border:2px solid #e0e0e0;border-radius:6px;text-decoration:none;color:#333;transition:all .3s ease}.sample-list a:hover{border-color:#f5576c;background:#fff;transform:translate(5px)}@media (max-width: 768px){.redirect-hero{padding:2rem 1rem}.redirect-hero h1{font-size:2rem}.redirect-hero p{font-size:1rem}.redirect-box{padding:2rem 1.5rem}.redirect-icon{font-size:4rem}.redirect-actions{flex-direction:column}.redirect-actions .btn{width:100%}}@media (max-width: 480px){.redirect-hero h1{font-size:1.8rem}.redirect-box{padding:1.5rem 1rem}.redirect-icon{font-size:3rem}.redirect-details{padding:1rem}}.newsletter-hero{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:3rem 1rem;text-align:center;margin-bottom:2rem}.newsletter-hero h1{font-size:2.5rem;margin-bottom:.5rem}.newsletter-content{max-width:800px;margin:0 auto}.newsletter-box{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.newsletter-info{background:#f8f9fa;padding:1rem;border-radius:5px;margin-bottom:1.5rem;border-left:4px solid #4facfe}.newsletter-form{margin-bottom:2rem}.email-input{width:100%;padding:.8rem;font-size:1rem;border:1px solid #ddd;border-radius:5px;margin-top:.5rem}.email-input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe33}.subscription-result{margin-top:2rem;padding:1.5rem;border-radius:8px;animation:fadeIn .5s ease}.subscription-result.normal{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.subscription-result.vulnerable{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.email-details{margin-top:1rem;background:#ffffff80;padding:1rem;border-radius:5px}.email-value{display:block;background:#fff;padding:.5rem;border-radius:3px;margin-top:.25rem;word-break:break-all}.injected-headers{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.header-injection{background:#2d3748;color:#fff;padding:1rem;border-radius:5px;overflow-x:auto;margin:.5rem 0}.crlf-explanation{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.crlf-explanation ul{margin-left:1.5rem;margin-top:.5rem}.sample-emails{margin-top:2rem}.sample-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.sample-btn{background:#e2e8f0;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.sample-btn:hover{background:#cbd5e0;transform:translateY(-1px)}.popup-overlay{position:fixed;top:20px;right:20px;z-index:1000;pointer-events:none}.popup-content{background:#fff;width:350px;max-width:90vw;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translate(120%);animation:slideInToast .4s cubic-bezier(.68,-.55,.265,1.55) forwards;pointer-events:auto;position:relative;border:1px solid rgba(0,0,0,.05)}.popup-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px;line-height:1;border-radius:50%;transition:all .2s}.popup-close:hover{color:#333;background:#0000000d}@keyframes slideInToast{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#f4f4f4}.App{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem 20px;flex:1;width:100%}.warning-banner{background:#ff6b6b;color:#fff;padding:.5rem;text-align:center;font-weight:500}.card{background:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.card h1,.card h2{color:#667eea}.btn{display:inline-block;padding:.7rem 1.5rem;background:#667eea;color:#fff;text-decoration:none;border-radius:5px;border:none;cursor:pointer;font-size:1rem;transition:background .3s}.btn:hover{background:#5568d3}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width: 768px){.container{padding:1rem 15px}.grid{grid-template-columns:1fr;gap:1.5rem}.card{padding:1.5rem}.card h2{font-size:1.3rem}}@media (max-width: 480px){.container{padding:.75rem 10px}.card{padding:1rem}.card h2{font-size:1.2rem}.warning-banner{font-size:.75rem;padding:.4rem}}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}input[type=text],input[type=password],input[type=email],textarea{width:100%;padding:.7rem;border:1px solid #ddd;border-radius:5px;font-size:1rem}input:focus,textarea:focus{outline:none;border-color:#667eea}.error{background:#ff6b6b;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem}.success{background:#51cf66;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem}.vuln-hint{margin-top:1rem;padding:1rem;background:#fff3cd;border-radius:5px;border:1px solid #ffc107;color:#856404;font-size:.9rem}@media (max-width: 768px){.grid{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;flex-direction:column}