:root{--primary-color:#6f42c1;--secondary-color:#007bff;--accent-color:#28a745;--danger-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--info-color:#17a2b8;--dark-color:#343a40;--light-color:#f8f9fa;--text-dark:#212529;--text-light:#6c757d;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,0.1);--gradient-start:#6f42c1;--gradient-end:#007bff;--hero-bg:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#ffffff;color:var(--text-dark);line-height:1.6;margin:0;padding:0;}.container{max-width:1200px;margin:0 auto;padding:0 15px;}.oW9{background:var(--hero-bg);color:white;padding:100px 0;text-align:center;position:relative;overflow:hidden;}.oW9::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text x="20" y="50" font-family="Arial" font-size="12" fill="rgba(255,255,255,0.1)">🔒</text><text x="60" y="30" font-family="Arial" font-size="12" fill="rgba(255,255,255,0.1)">🌐</text></svg>');opacity:0.15;}.eZs h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);animation:fadeInDown 1s ease-out;}.eZs p{font-size:1.25rem;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out 0.3s both;}.o8V{background:white;color:var(--primary-color);border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);animation:fadeInUp 1s ease-out 0.6s both;}.o8V:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3);color:var(--primary-color);}.l9r{text-align:center;margin-bottom:50px;}.l9r h2{font-size:2.5rem;font-weight:700;color:var(--text-dark);margin-bottom:15px;position:relative;display:inline-block;}.l9r h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary-color);border-radius:2px;}.l9r p{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:0 auto;}.p3X{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;}.pGB{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:10px 20px;border-radius:30px;font-size:0.9rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(111,66,193,0.3);transition:all 0.3s ease;}.pGB:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(111,66,193,0.4);}.card{border:none;border-radius:15px;box-shadow:0 5px 20px var(--shadow-color);transition:all 0.3s ease;margin-bottom:25px;overflow:hidden;}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}.card-body{padding:30px;}.bOe{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-left:5px solid var(--primary-color);}.g0V{background:white;text-align:center;height:100%;}.dp7{margin-bottom:20px;}.dp7 i{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.g0V h3{color:var(--text-dark);margin-bottom:15px;font-size:1.4rem;}.wU9{background:var(--light-color);padding:15px;border-radius:10px;margin-top:15px;}.wU9 p{margin:5px 0;font-size:0.9rem;}.uRM{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid var(--info-color);padding:20px;border-radius:10px;margin-top:20px;}.uRM h5{color:var(--info-color);margin-bottom:10px;}.c_t{background:white;border-radius:20px;padding:40px;box-shadow:0 10px 30px var(--shadow-color);margin:30px 0;}.o9K{background:var(--light-color);border-radius:15px;padding:30px;text-align:center;}.fb8{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px var(--shadow-color);}.si2{text-align:center;padding:20px;border-radius:10px;margin:15px 0;}.dBk{padding:10px 20px;border-radius:25px;font-weight:600;font-size:1.1rem;}.dBk.connected{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #28a745;}.dBk.connecting{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:2px solid #ffc107;animation:pulse 1.5s infinite;}.dBk.disconnected{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:2px solid #dc3545;}.mEw{background:var(--light-color);padding:15px;border-radius:10px;font-size:0.9rem;}.mEw p{margin:5px 0;}#eY0{background:linear-gradient(135deg,#1a237e,#283593,#1a237e);border-radius:15px;box-shadow:inset 0 0 20px rgba(0,0,0,0.3);}.fl4{background:var(--light-color);padding:80px 0;}.beq{margin-top:40px;}.af5{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px var(--shadow-color);height:100%;transition:all 0.3s ease;}.af5:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}.af5 h3{color:var(--text-dark);margin-bottom:20px;font-size:1.5rem;}.ekc{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px;}.pros ul,.cons ul{padding-left:20px;margin:10px 0;}.pros li{color:var(--success-color);margin:8px 0;}.cons li{color:var(--danger-color);margin:8px 0;}.mXb{padding:80px 0;}.nMF{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 20px var(--shadow-color);height:100%;}.form-group{margin-bottom:20px;}.form-control{border-radius:10px;border:2px solid var(--border-color);padding:12px 15px;transition:all 0.3s ease;}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.2rem rgba(111,66,193,0.25);}.l7F{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid var(--success-color);border-radius:10px;padding:20px;margin-top:20px;text-align:center;font-weight:600;color:var(--text-dark);display:none;}.knD{background:var(--light-color);padding:80px 0;}.accordion .card{border:none;border-radius:15px;margin-bottom:15px;overflow:hidden;box-shadow:0 3px 10px var(--shadow-color);}.accordion .card-header{background:white;border:none;padding:0;}.accordion .btn-link{color:var(--primary-color);text-decoration:none;font-weight:600;padding:20px 25px;width:100%;text-align:left;transition:all 0.3s ease;}.accordion .btn-link:hover{color:var(--secondary-color);text-decoration:none;}.accordion .card-body{background:white;padding:25px;}.weY{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:10px;font-family:'Courier New',monospace;font-size:0.9rem;overflow-x:auto;margin:15px 0;}.tKE{padding:80px 0;}.fqi{background:white;border-radius:15px;padding:25px;box-shadow:0 5px 20px var(--shadow-color);height:100%;}.fqi h4{color:var(--text-dark);margin-bottom:20px;font-size:1.2rem;font-weight:600;}.form-check{margin-bottom:12px;}.form-check-input{margin-right:10px;}.form-check-label{font-weight:500;cursor:pointer;transition:color 0.3s ease;}.form-check-input:checked + .form-check-label{color:var(--primary-color);}.uD9{border-radius:25px;padding:8px 20px;font-size:0.9rem;transition:all 0.3s ease;}.uD9:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.1);}.cp2{color:var(--success-color);font-weight:600;}.luv{color:var(--danger-color);text-decoration:line-through;}footer{background:linear-gradient(135deg,var(--dark-color) 0%,#23272b 100%);margin-top:50px;}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}.kJ5{animation:pulse 2s infinite;}.jV5{animation:rotate 4s linear infinite;}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (max-width:992px){.eZs h1{font-size:2.8rem;}.l9r h2{font-size:2rem;}.ekc{grid-template-columns:1fr;}.c_t .row > div{margin-bottom:30px;}}@media (max-width:768px){.oW9{padding:60px 0;}.eZs h1{font-size:2.2rem;}.eZs p{font-size:1rem;}.p3X{gap:10px;}.pGB{font-size:0.8rem;padding:8px 15px;}.card-body{padding:20px;}.c_t{padding:20px;}}@media (max-width:576px){.container{padding:0 10px;}.eZs h1{font-size:1.8rem;}.l9r h2{font-size:1.5rem;}.o8V{padding:12px 25px;font-size:1rem;}.fqi{padding:20px;}}.nFX{cursor:pointer;transition:all 0.3s ease;}.nFX:hover{transform:scale(1.02);}.highlight{background:linear-gradient(135deg,#fff3cd,#ffeaa7);padding:3px 6px;border-radius:4px;font-weight:600;}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px;}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px;}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color);}.spinner{border:4px solid rgba(111,66,193,0.3);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}[data-tooltip]{position:relative;cursor:help;}[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--dark-color);color:white;padding:8px 12px;border-radius:5px;font-size:0.85rem;white-space:nowrap;z-index:1000;box-shadow:0 3px 10px rgba(0,0,0,0.2);}[data-tooltip]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--dark-color);margin-bottom:-5px;}.hX3{transition:all 0.3s ease;}.hX3:hover{filter:brightness(1.2);transform:scale(1.1);}.t4t{stroke-width:3;stroke-linecap:round;animation:flow 2s infinite linear;}@keyframes flow{0%{stroke-dasharray:10,10;stroke-dashoffset:0;}100%{stroke-dasharray:10,10;stroke-dashoffset:20;}}.packet{transition:all 0.5s ease;}.packet.encrypted{filter:hue-rotate(120deg);}.packet.decrypted{filter:hue-rotate(0deg);}