*{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:#f8f9fa}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 15px}header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.1)}nav{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{color:#fff;text-decoration:none}.logo img{height:40px}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:0.3s;border-radius:2px}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.nav-menu{display:flex;list-style:none;gap:25px;margin:0}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;padding:10px 15px;border-radius:5px}.nav-menu a:hover{color:#ffd700;background:rgba(255,255,255,0.1)}.hero{background:linear-gradient(rgba(30,60,114,0.8),rgba(42,82,152,0.8)),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23f0f0f0" width="1200" height="600"/></svg>');color:#fff;text-align:center;padding:80px 0;background-size:cover}.hero h1{font-size:48px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero p{font-size:20px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 30px;background:#ff6b35;color:#fff;text-decoration:none;border-radius:25px;font-weight:bold;transition:all 0.3s;border:none;cursor:pointer}.btn:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,53,0.4)}.btn-secondary{background:#28a745}.btn-secondary:hover{background:#218838}.section{padding:60px 0}.section h2{text-align:center;font-size:36px;margin-bottom:50px;color:#1e3c72}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.15)}.card h3{color:#1e3c72;margin-bottom:15px;font-size:24px}.card p{color:#666;line-height:1.8}.feature-icon{font-size:48px;color:#ff6b35;margin-bottom:20px}.toc{background:#f8f9fa;padding:20px;border-radius:8px;margin:30px 0;border-left:4px solid #ff6b35}.toc h3{color:#1e3c72;margin-bottom:15px}.toc ul{list-style:none}.toc li{margin:8px 0}.toc a{color:#666;text-decoration:none;transition:color 0.3s}.toc a:hover{color:#ff6b35}.content{max-width:800px;margin:0 auto;padding:40px 20px}.content h1{color:#1e3c72;font-size:36px;margin-bottom:30px;text-align:center}.content h2{color:#1e3c72;font-size:28px;margin:40px 0 20px;border-bottom:2px solid #ff6b35;padding-bottom:10px}.content h3{color:#2a5298;font-size:22px;margin:30px 0 15px}.content p{margin-bottom:20px;line-height:1.8;color:#444}.content ul,.content ol{margin:20px 0;padding-left:30px}.content li{margin:8px 0;line-height:1.6}.highlight{background:#fff3cd;padding:20px;border-left:4px solid #ffc107;margin:20px 0;border-radius:4px}.quote{background:#e9ecef;padding:20px;border-left:4px solid #6c757d;margin:20px 0;font-style:italic}.sidebar{background:#fff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);margin-bottom:30px}.sidebar h3{color:#1e3c72;margin-bottom:20px;font-size:20px}.sidebar ul{list-style:none}.sidebar li{margin:10px 0;padding:10px;background:#f8f9fa;border-radius:5px;transition:background 0.3s}.sidebar li:hover{background:#e9ecef}.sidebar a{color:#666;text-decoration:none;font-weight:500}.sidebar a:hover{color:#ff6b35}.comments{margin-top:50px}.comment{background:#fff;padding:20px;margin:20px 0;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.comment-author{font-weight:bold;color:#1e3c72;margin-bottom:5px}.comment-date{color:#999;font-size:14px;margin-bottom:10px}.comment-text{line-height:1.6;color:#444}.rating{color:#ffc107;margin:10px 0}.footer{background:#1e3c72;color:#fff;padding:40px 0;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.footer h3{margin-bottom:20px;color:#ffd700}.footer ul{list-style:none}.footer li{margin:8px 0}.footer a{color:#ccc;text-decoration:none;transition:color 0.3s}.footer a:hover{color:#ffd700}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{display:inline-block;width:40px;height:40px;background:#ff6b35;color:#fff;text-align:center;line-height:40px;border-radius:50%;transition:background 0.3s}.social-links a:hover{background:#e55a2b}.floating-buttons{position:fixed;bottom:20px;right:20px;z-index:1000}.floating-btn{display:block;width:60px;height:60px;background:#ff6b35;color:#fff;text-align:center;line-height:60px;border-radius:50%;margin:10px 0;text-decoration:none;font-weight:bold;box-shadow:0 4px 15px rgba(255,107,53,0.4);animation:pulse 2s infinite;transition:all 0.3s}.floating-btn:hover{background:#e55a2b;transform:scale(1.1)}.floating-btn.login{background:#28a745}.floating-btn.login:hover{background:#218838}@keyframes pulse{0%{box-shadow:0 4px 15px rgba(255,107,53,0.4)}50%{box-shadow:0 4px 25px rgba(255,107,53,0.7)}100%{box-shadow:0 4px 15px rgba(255,107,53,0.4)}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#1e3c72,#2a5298);flex-direction:column;gap:0;margin:0;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all 0.3s ease}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{margin:0}.nav-menu a{display:block;padding:15px;border-bottom:1px solid rgba(255,255,255,0.1);margin:0}.nav-menu a:hover{background:rgba(255,255,255,0.2)}.hero h1{font-size:32px}.hero p{font-size:18px}.section h2{font-size:28px}.grid{grid-template-columns:1fr}.floating-buttons{bottom:15px;right:15px}.floating-btn{width:50px;height:50px;line-height:50px;font-size:12px}}.breadcrumb{background:#f8f9fa;padding:15px 0;margin-bottom:30px}.breadcrumb ul{list-style:none;display:flex;flex-wrap:wrap}.breadcrumb li{margin-right:10px}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb a:hover{color:#ff6b35}.related-posts{margin-top:50px;background:#f8f9fa;padding:30px;border-radius:10px}.related-posts h3{color:#1e3c72;margin-bottom:20px}.related-item{display:flex;margin:15px 0;padding:15px;background:#fff;border-radius:8px;transition:transform 0.3s}.related-item:hover{transform:translateX(5px)}.related-item img{width:80px;height:60px;object-fit:cover;border-radius:5px;margin-right:15px}.related-content h4{color:#1e3c72;margin-bottom:5px;font-size:16px}.related-content p{color:#666;font-size:14px;line-height:1.4}