.a0L{background:linear-gradient(135deg,#3498db 0%,#8e44ad 100%);color:white;padding:80px 20px;text-align:center;position:relative;overflow:hidden;margin-bottom:40px;}.a0L::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"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.3;}.v9f{position:relative;z-index:1;}.a0L h1{font-size:3rem;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.3);}.a0L p{font-size:1.2rem;margin-bottom:30px;opacity:0.9;max-width:800px;margin-left:auto;margin-right:auto;}.u4z{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;}.ykv{background:rgba(255,255,255,0.2);color:white;padding:8px 15px;font-size:0.9rem;border:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;}.ykv:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.2);}.wDP{padding:60px 0;background:#f8f9fa;}.wDP h2{color:#2c3e50;font-weight:700;}.gXC{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;}.lQA{flex:1;min-width:200px;max-width:250px;text-align:center;padding:30px 20px;background:white;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;position:relative;}.lQA:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15);}.yEx{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#8e44ad);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;margin:0 auto 20px;}.uQW{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:15px;}.uMQ{color:#7f8c8d;font-size:0.95rem;line-height:1.6;}.arj{padding:60px 0;}.zQz{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:30px;margin-bottom:30px;}.zQz h2{color:#2c3e50;font-weight:600;margin-bottom:25px;}.g9G{margin-bottom:25px;}.v80{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:12px 20px;transition:all 0.3s ease;}.v80:hover{background:#e9ecef;border-color:#adb5bd;}.v80.active{background:linear-gradient(135deg,#3498db,#8e44ad);color:white;border-color:#3498db;}.v80 i{margin-right:8px;}.ibX{height:400px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;position:relative;overflow:hidden;border:2px dashed #dee2e6;}.vMF{display:flex;flex-wrap:wrap;gap:15px;}.bP_{background:linear-gradient(135deg,#3498db,#8e44ad);color:white;border:none;padding:12px 20px;border-radius:8px;font-weight:500;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;}.bP_:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(52,152,219,0.4);}.bP_ i{font-size:1rem;}.xKD{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:25px;margin-bottom:20px;}.xKD h3{color:#2c3e50;font-weight:600;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;}.eqq{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:25px;margin-bottom:20px;}.eqq h3{color:#2c3e50;font-weight:600;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;}.bTj{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;}.qgp{display:flex;flex-direction:column;padding:10px;background:#f8f9fa;border-radius:8px;text-align:center;}.xOg{color:#7f8c8d;font-size:0.85rem;margin-bottom:5px;}.khM{color:#2c3e50;font-weight:600;font-size:1rem;}.g4Y{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:25px;}.g4Y h3{color:#2c3e50;font-weight:600;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;}.yIk{height:200px;display:flex;align-items:center;justify-content:center;}.dbK{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:25px;margin-top:20px;}.dbK h3{color:#2c3e50;font-weight:600;margin-bottom:20px;}.pg2{background:#f8f9fa;border-radius:8px;padding:20px;min-height:150px;max-height:200px;overflow-y:auto;font-family:'Courier New',monospace;font-size:0.9rem;}.dfd{margin-bottom:10px;padding:8px;border-radius:4px;background:white;border-left:3px solid #3498db;}.dfd.http{border-left-color:#3498db;}.dfd.ftp{border-left-color:#27ae60;}.dfd.smtp{border-left-color:#e74c3c;}.dfd.dns{border-left-color:#9b59b6;}.iAW{position:absolute;width:100px;height:100px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-weight:bold;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:10;text-align:center;padding:10px;}.iAW:hover{transform:scale(1.1);z-index:20;}.iAW i{font-size:2rem;margin-bottom:5px;}.iAW.http{background:linear-gradient(135deg,#3498db,#2980b9);}.iAW.ftp{background:linear-gradient(135deg,#27ae60,#229954);}.iAW.smtp{background:linear-gradient(135deg,#e74c3c,#c0392b);}.iAW.dns{background:linear-gradient(135deg,#9b59b6,#8e44ad);}.iAW.client{background:linear-gradient(135deg,#f39c12,#d35400);}.iAW.server{background:linear-gradient(135deg,#34495e,#2c3e50);}.pi9{position:absolute;height:4px;background:#95a5a6;transform-origin:0 0;z-index:5;border-radius:2px;}.pi9.active{background:#3498db;box-shadow:0 0 15px rgba(52,152,219,0.9);animation:pulse_animation 1s infinite;}@keyframes pulse_animation{0%{opacity:0.6;}50%{opacity:1;}100%{opacity:0.6;}}.dbK{background:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:25px;margin-top:20px;}.dbK h3{color:#2c3e50;font-weight:600;margin-bottom:20px;}.pg2{background:#f8f9fa;border-radius:8px;padding:20px;min-height:150px;max-height:200px;overflow-y:auto;font-family:'Courier New',monospace;font-size:0.9rem;color:#34495e;}.pg2 .alert{color:#2c3e50;background-color:#e3f2fd;border-color:#bbdefb;}.pg2 .alert i{color:#3498db;}.dfd{margin-bottom:10px;padding:8px;border-radius:4px;background:white;border-left:3px solid #3498db;color:#2c3e50;}.dfd.http{border-left-color:#3498db;}.dfd.ftp{border-left-color:#27ae60;}.dfd.smtp{border-left-color:#e74c3c;}.dfd.dns{border-left-color:#9b59b6;}.vSx{position:absolute;width:20px;height:20px;border-radius:50%;background:#f39c12;box-shadow:0 0 12px rgba(243,156,18,0.9);z-index:15;transition:all 0.1s linear;}.vSx.http{background:#3498db;box-shadow:0 0 12px rgba(52,152,219,0.9);}.vSx.ftp{background:#27ae60;box-shadow:0 0 12px rgba(39,174,96,0.9);}.vSx.smtp{background:#e74c3c;box-shadow:0 0 12px rgba(231,76,60,0.9);}.vSx.dns{background:#9b59b6;box-shadow:0 0 12px rgba(155,89,182,0.9);}@media (max-width:768px){.a0L h1{font-size:2.2rem;}.a0L p{font-size:1rem;}.gXC{flex-direction:column;align-items:center;}.lQA{max-width:100%;width:100%;}.vMF{flex-direction:column;}.bP_{width:100%;justify-content:center;}.u4z{flex-direction:column;align-items:center;}.ykv{width:100%;max-width:300px;text-align:center;}.bTj{grid-template-columns:1fr;}}