*{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f8f9fc;color:#2d2d2d;line-height:1.7}
        .container{max-width:1200px;margin:0 auto;padding:0 20px}
        a{color:#e2231a;text-decoration:none;transition:all .3s}
        a:hover{color:#b01810;text-decoration:underline}
        img{max-width:100%;height:auto;border-radius:12px}
        .fa, .fas, .far{font-family:'Font Awesome 6 Free'!important}
        header{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.2)}
        .header-inner{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;max-width:1200px;margin:0 auto}
        .my-logo{font-size:2.2em;font-weight:900;color:#fff;letter-spacing:-1px;font-style:italic}
        .my-logo span{color:#e2231a}
        .my-logo:hover{text-decoration:none;transform:scale(1.03)}
        nav{display:flex;gap:8px}
        nav a{color:#cbd5e0;padding:10px 16px;border-radius:8px;font-size:.9em;font-weight:600;transition:all .3s}
        nav a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
        nav a.active{background:#e2231a;color:#fff}
        .hamburger{display:none;background:none;border:none;color:#fff;font-size:1.6em;cursor:pointer}
        .breadcrumb{background:#fff;padding:10px 0;border-bottom:1px solid #eee;font-size:.85em}
        .breadcrumb-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
        .breadcrumb-wrap a{color:#555}
        .breadcrumb-wrap a:hover{color:#e2231a}
        .breadcrumb-wrap .fa{font-size:.8em;margin:0 6px;color:#aaa}
        .hero{background:linear-gradient(135deg,#0f3460,#1a1a2e);color:#fff;padding:80px 20px;text-align:center}
        .hero h1{font-size:2.8em;line-height:1.2;margin-bottom:15px}
        .hero h1 span{color:#e2231a}
        .hero p{font-size:1.25em;max-width:750px;margin:0 auto 25px;opacity:.9}
        .hero .btn{background:#e2231a;color:#fff;padding:15px 40px;border-radius:50px;font-weight:700;font-size:1.1em;display:inline-block;transition:all .3s}
        .hero .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(226,35,26,.4);text-decoration:none}
        .content{padding:50px 20px}
        .content-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;max-width:1200px;margin:0 auto}
        .sidebar{position:sticky;top:90px;align-self:start;background:#fff;border-radius:16px;padding:25px;box-shadow:0 2px 15px rgba(0,0,0,.06)}
        .sidebar h3{font-size:1.1em;margin-bottom:15px;color:#1a1a2e;border-bottom:2px solid #e2231a;padding-bottom:8px}
        .sidebar ul{list-style:none}
        .sidebar li{margin-bottom:8px}
        .sidebar a{color:#3d3d3d;font-size:.9em;display:block;padding:6px 12px;border-radius:6px;transition:all .2s}
        .sidebar a:hover{background:#fce8e7;color:#e2231a;text-decoration:none;padding-left:18px}
        .main-content{min-width:0}
        .card{background:#fff;border-radius:16px;padding:35px;margin-bottom:30px;box-shadow:0 2px 15px rgba(0,0,0,.06)}
        .card h2{font-size:1.7em;color:#1a1a2e;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}
        .card h3{font-size:1.25em;color:#2d2d2d;margin:20px 0 12px}
        .card h4{font-size:1.05em;color:#555;margin:15px 0 8px;font-weight:600}
        .card p{margin-bottom:15px;text-align:justify}
        .card ul,.card ol{margin:0 0 15px 25px}
        .card li{margin-bottom:8px}
        .highlight{background:#fce8e7;border-left:4px solid #e2231a;padding:15px 20px;border-radius:0 8px 8px 0;margin:20px 0}
        .tip{background:#e8f4ec;border-left:4px solid #27ae60;padding:15px 20px;border-radius:0 8px 8px 0;margin:20px 0}
        .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}
        .stat-box{text-align:center;padding:20px 10px;background:#f8f9fc;border-radius:12px}
        .stat-box .num{font-size:2em;font-weight:800;color:#e2231a}
        .stat-box .label{font-size:.85em;color:#777}
        .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
        .feature-item{background:#fafbff;padding:20px;border-radius:12px;border:1px solid #eee}
        .feature-item i{font-size:1.8em;color:#e2231a;margin-bottom:10px}
        .feature-item h4{margin-top:0}
        .pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0}
        .pros,.cons{background:#f8f9fc;border-radius:12px;padding:20px}
        .pros h4{color:#27ae60;margin-top:0}
        .cons h4{color:#e2231a;margin-top:0}
        .table-wrap{overflow-x:auto}
        table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9em}
        table th{background:#1a1a2e;color:#fff;padding:12px 15px;text-align:left}
        table td{padding:12px 15px;border-bottom:1px solid #eee}
        table tr:hover td{background:#f8f9fc}
        .search-section{background:linear-gradient(135deg,#e2231a,#f39c12);padding:40px;border-radius:16px;margin:30px 0;text-align:center}
        .search-section h3{color:#fff;font-size:1.6em;margin-bottom:10px}
        .search-section form{display:flex;max-width:500px;margin:20px auto 0}
        .search-section input{flex:1;padding:15px 20px;border:none;border-radius:50px 0 0 50px;font-size:1em;outline:none}
        .search-section button{background:#1a1a2e;color:#fff;border:none;padding:15px 25px;border-radius:0 50px 50px 0;cursor:pointer;font-size:1.1em;transition:all .3s}
        .search-section button:hover{background:#16213e}
        .comment-box,.rating-box{background:#f8f9fc;border-radius:12px;padding:25px;margin-top:20px}
        .comment-box textarea{width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:1em;resize:vertical;min-height:100px;font-family:inherit}
        .comment-box .btn,.rating-box .btn{background:#e2231a;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1em;cursor:pointer;margin-top:10px;transition:all .3s}
        .comment-box .btn:hover,.rating-box .btn:hover{background:#b01810}
        .rating-stars{display:flex;gap:5px;font-size:2em;color:#ddd;cursor:pointer;justify-content:center;margin:15px 0}
        .rating-stars i.active{color:#f39c12}
        .user-comment{border-bottom:1px solid #eee;padding:15px 0}
        .user-comment .name{font-weight:700;color:#1a1a2e}
        .user-comment .date{font-size:.8em;color:#999}
        .user-comment .stars{color:#f39c12}
        .friend-link{display:block;background:#1a1a2e;color:#99a;padding:20px;border-radius:12px;margin-top:20px;font-size:.9em}
        friend-link{display:block;background:#1a1a2e;color:#99a;padding:20px;border-radius:12px;margin-top:20px;font-size:.9em}
        friend-link a{color:#fff}
        footer{background:#0d1117;color:#8b949e;padding:40px 20px 20px;margin-top:50px}
        .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}
        .footer-grid h4{color:#fff;font-size:1.1em;margin-bottom:15px}
        .footer-grid a{color:#8b949e;display:block;margin-bottom:8px}
        .footer-grid a:hover{color:#fff}
        .copyright{text-align:center;padding-top:30px;border-top:1px solid #1a1a2e;margin-top:40px;font-size:.85em}
        @media(max-width:992px){
            .content-grid{grid-template-columns:1fr}
            .sidebar{position:static;margin-bottom:30px}
            .stats-grid{grid-template-columns:repeat(2,1fr)}
            .feature-list{grid-template-columns:1fr}
            .pros-cons{grid-template-columns:1fr}
        }
        @media(max-width:768px){
            .header-inner{flex-wrap:wrap}
            nav{display:none;width:100%;flex-direction:column;padding:10px 0;background:#0f3460;border-radius:8px;margin-top:10px}
            nav.open{display:flex}
            nav a{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
            .hamburger{display:block}
            .hero h1{font-size:2em}
            .hero p{font-size:1em}
            .content{padding:30px 15px}
            .card{padding:25px 20px}
            .card h2{font-size:1.4em}
            .footer-grid{grid-template-columns:1fr}
            .table-wrap{width:100%}
        }
        @media(max-width:480px){
            .stats-grid{grid-template-columns:1fr}
            .pros-cons{grid-template-columns:1fr}
        }