*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1a1a2e;--secondary:#16213e;--accent:#0f3460;--highlight:#e94560;--text-light:#ffffff;--text-gray:#e0e0e0;--bg-card:#252544;--border:#3a3a5c}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:var(--primary);color:var(--text-light);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--secondary);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{display:flex;align-items:center;gap:10px}.logo-img{width:50px;height:50px}.logo-text{font-size:24px;font-weight:700;color:var(--highlight)}.nav-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:28px;cursor:pointer;padding:5px}.main-nav ul{display:flex;list-style:none;gap:20px;align-items:center}.main-nav a{color:var(--text-light);font-weight:500;padding:8px 12px;border-radius:5px;transition:all .3s;font-size:14px}.main-nav a:hover,.main-nav a.active{background:var(--highlight);color:var(--text-light)}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:5px}.dropdown-toggle i{font-size:10px;transition:transform .3s}.dropdown:hover .dropdown-toggle i{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--secondary);min-width:200px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s;z-index:1000;margin-top:10px;border:1px solid var(--border);display:flex;flex-direction:column;list-style:none}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{width:100%;border-bottom:1px solid var(--border);display:block}.dropdown-menu li:last-child{border-bottom:none}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:0;font-size:14px;width:100%}.dropdown-menu a:hover{background:var(--accent);padding-left:25px}.dropdown-menu i{font-size:14px;color:var(--highlight)}.hero{background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);padding:80px 0;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(233,69,96,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hero-content h1{font-size:48px;margin-bottom:20px;color:var(--text-light)}.hero-content p{font-size:20px;margin-bottom:30px;color:var(--text-gray)}.btn{display:inline-block;padding:12px 30px;background:var(--highlight);color:var(--text-light);border-radius:25px;font-weight:600;transition:all .3s;border:2px solid var(--highlight)}.btn:hover{background:transparent;border-color:var(--highlight);transform:translateY(-2px);box-shadow:0 5px 15px rgba(233,69,96,.4)}.btn-secondary{background:transparent;border:2px solid var(--text-light)}.btn-secondary:hover{background:var(--text-light);color:var(--primary)}.section{padding:60px 0}.section-title{text-align:center;font-size:36px;margin-bottom:40px;color:var(--highlight);position:relative;padding-bottom:15px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--highlight)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:var(--bg-card);padding:30px;border-radius:10px;transition:all .3s;border:1px solid var(--border)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(233,69,96,.2)}.card-icon{width:60px;height:60px;margin:0 auto 20px;background:var(--highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}.card h3{text-align:center;margin-bottom:15px;color:var(--highlight);font-size:22px}.card p{color:var(--text-gray);text-align:center;line-height:1.8}.features-list{list-style:none;margin-top:20px}.features-list li{padding:10px 0;padding-left:30px;position:relative;color:var(--text-gray)}.features-list li::before{content:'✓';position:absolute;left:0;color:var(--highlight);font-weight:700;font-size:18px}.status-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;animation:blink 2s ease-in-out infinite}.status-online{background:#4caf50;box-shadow:0 0 10px #4caf50}.status-maintenance{background:#ff9800;box-shadow:0 0 10px #ff9800}.status-offline{background:#f44336;box-shadow:0 0 10px #f44336}@keyframes blink{0%,100%{opacity:1}50%{opacity:.5}}.table-responsive{overflow-x:auto;margin-top:20px}.ranking-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:10px;overflow:hidden}.ranking-table thead{background:var(--accent)}.ranking-table th,.ranking-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border)}.ranking-table th{color:var(--highlight);font-weight:600}.ranking-table tbody tr{transition:all .3s}.ranking-table tbody tr:hover{background:var(--secondary)}.ranking-table .rank{font-weight:700;color:var(--highlight);font-size:18px}.ranking-table .trophy{font-size:24px}.testimonial{background:var(--bg-card);padding:25px;border-radius:10px;border-left:4px solid var(--highlight);margin-bottom:20px}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.testimonial-avatar{width:50px;height:50px;border-radius:50%;background:var(--highlight);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.testimonial-info h4{color:var(--text-light);margin-bottom:5px}.testimonial-info .date{color:var(--text-gray);font-size:14px}.testimonial-text{color:var(--text-gray);line-height:1.8;font-style:italic}.rating{color:#ffc107;font-size:18px}.blog-card{background:var(--bg-card);border-radius:10px;overflow:hidden;transition:all .3s;border:1px solid var(--border)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(233,69,96,.2)}.blog-img{width:100%;height:200px;object-fit:cover}.blog-content{padding:25px}.blog-meta{display:flex;gap:15px;margin-bottom:15px;font-size:14px;color:var(--text-gray)}.blog-title{font-size:22px;margin-bottom:15px;color:var(--text-light)}.blog-title:hover{color:var(--highlight)}.blog-excerpt{color:var(--text-gray);margin-bottom:20px;line-height:1.8}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-light);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 15px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;color:var(--text-light);font-size:16px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--highlight);box-shadow:0 0 10px rgba(233,69,96,.2)}.form-group textarea{resize:vertical;min-height:120px}.map-container{margin-top:30px;border-radius:10px;overflow:hidden;height:400px}.map-container iframe{width:100%;height:100%;border:none}footer{background:var(--secondary);padding:40px 0 20px;border-top:2px solid var(--accent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{color:var(--highlight);margin-bottom:20px;font-size:20px}.footer-section p,.footer-section a{color:var(--text-gray);line-height:2}.footer-section a:hover{color:var(--highlight)}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.social-links{display:flex;gap:15px;margin-top:15px}.social-icon{width:40px;height:40px;background:var(--bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s;border:1px solid var(--border)}.social-icon:hover{background:var(--highlight);transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border);color:var(--text-gray);font-size:14px}.server-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.server-card{background:var(--bg-card);padding:25px;border-radius:10px;border:1px solid var(--border);text-align:center}.server-card h3{margin-bottom:15px;color:var(--text-light)}.server-stat{margin:10px 0;color:var(--text-gray)}.server-stat strong{color:var(--text-light)}@media(max-width:768px){.nav-toggle{display:block}.main-nav{position:fixed;top:80px;left:-100%;width:80%;max-width:300px;height:calc(100vh - 80px);background:var(--secondary);transition:left .3s;padding:20px;box-shadow:2px 0 10px rgba(0,0,0,.3);overflow-y:auto}.main-nav.active{left:0}.main-nav ul{flex-direction:column;gap:0}.main-nav li{width:100%;border-bottom:1px solid var(--border)}.main-nav a{display:block;padding:15px 10px}.dropdown-menu{position:relative;opacity:0;visibility:hidden;height:0;overflow:hidden;margin-top:0;box-shadow:none;border:none;background:var(--accent)}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;height:auto;margin-top:5px}.dropdown-menu li{border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-menu a{padding-left:30px;font-size:13px}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.section-title{font-size:28px}.grid-3{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}}.error-page{text-align:center;padding:100px 20px}.error-page h1{font-size:120px;color:var(--highlight);margin-bottom:20px}.error-page h2{font-size:32px;margin-bottom:20px}.error-page p{color:var(--text-gray);margin-bottom:30px;font-size:18px}.breadcrumb{padding:15px 0;background:var(--secondary)}.breadcrumb-list{display:flex;list-style:none;gap:10px;flex-wrap:wrap}.breadcrumb-list li{color:var(--text-gray)}.breadcrumb-list a{color:var(--text-light)}.breadcrumb-list a:hover{color:var(--highlight)}.article-content{max-width:800px;margin:0 auto}.article-header{margin-bottom:40px;text-align:center}.article-title{font-size:42px;color:var(--text-light);margin-bottom:20px}.article-meta{color:var(--text-gray);font-size:14px}.article-body{background:var(--bg-card);padding:40px;border-radius:10px;line-height:1.9;color:var(--text-gray)}.article-body h2{color:var(--highlight);font-size:32px;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid var(--border)}.article-body h3{color:var(--text-light);font-size:24px;margin:25px 0 15px}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{margin:20px 0 20px 30px;color:var(--text-gray)}.article-body li{margin-bottom:10px}.info-box{background:var(--accent);padding:20px;border-radius:8px;margin:25px 0;border-left:4px solid var(--highlight)}.info-box p{margin:0;color:var(--text-light)}.cta-section{background:linear-gradient(135deg,var(--highlight) 0%,var(--accent) 100%);padding:60px 0;text-align:center;margin:60px 0;border-radius:15px}.cta-section h2{font-size:36px;margin-bottom:20px;color:var(--text-light)}.cta-section p{font-size:18px;margin-bottom:30px;color:var(--text-gray)}