*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#fff;background-color:#175acd;line-height:1.6}
#particles-js{position:absolute;z-index:-1;width:100%;height:100%;background:transparent;background-repeat:repeat-y}
.main-container{max-width:1400px;margin:0 auto;padding:20px}
.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}
@media (max-width:1024px){.two-column-layout{grid-template-columns:1fr}}
.left-side{background-color:#32cd32;border-radius:10px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.top-left-design{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #175acd}
.top-left-design h2{color:#175acd;font-size:24px;margin-bottom:15px}
.left-subtitle{color:#175acd;font-weight:700;font-size:16px;margin-top:10px}
.text-links-container{background-color:rgba(255,255,255,0.9);padding:15px;border-radius:8px;border:2px solid #175acd}
.text-links-container h4{color:#175acd!important;text-align:center}
.right-side{background-color:#175acd;border-radius:10px;padding:20px;border:3px solid #32cd32;box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.top-right-design{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #32cd32}
.top-right-design h2{color:#32cd32;font-size:24px;margin-bottom:15px}
.promotion-content{color:#fff}
.welcome-text{font-size:16px;margin-bottom:20px;line-height:1.8}
.highlight-box{background-color:rgba(50,205,50,0.2);border:2px solid #32cd32;border-radius:8px;padding:20px;margin:20px 0}
.highlight-box h3{color:#32cd32;margin-bottom:15px;font-size:20px}
.highlight-box ul{margin-left:20px;margin-top:10px}
.highlight-box li{margin-bottom:8px;color:#fff}
.money-highlight{color:#ffd700;font-weight:700;font-size:1.2em}
.matrix-explanation{margin-top:25px}
.matrix-explanation h3{color:#32cd32;font-size:20px;margin-bottom:15px}
.highlight-text{color:#ffd700;font-weight:700;font-size:18px;display:block;margin:15px 0}
.commission-structure{background-color:rgba(255,255,255,0.1);padding:15px;border-radius:8px;margin:20px 0}
.commission-structure h4{color:#32cd32;margin-bottom:15px}
.commission-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.commission-levels span{background-color:rgba(50,205,50,0.3);padding:8px;border-radius:5px;font-weight:700}
.note-text{font-style:italic;color:#ccc;margin-top:15px;font-size:0.9em}
.image-placeholder{margin:15px auto;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.9);border:3px dashed #175acd;border-radius:8px;font-weight:700;color:#175acd;text-align:center}
.left-image{width:400px;height:200px;max-width:100%}
.right-image{width:400px;height:400px;max-width:100%}
.centered-content{background-color:rgba(255,255,255,0.95);border-radius:10px;padding:30px;margin-top:30px;color:#333}
.earnings-section{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #175acd}
.earnings-section h2{color:#175acd;font-size:28px;margin-bottom:15px}
.matrix-visualization{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:30px 0;padding:20px;background-color:rgba(23,90,205,0.1);border-radius:8px}
@media (max-width:768px){.matrix-visualization{grid-template-columns:1fr}}
.matrix-text h3{color:#175acd;margin-bottom:15px;font-size:22px}
.matrix-placeholder{width:400px;height:300px;max-width:100%;background-color:#175acd;border:3px solid #32cd32;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-align:center;margin:0 auto}
.total-earning{text-align:center;font-size:24px;color:#175acd;font-weight:700;margin-top:15px}
.cta-section{text-align:center;margin:40px 0;padding:30px;background:linear-gradient(135deg,#175acd,#32cd32);border-radius:10px;color:#fff}
.cta-section h2{font-size:28px;margin-bottom:20px}
.button-large{display:inline-block;background:linear-gradient(180deg,#32cd32 0%,#228b22 100%);color:#fff;padding:18px 40px;border-radius:50px;font-size:20px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border:3px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:all .3s ease;cursor:pointer}
.button-large:hover{background:linear-gradient(180deg,#228b22 0%,#32cd32 100%);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.4);text-decoration:none}
.button-large a{color:#fff;text-decoration:none}
.bottom-text-links{margin:40px 0;text-align:center}
.bottom-text-links h4{color:#175acd!important;margin:20px 0}
.features-section{margin-top:40px;padding-top:30px;border-top:3px solid #175acd}
.features-section h3{color:#175acd;font-size:26px;text-align:center;margin-bottom:30px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}
.feature{background-color:rgba(23,90,205,0.1);padding:20px;border-radius:8px;border-left:5px solid #32cd32}
.feature h4{color:#175acd;margin-bottom:10px;font-size:18px}
.final-cta{text-align:center;margin-top:40px}
@media (max-width:768px){.main-container{padding:10px}.commission-levels{grid-template-columns:repeat(2,1fr)}.button-large{padding:15px 25px;font-size:16px}.left-image,.right-image,.matrix-placeholder{width:100%;height:auto;min-height:150px}}
.header-nav{background-color:rgba(0,0,0,0.8);padding:10px 0;margin:20px auto;border-radius:8px;max-width:1400px}
.header-nav a{color:#32cd32;text-decoration:none;padding:10px 20px;font-weight:700;transition:color .3s}
.header-nav a:hover{color:#fff;text-decoration:underline}
.form-input{width:100%;padding:10px;border:2px solid #32cd32;border-radius:5px;font-size:16px;background-color:#fff;color:#333}
.form-button{background:linear-gradient(180deg,#32cd32 0%,#228b22 100%);color:#fff;border:none;padding:12px 25px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}
.form-button:hover{background:linear-gradient(180deg,#228b22 0%,#32cd32 100%)}
.footer{margin-top:40px;padding:30px 20px;background-color:rgba(0,0,0,0.8);border-radius:10px 10px 0 0}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin:30px 0;max-width:1200px;margin-left:auto;margin-right:auto}
.footer-section{text-align:left}
.footer-section h4{color:#32cd32;margin-bottom:15px;font-size:18px}
.footer-section a{color:#fff;text-decoration:none;line-height:2;display:block}
.footer-section a:hover{color:#32cd32;text-decoration:underline}
.footer-section span{color:#ccc;line-height:2;display:block}
.footer-bottom{margin-top:30px}
.responsive-logo{max-width:100%;height:auto;max-height:180px}
.main-wrapper{min-height:80vh}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background-color:#1c1131;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='12'><text x='0' y='20' fill='green' font-size='20' font-family='monospace'>░</text></svg>");background-repeat:repeat;color:#3edcd2;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}
#logo a{display:block;text-decoration:none;color:inherit}
#logo h2{display:inline-block;margin:0;padding:0;line-height:1;font-size:36px!important}
#special-heada{-webkit-text-stroke:1px #4b3a75}
#special-headb{-webkit-text-stroke:1px #1d7778}
#special-headc{-webkit-text-stroke:1px #5c7b7c}
#demotext{color:#fff;text-shadow:0 0 5px #3b2d73,0 0 10px #3b2d73,0 0 15px #42a7b1,0 0 20px #2b7d1d,0 0 30px #3cc794,0 0 30px #168f51,0 0 35px #0abd0f,0 0 55px #3fdf8e;color:#002c80}
.container{max-width:1200px;width:100%;background-color:#091548;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='12'><text x='0' y='20' fill='green' font-size='20' font-family='monospace'>░</text></svg>");backdrop-filter:solid(10px);border-radius:20px;box-shadow:0 15px 10px rgba(0,0,0,0.1);overflow:hidden;border:1px solid rgba(255,255,255,0.1)}
.header{background:linear-gradient(90deg,#3b3380 0%,#309494 88%);padding:15px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1)}
.attention-text{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px}
.attention-text span.cyan{color:#c4faff;text-shadow:0 0 5px rgba(196,250,255,0.7)}
.attention-text span.blue{color:#3cc7b7}
.content{width:100%;height:auto;background-color:rgba(255,255,255,0.05);border-radius:0 0 20px 20px;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}
.content2{width:100%;background-color:transparent;font-size:18px;line-height:1.5;color:#e0e0e0;height:auto}
.parent{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.child{border:1px solid rgba(255,255,255,0.1);padding:20px;border-radius:12px;background-color:rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.1);color:#3bdb7f}
.btn{display:inline-block;margin-top:15px;padding:15px 25px;font-size:18px;background:linear-gradient(90deg,#062066 0%,#1c0c63 100%);color:#0f0;border-radius:8px;text-decoration:none;font-weight:700;box-shadow:2px 2px 6px rgba(0,0,0,0.3);transition:all .3s ease;border:none;cursor:pointer}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.4);background:linear-gradient(90deg,#294663 0%,#1c0c63 100%)}
h3{margin-top:0;color:#3edcd2;font-size:22px}
ul{padding-left:30px;color:#e0e0e0}
li{margin-bottom:10px}
a{text-decoration:none;color:#0f0;transition:color .3s ease}
a:hover{color:#3edcd2;text-decoration:underline}
.footer{text-align:center;margin-top:20px;color:#b0b0b0;font-size:14px}
.divider{width:100%;height:1px;background:rgba(255,255,255,0.1);margin:20px 0}
@media (max-width:900px){.parent{grid-template-columns:1fr}.header,.content{width:100%}.content2{font-size:16px}.btn{padding:12px 20px;font-size:16px}.attention-text{font-size:16px}}
@media (max-width:600px){.content2{font-size:14px}.btn{padding:10px 16px;font-size:14px}h3{font-size:18px}body{padding:10px}}