:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background: #181330;--primary: #6c63ff;--secondary: #ff6584;--dark-blue: #181330;--purple: #6c63ff;--light-purple: #8b85ff;--text-primary: #333333;--text-secondary: #666666;--text-light: #ffffff;--text-accent: #b4b4d9;--accent: #ff6584;--success: #4caf50;--warning: #ffc107;--error: #f56565;--bg-card: rgba(255, 255, 255, .95);--bg-overlay: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}#root{width:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,var(--primary) 0%,var(--dark-blue) 100%);min-height:100vh;color:var(--text-primary);display:block;place-items:unset}.app{min-height:100vh;width:100%;display:flex;flex-direction:column}.header{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;width:100%}.header-content{width:100%;max-width:none;margin:0;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;min-height:4rem}.logo{font-size:1.8rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;padding:.5rem 0;transition:color .2s ease;display:block}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-link-button{background:none!important;border:none!important;color:var(--text-primary)!important;text-decoration:none;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:500;padding:.5rem 0;transition:color .2s ease}.nav-link-button:hover{color:var(--primary)!important}.dropdown{position:relative}.dropdown-trigger{cursor:pointer;display:flex;align-items:center;color:var(--text-primary);font-weight:500;padding:.5rem 0;transition:color .2s ease}.dropdown-trigger:hover{color:var(--primary)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem 0;min-width:200px;list-style:none;z-index:200}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.5rem 1rem;color:var(--text-primary);text-decoration:none;transition:background-color .2s}.dropdown-menu a:hover,.dropdown-menu a.active{background-color:#f7fafc;color:var(--primary)}.mobile-menu-button{display:none!important}@media (max-width: 768px){.mobile-menu-button{display:block!important}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid rgba(255,255,255,.2);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-links{flex-direction:column;padding:1rem 0}.nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links a,.dropdown-trigger,.nav-link-button{padding:1rem 2rem!important;display:block;width:100%;text-align:left}.dropdown{position:relative}.dropdown-menu{position:static;background:#9ca3af;border:none;box-shadow:none;margin-left:1rem;width:auto}.dropdown-menu a{padding:.75rem 2rem!important;border-bottom:1px solid rgba(255,255,255,.05)}}.main-content{flex:1;padding:2rem;width:95vw;max-width:none;margin:0 auto}.hero-section{text-align:center;padding:4rem 0;color:var(--text-light)}.hero-title{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:var(--text-light)}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.9;color:var(--text-light)}.simulations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,25vw),1fr));gap:2rem;margin-top:3rem}.simulation-card{background:var(--bg-card);border-radius:15px;padding:2rem;text-align:center;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.simulation-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.simulation-icon{font-size:3rem;margin-bottom:1rem;color:var(--primary)}.simulation-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.simulation-description{color:var(--text-secondary);margin-bottom:1.5rem}.simulation-button{background:linear-gradient(135deg,var(--primary) 0%,var(--dark-blue) 100%);color:var(--text-light);border:none;padding:.75rem 2rem;border-radius:25px;font-weight:700;cursor:pointer;transition:transform .3s ease,background .3s ease}.simulation-button:hover{transform:scale(1.05);background:linear-gradient(135deg,var(--light-purple) 0%,var(--primary) 100%)}.simulation-page{background:var(--bg-card);border-radius:15px;padding:2rem;margin:2rem 0;box-shadow:0 8px 25px #0000001a}.simulation-header{text-align:center;margin-bottom:2rem}.simulation-header h1{color:var(--text-primary);margin-bottom:.5rem}.simulation-header p{color:var(--text-secondary)}.simulation-content{max-width:800px;margin:0 auto}.email-container{border:1px solid #e2e8f0;border-radius:10px;margin:1rem 0;overflow:hidden;background:#fff}.email-header{background:#f7fafc;padding:1rem;border-bottom:1px solid #e2e8f0}.email-body{padding:1.5rem;line-height:1.6}.email-subject{font-weight:700;margin-bottom:.5rem}.email-from{color:#718096;font-size:.9rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:.5rem}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.progress-container{margin:2rem 0}.progress-bar{background:#e2e8f0;height:20px;border-radius:10px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease;border-radius:10px}.score-display{text-align:center;padding:1rem;background:#ffffff1a;border-radius:10px;margin:1rem 0;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:15px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{text-align:center;margin-bottom:1rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer}.quiz-question{margin:2rem 0;padding:1.5rem;background:#f7fafc;border-radius:10px}.quiz-options{list-style:none;margin:1rem 0}.quiz-option{padding:.75rem;margin:.5rem 0;background:#fff;border:2px solid #e2e8f0;border-radius:5px;cursor:pointer;transition:all .3s ease}.quiz-option:hover{border-color:#667eea}.quiz-option.selected{border-color:#667eea;background:#ebf8ff}.quiz-option.correct{border-color:#48bb78;background:#f0fff4}.quiz-option.incorrect{border-color:#f56565;background:#fff5f5}.step-indicator{margin-bottom:2rem;padding:1rem;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-progress{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.step-progress .progress-bar{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);transition:width .3s ease}.demonstration-area{background:#fffffff2;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.step-description{color:#666;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.downloads-scanner{max-width:800px;margin:0 auto}.files-list{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .3s ease}.file-item.safe{border-color:#48bb78;background:#f0fff4}.file-item.dangerous{border-color:#f56565;background:#fff5f5}.file-info{flex:1}.file-name{font-weight:700;margin-bottom:.25rem}.file-details{color:#666;font-size:.9rem}.scan-status{min-width:200px;text-align:right}.status{padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:700}.status.pending{background:#fffaf0;color:#c05621}.status.scanning{background:#ebf8ff;color:#2b77cb}.status.safe{background:#f0fff4;color:#276749}.status.dangerous{background:#fff5f5;color:#c53030}.scanning-animation{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.scan-progress{width:100px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;position:relative}.scan-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#4299e1,transparent);animation:scanning 1.5s infinite}@keyframes scanning{0%{left:-100%}to{left:100%}}.scan-results{display:flex;flex-direction:column;gap:.25rem}.security-score{font-size:.8rem;color:#666}.threats-list{margin-top:.5rem;padding:.5rem;background:#fff5f5;border-radius:4px;border-left:3px solid #f56565}.threats-list ul{margin:.25rem 0 0 1rem;color:#c53030}.analysis-summary{margin-top:2rem;padding:1.5rem;background:#f7fafc;border-radius:10px;border:1px solid #e2e8f0}.summary-stats{display:flex;gap:2rem;margin-bottom:1.5rem;justify-content:center}.stat{text-align:center;padding:1rem;border-radius:8px;min-width:120px}.stat.safe{background:#f0fff4;border:2px solid #48bb78}.stat.dangerous{background:#fff5f5;border:2px solid #f56565}.stat .number{display:block;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat.safe .number{color:#276749}.stat.dangerous .number{color:#c53030}.stat .label{font-size:.9rem;color:#666}.network-visualization{max-width:900px;margin:0 auto}.network-diagram{position:relative;height:300px;margin:2rem 0;background:#f7fafc;border-radius:10px;border:2px solid #e2e8f0;overflow:hidden;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.network-device{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border-radius:10px;border:2px solid #e2e8f0;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;min-width:120px}.network-device.user{top:70%;left:20%;border-color:#4299e1}.network-device.attacker{top:30%;left:50%;border-color:#f56565}.network-device.attacker.active{border-color:#e53e3e;background:#fff5f5;animation:pulse 2s infinite}.network-device.server{top:70%;left:80%;border-color:#48bb78}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.device-icon{font-size:2rem;margin-bottom:.5rem}.device-info{text-align:center}.device-name{font-weight:700;margin-bottom:.25rem;font-size:.9rem}.device-ip{font-size:.8rem;color:#666}.network-connections{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connection{stroke:#4299e1;stroke-width:3;fill:none;transition:all .3s ease}.connection.intercepted{stroke:#f56565;stroke-dasharray:8,4;animation:dash 1s linear infinite}.connection.direct{stroke:#a0aec0;opacity:.5}@keyframes dash{to{stroke-dashoffset:-12}}.packet-analysis{margin:2rem 0}.packets-list{display:flex;flex-direction:column;gap:1rem}.packet{padding:1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .3s ease}.packet.encrypted{border-color:#48bb78;background:#f0fff4}.packet.unencrypted{border-color:#ed8936;background:#fffaf0}.packet.intercepted{border-color:#f56565;background:#fff5f5}.packet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.packet-route{font-family:Courier New,monospace;font-weight:700}.packet-time{color:#666;font-size:.9rem}.packet-security{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}.packet-security.secure{background:#f0fff4;color:#276749}.packet-security.insecure{background:#fff5f5;color:#c53030}.packet-data{font-family:Courier New,monospace;background:#f7fafc;padding:.75rem;border-radius:4px;margin:.5rem 0}.interception-notice{color:#c53030;font-weight:700;background:#fff5f5;padding:.5rem;border-radius:4px;border-left:3px solid #f56565}.attacker-dashboard{margin:2rem 0;padding:1.5rem;background:#fff5f5;border:2px solid #f56565;border-radius:10px}.stolen-data{display:flex;flex-direction:column;gap:.5rem}.stolen-item{padding:.75rem;background:#fff;border-radius:4px;border-left:3px solid #f56565;font-weight:700;color:#c53030}.encryption-notice{background:#f0fff4;border:2px solid #48bb78;color:#276749;padding:1rem;border-radius:8px;font-weight:700;text-align:center}.education-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem;margin:2rem 0}.education-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.education-section ul{list-style:none;padding:0;margin:0}.education-section li{padding:.75rem;margin:.5rem 0;background:var(--bg-card);border-radius:8px;border-left:4px solid var(--primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.links-container{margin:2rem 0}.link-item{background:var(--bg-card);border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;margin:1rem 0;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.link-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #6c63ff33}.link-item.analyzed{border-color:var(--primary)}.link-item.safe{border-color:var(--success);background:#f0fff4}.link-item.malicious{border-color:var(--error);background:#fff5f5}.link-item.suspicious{border-color:var(--warning);background:#fffbeb}.link-url{font-family:Courier New,monospace;font-size:.9rem;color:var(--primary);margin-bottom:.5rem;word-break:break-all}.link-text{font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.link-analysis{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.link-status{font-weight:700;margin-bottom:.5rem}.link-status.safe{color:var(--success)}.link-status.malicious{color:var(--error)}.link-status.suspicious{color:var(--warning)}.red-flags{margin-top:1rem}.red-flags h4{color:var(--text-primary);margin-bottom:.5rem}.red-flags ul{list-style:none;padding:0}.red-flags li{background:#fff5f5;border-left:3px solid var(--error);padding:.5rem;margin:.25rem 0;border-radius:4px;color:var(--text-primary)}.activity-console{background:var(--dark-blue);border-radius:10px;padding:1.5rem;margin:2rem 0;max-height:300px;overflow-y:auto}.activity-console h3{color:var(--text-light);margin-bottom:1rem;font-size:1.2rem}.console-log{font-family:Courier New,monospace;font-size:.9rem;color:var(--text-accent);margin:.25rem 0;padding:.25rem 0;border-bottom:1px solid rgba(180,180,217,.2)}.console-log.warning{color:var(--warning)}.console-log.error{color:var(--error)}.console-log.safe{color:var(--success)}.btn{border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover{background:var(--light-purple);transform:translateY(-2px)}.btn-secondary{background:var(--secondary);color:var(--text-light)}.btn-secondary:hover{background:#ff7ba0;transform:translateY(-2px)}.btn-success{background:var(--success);color:var(--text-light)}.btn-success:hover{background:#45a049;transform:translateY(-2px)}.btn-danger{background:var(--error);color:var(--text-light)}.btn-danger:hover{background:#e53e3e;transform:translateY(-2px)}.btn-warning{background:var(--warning);color:var(--text-primary)}.btn-warning:hover{background:#f6ad00;transform:translateY(-2px)}.score-display{background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;margin:1rem 0;text-align:center;color:var(--text-primary);border:1px solid rgba(108,99,255,.3)}.progress-container{margin:1rem 0}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary),var(--light-purple));height:100%;border-radius:10px;transition:width .3s ease}.email-container{background:var(--bg-card);border:1px solid #e9ecef;border-radius:10px;margin:1rem 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.email-header{background:#f8f9fa;padding:1rem;border-bottom:1px solid #e9ecef}.email-subject,.email-from{color:var(--text-primary);font-weight:500;margin:.25rem 0}.email-body{padding:1.5rem;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.simulation-content h1,.simulation-content h2,.simulation-content h3,.simulation-content h4,.simulation-content h5,.simulation-content h6{color:var(--text-primary)!important}.simulation-content p,.simulation-content span,.simulation-content div{color:var(--text-primary)}.language-selector{position:relative}.language-selector select{background:var(--bg-card);color:var(--text-primary);border:1px solid #e9ecef;border-radius:6px;padding:.5rem;font-size:.9rem;cursor:pointer}.language-selector select:focus{outline:none;border-color:var(--primary)}@media (max-width: 768px){.main-content{width:98vw;padding:1rem}.header-content{width:100%;padding:0 1rem}.simulation-page{margin:1rem;padding:1rem}.hero-title{font-size:2rem}.simulations-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.education-section,.link-item{padding:1rem}.network-diagram{height:250px;margin:1rem 0}.network-device{min-width:100px;padding:.5rem}.device-icon{font-size:1.5rem}.device-name{font-size:.8rem}.device-ip{font-size:.7rem}}@media (min-width: 769px) and (max-width: 1399px){.main-content{width:96vw;padding:2rem 2vw}.header-content{width:100%;padding:0 2vw}.simulations-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,30vw),1fr));gap:1.5rem}}@media (min-width: 1400px){.main-content{width:92vw;padding:2rem 3vw}.header-content{width:100%;padding:0 3vw}.simulations-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,22vw),1fr));gap:2.5rem}}@media (min-width: 1800px){.main-content{width:90vw;padding:2rem 5vw}.header-content{width:100%;padding:0 5vw}.simulations-grid{gap:3rem}}.privacy-tips-section{background:#000c;padding:2rem;border-radius:15px;color:#fff;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.privacy-tips-section h2,.privacy-tips-section h3,.privacy-tips-section h4{color:#fff!important;margin-bottom:1rem}.privacy-tips-section h2 svg,.privacy-tips-section h3 svg,.privacy-tips-section h4 svg{color:#48bb78!important}.privacy-tips-section ul{margin:0;padding-left:1.5rem;list-style-type:disc}.privacy-tips-section li{color:#fff;margin-bottom:.8rem;line-height:1.6;font-size:1rem}.tip-item{color:#fff;margin-bottom:.8rem;line-height:1.6;font-size:1rem;padding:.5rem 0}.privacy-tips-section .tip-item{display:flex;align-items:center;padding:1rem;background:#ffffff1a;border-radius:10px;color:#fff;margin-bottom:.5rem}.privacy-tips-section .tip-item:before{content:"•";color:#48bb78;font-weight:700;margin-right:.5rem}.educational-content{background:#fffffff2;padding:2rem;border-radius:15px;margin:2rem 0;box-shadow:0 4px 20px #0000001a}.educational-content h3,.educational-content h4,.educational-content h5{color:var(--text-primary);margin-bottom:1rem}.educational-content ul{list-style-type:disc;padding-left:1.5rem;margin:0}.educational-content li{color:var(--text-primary);margin-bottom:.8rem;line-height:1.6;font-size:1rem}.educational-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.news-section{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 30px #0000001a;color:#fff}.news-header{text-align:center;margin-bottom:2rem;position:relative}.news-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(45deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.news-header p{font-size:1.1rem;opacity:.9;margin-bottom:1rem}.refresh-button{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.refresh-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:3rem;height:3rem;animation:spin 1s linear infinite;margin-bottom:1rem;opacity:.8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin:1rem 0}.error-icon{width:3rem;height:3rem;color:#ef4444;margin-bottom:1rem}.error-message{font-size:1.1rem;margin-bottom:1rem;opacity:.9}.retry-button{background:#ef4444;border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.retry-button:hover{background:#dc2626;transform:translateY(-2px)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.news-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.news-card:hover{transform:translateY(-5px);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 15px 35px #0000001a}.news-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#06b6d4,#10b981)}.news-content{height:100%;display:flex;flex-direction:column}.news-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;line-height:1.4}.news-link{color:#fff;text-decoration:none;display:flex;align-items:flex-start;gap:.5rem;transition:color .3s ease}.news-link:hover{color:#e0e7ff}.external-link-icon{width:1rem;height:1rem;flex-shrink:0;margin-top:.2rem;opacity:.7}.news-description{font-size:.95rem;line-height:1.6;opacity:.9;margin-bottom:1rem;flex-grow:1}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;opacity:.8;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.5rem}.news-date{display:flex;align-items:center;gap:.25rem}.calendar-icon{width:.875rem;height:.875rem}.news-author{font-style:italic;opacity:.7}.read-more-link{display:inline-flex;align-items:center;gap:.25rem;color:#e0e7ff;text-decoration:none;font-weight:500;padding:.25rem .5rem;border-radius:4px;background:#ffffff1a;transition:all .2s ease;font-size:.8rem;border:1px solid rgba(255,255,255,.2)}.read-more-link:hover{background:#fff3;border-color:#fff6;color:#fff;text-decoration:none;transform:translateY(-1px)}.external-link-icon{width:.75rem;height:.75rem}.no-news{text-align:center;padding:3rem;opacity:.8}.no-news p{font-size:1.1rem}@media (max-width: 768px){.news-section{padding:1rem;margin:1rem}.news-header h2{font-size:2rem}.news-grid{grid-template-columns:1fr;gap:1rem}.news-card{padding:1rem}.news-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.news-section{padding:.75rem}.news-header h2{font-size:1.75rem}.news-title{font-size:1.1rem}.news-description{font-size:.9rem}}.promo-banner{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.promo-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.promo-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:1}.promo-left{display:flex;align-items:center;gap:1.5rem;flex:1}.promo-icon-group{display:flex;flex-direction:column;gap:.5rem;align-items:center}.promo-icon{color:#fff;background:#ffffff26;padding:.75rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.bot-icon{animation:bounce 2s infinite}.slack-icon{animation:pulse 2s infinite}.shield-icon{animation:glow 3s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 20px #fffc,0 0 30px #fff9}}.promo-text{flex:1}.promo-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.promo-description{color:#ffffffe6;margin-bottom:1rem;line-height:1.6;font-size:.95rem}.promo-features{display:flex;flex-wrap:wrap;gap:1rem}.promo-feature{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.85rem;background:#ffffff1a;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.promo-feature svg{color:#fbbf24}.promo-right{display:flex;flex-direction:column;align-items:center;gap:.5rem}.promo-cta-button{background:linear-gradient(45deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #10b98166;border:2px solid rgba(255,255,255,.2);white-space:nowrap}.promo-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98199;background:linear-gradient(45deg,#059669,#047857)}.promo-cta-button:active{transform:translateY(0)}.promo-subtitle{color:#fffc;font-size:.8rem;text-align:center;font-style:italic;margin:0}@media (max-width: 768px){.promo-banner{padding:1.5rem;margin:1rem 0}.promo-content{flex-direction:column;text-align:center;gap:1.5rem}.promo-left{flex-direction:column;text-align:center}.promo-icon-group{flex-direction:row;justify-content:center}.promo-title{font-size:1.25rem}.promo-features{justify-content:center}.promo-cta-button{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.promo-banner{padding:1rem}.promo-title{font-size:1.1rem}.promo-description{font-size:.9rem}.promo-features{gap:.5rem}.promo-feature{font-size:.8rem;padding:.2rem .5rem}.promo-cta-button{padding:.75rem 1.25rem;font-size:.85rem}}