.elementor-3526 .elementor-element.elementor-element-e3a0106{--display:flex;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text.wpr-anim-text-type-rotate-1 b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text.wpr-anim-text-type-slide b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text.wpr-anim-text-type-zoom b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text.wpr-anim-text-type-push b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text-cursor{-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-3526 .elementor-element.elementor-element-818b7e1.elementor-element{--align-self:center;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-advanced-text{text-align:center;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-advanced-text a{text-align:center;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-advanced-text-preffix{color:#00D9FF;font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:500;text-transform:capitalize;padding-top:0px;padding-bottom:0px;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text{color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text{color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text b, .elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text b i,.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-anim-text,.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-highlighted-text{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:500;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-advanced-text-suffuix{padding-top:0px;padding-bottom:0px;}.elementor-3526 .elementor-element.elementor-element-818b7e1 .wpr-advanced-text-suffix{color:#333333;}.elementor-3526 .elementor-element.elementor-element-dddd8ae{--display:flex;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text.wpr-anim-text-type-rotate-1 b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text.wpr-anim-text-type-slide b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text.wpr-anim-text-type-zoom b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text.wpr-anim-text-type-push b{-webkit-animation-duration:1s;animation-duration:1s;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-3526 .elementor-element.elementor-element-0f736e5.elementor-element{--align-self:center;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-advanced-text{text-align:center;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-advanced-text a{text-align:center;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-advanced-text-preffix{color:#00D9FF;font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:500;text-transform:capitalize;padding-top:10px;padding-bottom:10px;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text{color:var( --e-global-color-accent );padding:10px 10px 10px 10px;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text{color:var( --e-global-color-accent );padding:10px 10px 10px 10px;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text b, .elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text b i,.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-anim-text,.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-highlighted-text{font-family:"Playfair Display", Sans-serif;font-size:40px;font-weight:500;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-advanced-text-suffuix{padding-top:10px;padding-bottom:10px;}.elementor-3526 .elementor-element.elementor-element-0f736e5 .wpr-advanced-text-suffix{color:#333333;}.elementor-3526 .elementor-element.elementor-element-f1352eb{--display:flex;}.elementor-3526 .elementor-element.elementor-element-2bf9986{--display:flex;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3526 .elementor-element.elementor-element-8d8dc1d > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(40px/2);}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(40px/2);}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(40px/2);margin-left:calc(40px/2);}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-40px/2);margin-left:calc(-40px/2);}body.rtl .elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-40px/2);}body:not(.rtl) .elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-40px/2);}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-item:not(:last-child):after{content:"";height:100%;border-color:#ddd;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:dashed;border-top-width:1px;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:dashed;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-icon{width:15px;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-icon i{font-size:15px;}.elementor-3526 .elementor-element.elementor-element-8d8dc1d .elementor-icon-list-icon svg{--e-icon-list-icon-size:15px;}.elementor-3526 .elementor-element.elementor-element-f948759{--display:flex;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-avatar img{width:70px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-wrap > h3{text-align:center;color:#708090;border-color:#e8e8e8;font-size:17px;letter-spacing:0.5px;border-style:none;margin-bottom:25px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .even .wpr-post-comment{background-color:#00D9FF0D;}.elementor-3526 .elementor-element.elementor-element-498bc9e .odd .wpr-post-comment{background-color:#FF6B6B0D;}.elementor-3526 .elementor-element.elementor-element-498bc9e .bypostauthor .wpr-post-comment{background-color:#708090;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-post-comment{border-color:#060000;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:40px 40px 40px 40px;margin-bottom:50px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-list .children{padding-left:24px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-meta, .wpr-comment-content{margin-left:calc(70px + 20px);}.elementor-3526 .elementor-element.elementor-element-498bc9e.wpr-comment-reply-separate .wpr-comment-reply{margin-left:calc(70px + 20px);}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-avatar{border-radius:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-author span{color:#6AD8BA;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-author a{color:#6AD8BA;transition-duration:0.1s;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-author{font-family:"Roboto Condensed", Sans-serif;font-size:15px;font-weight:700;text-transform:capitalize;margin-bottom:2px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-metadata{color:#38B6F2;font-family:"Roboto Condensed", Sans-serif;font-size:12px;margin-bottom:5px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-metadata a{color:#38B6F2;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-reply:before{color:#38B6F2;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-content{color:#999999;font-family:"Stardos Stencil", Sans-serif;font-size:17px;font-weight:600;font-style:normal;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-content a{color:#2F8EF8;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-reply a{color:#38B6F2;border-color:#000000;font-size:13px;font-weight:700;transition-duration:0.6s;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-reply a:hover{color:#999999;border-color:#000000;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation a{color:#12CFC3;transition-duration:0.1s;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation span{color:#12CFC3;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation a, .elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation span{font-size:13px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation a:hover{color:#54595f;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comments-navigation span.current{color:#54595f;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-reply-title{color:#6EC1E4;border-color:#e8e8e8;font-family:"Raleway", Sans-serif;font-size:17px;font-weight:700;letter-spacing:0.5px;border-style:none;margin-top:85px;margin-bottom:10px;text-align:left;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]{color:#000000;background-color:#FF6B6B0D;border-color:#00D9FF0D;transition-duration:0.6s;padding:10px 0px 10px 10px;border-style:solid;border-width:5px 5px 5px 5px;border-radius:40px 40px 40px 40px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea{color:#000000;background-color:#FF6B6B0D;border-color:#00D9FF0D;transition-duration:0.6s;padding:10px 0px 10px 10px;border-style:solid;border-width:5px 5px 5px 5px;border-radius:40px 40px 40px 40px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form label{color:#000000;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form .logged-in-as a{color:#000000;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form .logged-in-as .required-field-message{color:#000000;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]::placeholder{color:#999999;opacity:1;transition-duration:0.6s;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea::placeholder{color:#999999;opacity:1;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]::-ms-input-placeholder{color:#999999;transition-duration:0.6s;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea::-ms-input-placeholder{color:#999999;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form label, .elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text], .elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea, .elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form .logged-in-as{font-family:"Times New Roman", Sans-serif;font-size:14px;font-weight:600;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]:focus{color:#999999;background-color:#00D9FF0D;border-color:#FF6B6B0D;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea:focus{color:#999999;background-color:#00D9FF0D;border-color:#FF6B6B0D;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]:focus::placeholder{color:#999999;opacity:1;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea:focus::placeholder{color:#999999;opacity:1;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form input[type=text]:focus::-ms-input-placeholder{color:#999999;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form textarea:focus::-ms-input-placeholder{color:#999999;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form-author{margin-bottom:10px;margin-right:10px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form-email{margin-bottom:10px;margin-right:10px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form-url{margin-bottom:10px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-comment-form-text{margin-bottom:10px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-submit-comment{color:#999999;background-color:#00D9FF0D;border-color:#FF6B6B0D;font-family:"Times New Roman", Sans-serif;font-size:15px;font-weight:600;text-decoration:underline;letter-spacing:0.5px;transition-duration:0.7s;padding:10px 50px 10px 50px;margin:10px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-radius:70px 70px 70px 70px;}.elementor-3526 .elementor-element.elementor-element-498bc9e .wpr-submit-comment:hover{color:#999999;background-color:#FF6B6B0D;border-color:#00D9FF0D;}.elementor-3526 .elementor-element.elementor-element-498bc9e .form-submit{text-align:right;}.elementor-3526 .elementor-element.elementor-element-ee76b83{--display:flex;}.elementor-3526 .elementor-element.elementor-element-fca7605.wpr-stt-btn-align-fixed-right .wpr-stt-btn{right:30px;bottom:30px;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-content{color:#ffffff;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-icon{color:#ffffff;font-size:14px;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-icon svg{fill:#ffffff;width:14px;height:14px;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-btn{background-color:#008000;transition:all  0.3s ease-in-out 0s;padding:15px 15px 15px 15px;border-radius:2px 2px 2px 2px;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-btn:hover > .wpr-stt-icon{Color:#fff;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-btn:hover > .wpr-stt-icon svg{fill:#fff;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-btn:hover{background-color:#4039EC;}.elementor-3526 .elementor-element.elementor-element-fca7605 .wpr-stt-btn svg{transition:all  0.3s ease-in-out 0s;}/* Start custom CSS for html, class: .elementor-element-665c9a7 */body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.7;
            color: #999999;
            background-color: transparent;
            margin: auto;
        }
        h1 {
            text-align: center;
            color: #00D9FF;
            font-size: 2.5em;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        h2 {
            font-size: 1.8em;
            margin-top: 30px;
            margin-bottom: 15px;
            font-weight: 600;
            line-height: 1.3;
        }
        h3 {
            font-size: 1.5em;
            margin-top: 25px;
            margin-bottom: 12px;
            font-weight: 600;
            line-height: 1.3;
        }
        p {
            margin-bottom: 20px;
            color: #999999;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 25px 0;
            color: #999999;
        }
        thead {
            background-color: rgba(0, 217, 255, 0.1);
        }
        th {
            padding: 15px;
            text-align: left;
            border-bottom: 2px solid #00D9FF;
            color: #e0e0e0;
            font-weight: 600;
        }
        td {
            padding: 15px;
            border-bottom: 1px solid #333;
            vertical-align: top;
        }
        tbody tr:nth-child(even) {
            background-color: rgba(255, 255, 255, 0.05);
        }
        ul, ol {
            margin: 20px 0;
            padding-left: 30px;
            color: #999999;
        }
        li {
            margin-bottom: 10px;
        }
        ul li {
            list-style-type: none;
            position: relative;
        }
        ul li:before {
            content: "▸";
            color: #00D9FF;
            position: absolute;
            left: -20px;
        }
        ol li {
            padding-left: 5px;
        }
        div {
            box-sizing: border-box;
        }
        span {
            font-weight: inherit;
        }
        strong {
            font-weight: 700;
        }
        em {
            font-style: italic;
        }
        a {
            color: #7b98f2;
            text-decoration: none;
            transition: color 0.3s ease;
        }
        p a {
            color: #2f8ef8;
        }
        li a {
            color: #2f8ef8;
        }
        a:hover {
            color: #00D9FF;
            text-decoration: underline;
        }
        .toc-box {
            background-color: rgba(26, 29, 46, 0.7);
            border-radius: 8px;
            padding: 25px;
            margin: 30px 0;
            border-left: 4px solid #00FF88;
        }
        .toc-box a {
            color: #e0e0e0;
        }
        .toc-box ol {
            margin-top: 10px;
        }
        .step-box {
            background-color: rgba(42, 45, 62, 0.5);
            border-radius: 8px;
            padding: 20px;
            margin: 25px 0;
            border-left: 4px solid #4ECDC4;
        }
        .step-title {
            color: #4ECDC4;
            margin-top: 0;
        }
        .red-blue-box {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 30px 0;
        }
        .red-team, .blue-team {
            flex: 1;
            min-width: 300px;
            padding: 25px;
            border-radius: 8px;
        }
        .red-team {
            background-color: rgba(255, 107, 107, 0.1);
            border: 1px solid #FF6B6B;
        }
        .blue-team {
            background-color: rgba(114, 154, 255, 0.1);
            border: 1px solid #729aff;
        }
        hr {
            border: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, #00D9FF, transparent);
            margin: 40px 0;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-665c9a7 *//* ===============================================

           GLOBAL RESET & BASE STYLES

           =============================================== */

        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        body {

            background-color: #12141CEB;

            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

            line-height: 1.6;

        }


        .post-container {

            max-width: 900px;

            margin: 0 auto;

            padding: 40px 20px;

        }

        /* ===============================================

           PARAGRAPH & TEXT STYLES

           =============================================== */

        p {
            color: #999999;
            line-height: 1.8;
            margin-bottom: 15px;
            font-size: 1em;
        }


        .meta-description {
            color: #999999;
            text-align: center;
            font-style: italic;
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 0.95em;
        }


        br {
            display: block;
            content: "";
            margin: 10px 0;
        }


        /* ===============================================

           HORIZONTAL RULE

           =============================================== */

        hr {
            border: none;
            border-top: 2px solid #00D9FF;
            margin: 30px 0;
            background: transparent;
        }


        /* ===============================================

           LIST STYLES (UL, OL, LI)

           =============================================== */

        ul {
            color: #999999;
            line-height: 2;
            margin-left: 20px;
            margin-bottom: 20px;
            list-style-position: outside;
        }

        ol {
            color: #999999;
            line-height: 2;
            margin-left: 20px;
            margin-bottom: 20px;
            list-style-position: outside;
        }

        li {
            color: #999999;
            margin-bottom: 8px;
            font-size: 1em;
            line-height: 1.8;
        }


        /* ===============================================

           TABLE STYLES

           =============================================== */

        table {

            width: 100%;

            border-collapse: collapse;

            margin: 20px 0;

            color: #999999;

        }


        thead {

            background-color: rgba(0, 217, 255, 0.1);

            border-bottom: 2px solid #00D9FF;

        }


        th {

            padding: 12px;

            text-align: left;

            color: #00D9FF;

            font-weight: 600;

            font-size: 0.95em;

        }


        td {

            padding: 12px;

            border-bottom: 1px solid #444;

            font-size: 0.95em;

            color: #999999;

        }


        tbody tr:last-child td {

            border-bottom: none;

        }


        /* ===============================================

           SPAN & INLINE TEXT STYLES

           =============================================== */

        .keyword-highlight {

            color: #00D9FF;

            font-weight: 600;

        }


        .term-highlight {

            color: #00FFFF;

            font-weight: 600;

        }


        .threat-word {

            color: #FF4444;

            font-weight: 600;

        }


        .protection-word {

            color: #00FF88;

            font-weight: 600;

        }


        .bold-emphasis {

            color: #00FFFF;

            font-weight: 600;

        }


        /* ===============================================

           CONTAINER & BOX STYLES

           =============================================== */

        .pro-tip {

            background-color: rgba(0, 217, 255, 0.05);

            border-left: 4px solid #00D9FF;

            padding: 15px;

            margin: 20px 0;

            border-radius: 4px;

        }


        .pro-tip-text {

            color: #999999;

            margin: 0;

            line-height: 1.8;

        }


        .pro-tip-label {

            color: #00D9FF;

            font-weight: 600;

        }


        .warning-box {

            background-color: rgba(255, 68, 68, 0.05);

            border-left: 4px solid #FF4444;

            padding: 15px;

            margin: 20px 0;

            border-radius: 4px;

        }


        .warning-text {

            color: #999999;

            margin: 0;

            line-height: 1.8;

        }


        .warning-label {

            color: #FF4444;

            font-weight: 600;

        }


        .cta-box {

            background-color: rgba(0, 217, 255, 0.1);

            border: 2px solid #00D9FF;

            padding: 20px;

            margin: 20px 0;

            text-align: center;

            border-radius: 8px;

        }


        .cta-heading {

            color: #00D9FF;

            font-size: 1.1em;

            margin: 0;

            font-weight: 600;

            line-height: 1.4;

        }


        .cta-content {

            color: #999999;

            margin-top: 10px;

            line-height: 1.8;

            font-size: 0.95em;

        }


        .visual-placeholder {

            border: 2px dashed #00D9FF;

            padding: 20px;

            margin: 30px 0;

            background-color: rgba(0, 217, 255, 0.05);

            border-radius: 6px;

        }


        .visual-label {

            color: #00D9FF;

            font-weight: 600;

            font-size: 1em;

        }


        .visual-description {

            color: #999999;

            margin-top: 10px;

            font-size: 0.95em;

            line-height: 1.6;

        }


        .visual-alt-text {

            color: #999999;

            font-style: italic;

            font-size: 0.9em;

            margin-top: 10px;

        }


        /* ===============================================

           LINK STYLES

           =============================================== */

        a {

            color: #3366ff;

            text-decoration: none;

            transition: color 0.3s ease;

        }


        a:hover {

            color: #0047b2;

            text-decoration: underline;

        }


        a:visited {

            color: #4d7acc;

        }


        a:active {

            color: #001f4d;

        }


        /* ===============================================

           FOOTER STYLES

           =============================================== */

        .post-footer {

            color: #999999;

            font-size: 0.9em;

            font-style: italic;

            margin-top: 30px;

            padding-top: 20px;

            border-top: 1px solid #00D9FF;

            line-height: 1.6;

        }


        /* ===============================================

           TABLE OF CONTENTS STYLES

           =============================================== */

        .toc-list {

            color: #999999;

            line-height: 2;

            margin-left: 20px;

            margin-bottom: 20px;

        }


        .toc-list li {

            color: #999999;

            margin-bottom: 8px;

        }


        .toc-list a {

            color: #3366ff;

        }


        /* ===============================================

           STEP-BY-STEP STYLES

           =============================================== */

        .step-title {

            color: #FFD700;

            font-size: 1.3em;

            margin-top: 20px;

            margin-bottom: 10px;

            font-weight: 600;

        }


        .step-content {

            color: #999999;

            line-height: 1.8;

            margin-bottom: 15px;

        }


        .step-keypoint {

            color: #00FFFF;

            font-weight: 600;

        }


        /* ===============================================

           RESPONSIVE DESIGN

           =============================================== */

        @media (max-width: 768px) {

            h1 {

                font-size: 1.8em;

            }


            h2 {

                font-size: 1.5em;

            }


            h3 {

                font-size: 1.3em;

            }


            h4 {

                font-size: 1.1em;

            }


            .post-container {

                padding: 20px 15px;

            }


            table {

                font-size: 0.85em;

            }


            th, td {

                padding: 8px;

            }


            p {

                font-size: 0.95em;

            }


            li {

                font-size: 0.95em;

            }

        }


        @media (max-width: 480px) {

            h1 {

                font-size: 1.5em;

            }


            h2 {

                font-size: 1.3em;

            }


            h3 {

                font-size: 1.1em;

            }


            .post-container {

                padding: 15px 10px;

            }


            .cta-box {

                padding: 15px;

            }


            .pro-tip, .warning-box {

                padding: 12px;

            }

        }/* End custom CSS */