*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#232626;color:#e8e8e8;line-height:1.6;font-size:16px;padding-left:10px;padding-right:10px;}
a{color:#44C271;text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;height:auto;display:block;}
.topbar{background:#292d2e;padding:15px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.topbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.brand img{width:180px;height:40px;}
.navmenu{display:flex;gap:30px;align-items:center;}
.navmenu a{color:#e8e8e8;font-weight:500;font-size:15px;transition:color 0.3s;cursor:pointer;}
.navmenu a:hover{color:#44C271;text-decoration:none;}
.authbox{display:flex;gap:12px;align-items:center;}
.authlink{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:all 0.3s;}
.authlink.signin{background:transparent;border:2px solid #44C271;color:#44C271;}
.authlink.signin:hover{background:#44C271;color:#fff;text-decoration:none;}
.authlink.signup{background:#44C271;color:#fff;border:2px solid #44C271;}
.authlink.signup:hover{background:#3ab362;border-color:#3ab362;text-decoration:none;}
.burgermenu{display:none;background:transparent;border:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px;}
.burgermenu span{width:28px;height:3px;background:#e8e8e8;border-radius:2px;transition:all 0.3s;}
.mobilepanel{background:#292d2e;padding:0;position:fixed;top:70px;left:0;right:0;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.4);max-height:0;overflow:hidden;transition:max-height 0.4s ease;visibility:hidden;}
.mobilepanel.active{max-height:500px;padding:20px;visibility:visible;}
.mobilenav{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;}
.mobilenav a{color:#e8e8e8;font-size:16px;font-weight:500;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1);cursor:pointer;}
.mobileauth{display:flex;flex-direction:column;gap:12px;}
.rghero{max-width:1200px;margin:0 auto;padding:60px 20px;text-align:center;}
.herotext h1{font-size:38px;color:#fff;margin-bottom:20px;font-weight:700;line-height:1.2;}
.herotext p{font-size:18px;color:#d4d4d4;max-width:800px;margin:0 auto;line-height:1.7;}
.pagebody{max-width:1200px;margin:40px auto 60px;padding:0 20px;}
.textblock{margin-bottom:50px;}
.textblock h2{font-size:28px;color:#fff;margin-bottom:18px;font-weight:700;}
.textblock p{margin-bottom:16px;color:#d4d4d4;font-size:16px;}
.textblock strong{color:#44C271;font-weight:600;}
.bottombar{background:#1e2121;padding:50px 20px 30px;margin-top:80px;}
.bottombar-inner{max-width:1200px;margin:0 auto;}
.bottombar-top{text-align:center;margin-bottom:30px;}
.footbrand{margin-bottom:20px;}
.footbrand img{margin:0 auto;width:180px;height:40px;}
.footdesc{max-width:800px;margin:0 auto;}
.footdesc p{font-size:14px;color:#b0b0b0;line-height:1.6;}
.footlinkrow{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:30px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}
.footlinkrow a{font-size:14px;color:#b0b0b0;transition:color 0.3s;}
.footlinkrow a:hover{color:#44C271;}
.paymenticons,.providerlogos{text-align:center;margin:35px 0;}
.paymenticons h4,.providerlogos h4{font-size:16px;color:#fff;margin-bottom:20px;font-weight:600;}
.iconrow,.logorow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;}
.iconrow img,.logorow img{opacity:0.7;transition:opacity 0.3s;}
.iconrow img:hover,.logorow img:hover{opacity:1;}
.footcopy{text-align:center;margin-top:40px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.1);}
.footcopy p{font-size:13px;color:#888;}
@media(max-width:1080px){
.navmenu{display:none;}
.authbox{display:none;}
.burgermenu{display:flex;}
.herotext h1{font-size:32px;}
.herotext p{font-size:16px;}
}
@media(max-width:768px){
.rghero{padding:40px 20px;}
.herotext h1{font-size:28px;}
.herotext p{font-size:15px;}
.textblock h2{font-size:24px;}
.textblock p{font-size:15px;}
.footlinkrow{flex-direction:column;align-items:center;gap:12px;}
}
@media(max-width:480px){
.topbar-inner{padding:0 10px;}
.brand img{width:150px;height:33px;}
.rghero{padding:30px 20px;}
.herotext h1{font-size:24px;}
.herotext p{font-size:14px;}
.textblock h2{font-size:22px;}
.textblock p{font-size:14px;}
}
@media(max-width:320px){
.brand img{width:140px;height:31px;}
.herotext h1{font-size:20px;}
.herotext p{font-size:13px;}
.textblock h2{font-size:20px;}
.textblock p{font-size:13px;}
}
@media(max-width:220px){
.brand img{width:120px;height:27px;}
.topbar-inner{padding:0 5px;}
.rghero{padding:20px 10px;}
.herotext h1{font-size:18px;}
.herotext p{font-size:12px;}
.textblock h2{font-size:18px;}
.textblock p{font-size:12px;}
.iconrow,.logorow{gap:10px;}
.footlinkrow{gap:8px;}
}