@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_21940f47-module__B-V10W__className{font-family:Outfit,Outfit Fallback;font-style:normal}
*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.header{background-color:#fff;border-bottom:1px solid #eaeaea}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 20px;display:flex}.logo-area{align-items:center;gap:10px;display:flex}.hamburger-menu{cursor:pointer;flex-direction:column;gap:5px;display:flex}.hamburger-menu span{background-color:#609;border-radius:2px;width:24px;height:3px;display:block}.logo-placeholder{color:#609;border:2px dashed #609;border-radius:4px;padding:5px 10px;font-size:24px;font-weight:800}.logo-text{color:#609;font-size:14px;font-weight:500}.main-nav ul{flex-wrap:wrap;gap:30px;list-style:none;display:flex}.main-nav a{color:#666;padding-bottom:15px;font-size:14px;font-weight:400;text-decoration:none;display:inline-block}.main-nav a:hover{color:#609}.main-nav a.active{color:#609;border-bottom:2px solid #609;font-weight:500}.hero{width:100%;max-width:1200px;min-height:400px;margin:0 auto;display:flex;position:relative;overflow:hidden}.banner-placeholder{color:#666;z-index:1;background-color:#e0e0e0;border:2px dashed #999;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:absolute;top:0;left:0}.hero-actions{z-index:2;color:#fff;position:absolute;bottom:50px;left:50px}.hero-subtitle{text-shadow:0 1px 3px #00000080;margin-bottom:10px;font-size:14px}.hero-buttons{gap:15px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#d30068}.btn-primary:hover{background-color:#b50059}.btn-secondary{color:#333;background-color:#fff}.btn-secondary:hover{background-color:#f0f0f0}.disclaimer{color:#999;max-width:1200px;margin:15px auto;padding:0 20px;font-size:12px}.disclaimer a{color:#999;text-decoration:underline}.recharge-section{max-width:1200px;margin:40px auto;padding:0 20px}.recharge-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recharge-header h2{color:#333;font-size:24px;font-weight:300}.view-all{color:#609;font-size:14px;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.recharge-subtitle{color:#333;margin-bottom:30px;font-size:16px}.recharge-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background-color:#fff;border:1px solid #eaeaea;border-radius:20px;flex-direction:column;align-items:flex-start;padding:24px;display:flex;box-shadow:0 4px 12px #00000008}.card-tag{color:#7b2cbf;background-color:#f6f1fa;border-radius:12px;margin-bottom:16px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.card .price{color:#333;margin-bottom:16px;font-size:26px;font-weight:500}.card-benefits{flex-grow:1;width:100%;margin-bottom:24px;list-style:none}.card-benefits li{color:#666;margin-bottom:8px;padding-left:14px;font-size:13px;position:relative}.card-benefits li:before{content:"•";color:#999;position:absolute;left:0}.btn-recharge{color:#fff;cursor:pointer;background-color:#d30068;border:none;border-radius:20px;width:fit-content;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-recharge:hover{background-color:#b50059}.payment-methods{max-width:1200px;margin:50px auto;padding:0 20px 50px}.payment-methods p{color:#333;margin-bottom:20px;font-size:14px}.payment-logos{flex-wrap:wrap;gap:15px;display:flex}.pay-logo{color:#666;border:1px dashed #ccc;border-radius:4px;justify-content:center;align-items:center;min-width:60px;height:40px;padding:8px 16px;font-size:12px;display:flex}.footer{color:#fff;background:linear-gradient(90deg,#9200d6,#c700d6);margin-top:50px;padding:30px 20px}.footer-container{flex-direction:column;align-items:center;gap:20px;max-width:1200px;margin:0 auto;font-size:14px;font-weight:400;display:flex}.footer-logo-area{margin-bottom:10px}.logo-placeholder-footer{color:#fff;border:2px dashed #fff;border-radius:4px;padding:5px 10px;font-size:24px;font-weight:800}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:#fff;font-size:14px;font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{opacity:.8;margin-top:20px;font-size:12px}.auth-section{max-width:1200px;margin:60px auto;padding:0 20px}.auth-container{justify-content:space-between;align-items:center;gap:40px;display:flex}.auth-form-area{flex:1;max-width:500px}.auth-form-area h1{color:#333;margin-bottom:30px;font-size:32px;font-weight:300;line-height:1.2}.input-group{margin-bottom:20px}.auth-input{color:#333;border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:15px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.auth-input:focus{border-color:#609}.auth-input::placeholder{color:#999}.auth-disclaimer{color:#666;margin-bottom:30px;font-size:12px}.btn-continue{color:#999;cursor:not-allowed;background-color:#e0e0e0;border:none;border-radius:4px;padding:12px 30px;font-size:14px;font-weight:600;transition:all .2s}.btn-continue:not([disabled]){color:#fff;cursor:pointer;background-color:#d30068}.btn-continue:not([disabled]):hover{background-color:#b50059}.auth-image-area{flex:1;justify-content:flex-end;height:400px;display:flex;position:relative}.auth-image-placeholder{color:#999;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:600px;height:100%;font-size:18px;display:flex}.page-content{max-width:800px;min-height:50vh;margin:60px auto;padding:0 20px}.page-content h1{color:#609;margin-bottom:30px;font-size:32px}.page-content h2{color:#333;margin-top:30px;margin-bottom:15px;font-size:24px}.page-content p{color:#444;margin-bottom:20px;font-size:16px;line-height:1.6}.page-content ul{margin-bottom:20px;margin-left:20px}.page-content li{color:#444;margin-bottom:10px;font-size:16px;line-height:1.6}@media (max-width:992px){.recharge-grid{grid-template-columns:repeat(3,1fr)}.banner-placeholder{height:300px}.hero{min-height:300px}.hero-actions{bottom:30px;left:20px}}@media (max-width:768px){.header-container{padding:15px 20px}.recharge-section{margin:20px auto;padding:0 15px}.recharge-subtitle{text-align:center;margin-bottom:20px;font-size:14px}.recharge-header h2{text-align:center;font-size:20px}.recharge-grid{grid-template-columns:repeat(2,1fr);gap:15px}.card{padding:15px}.card .price{font-size:24px}.card .bonus{margin-bottom:15px;font-size:16px}.payment-methods{margin:30px auto;padding:0 15px 30px}.payment-logos{justify-content:center}.recharge-header{flex-direction:column;align-items:center;gap:10px}.auth-container{flex-direction:column}.auth-image-area{justify-content:center;width:100%;height:300px}.hero{min-height:200px}.footer-links{flex-direction:column;align-items:center;gap:15px}}@media (max-width:480px){.main-nav ul{gap:10px}.main-nav a{padding-bottom:10px;font-size:13px}.recharge-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{border-radius:12px;padding:12px}.card-tag{margin-bottom:10px;padding:4px 6px;font-size:10px}.card .price{margin-bottom:10px;font-size:18px}.card-benefits{margin-bottom:16px}.card-benefits li{margin-bottom:4px;padding-left:10px;font-size:11px}.btn-recharge{text-align:center;width:100%;padding:8px 0;font-size:12px}.auth-form-area h1{font-size:26px}.hero{min-height:150px}}