:root{--pi-bg-deep:#08162B;--pi-card:#10233F;--pi-border:#244D84;--pi-divider:#1B3357;--pi-text:#F3F8FF;--pi-muted:#AFC4E8;--pi-glow:#4FA8FF;--pi-gold:#F2C14E;--pi-primary:#113B7A;--pi-secondary:#1D5FD1;--pi-btn:linear-gradient(180deg,#2B73F6 0%,#1144A6 100%);}
.page-index{background:var(--pi-bg-deep);color:var(--pi-text);font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65;max-width:100%;overflow-x:hidden;}
.page-index h1,.page-index h2,.page-index h3{color:var(--pi-text);line-height:1.25;margin:0 0 12px;font-weight:700;}
.page-index p{margin:0 0 12px;color:var(--pi-muted);}
.page-index ul,.page-index ol{margin:0;padding-left:20px;}
.page-index a{color:var(--pi-glow);text-decoration:none;}
.page-index a:hover{text-decoration:underline;}
.page-index__hero-section{padding-top:0;margin-top:0;background:radial-gradient(circle at 20% 0%,rgba(29,95,209,0.35),transparent 60%),var(--pi-bg-deep);}
.page-index__hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:28px 16px 40px;align-items:center;width:100%;box-sizing:border-box;}
.page-index__hero-badge{display:inline-block;background:rgba(79,168,255,0.14);border:1px solid var(--pi-border);color:var(--pi-glow);border-radius:999px;padding:6px 14px;font-size:13px;margin-bottom:16px;letter-spacing:.3px;}
.page-index__hero-copy h1{font-size:clamp(1.6rem,3.2vw,2.4rem);letter-spacing:-.4px;color:var(--pi-text);}
.page-index__hero-intro{font-size:16px;color:var(--pi-muted);max-width:60ch;}
.page-index__hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:20px 0;}
.page-index__hero-stat{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:12px;padding:12px;text-align:center;}
.page-index__hero-stat strong{display:block;color:var(--pi-gold);font-size:20px;}
.page-index__hero-stat span{color:var(--pi-muted);font-size:12px;}
.page-index__hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.page-index__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word;transition:transform .15s ease,opacity .15s ease;text-align:center;}
.page-index__btn:hover{text-decoration:none;opacity:.94;transform:translateY(-1px);}
.page-index__btn--primary{background:var(--pi-btn);color:#fff;border:1px solid var(--pi-glow);}
.page-index__btn--ghost{background:transparent;color:var(--pi-text);border:1px solid var(--pi-border);}
.page-index__hero-media img,.page-index__welcome-media img,.page-index__safety-media img,.page-index__deposit-media img,.page-index__withdraw-media img,.page-index__support-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:14px;border:1px solid var(--pi-border);}
.page-index__section-head{text-align:center;max-width:820px;margin:0 auto 24px;padding:0 16px;}
.page-index__section-head h2{font-size:clamp(1.3rem,2.4vw,1.8rem);}
.page-index__why-section,.page-index__promo-section,.page-index__vip-section,.page-index__terms-section,.page-index__glossary-section,.page-index__tips-section,.page-index__privacy-section{padding:52px 0;}
.page-index__why-section{background:linear-gradient(180deg,var(--pi-bg-deep),#0B1C33);}
.page-index__why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__why-card{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:14px;padding:20px;transition:border-color .2s ease,transform .2s ease;}
.page-index__why-card:hover{border-color:var(--pi-glow);transform:translateY(-2px);}
.page-index__why-icon{display:inline-block;font-size:24px;margin-bottom:10px;}
.page-index__why-card h3{font-size:16px;margin-bottom:8px;}
.page-index__why-card p{font-size:14px;margin:0;}
.page-index__welcome-section{padding:52px 0;background:var(--pi-card);border-top:1px solid var(--pi-divider);border-bottom:1px solid var(--pi-divider);}
.page-index__welcome-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:0 16px;align-items:center;box-sizing:border-box;}
.page-index__welcome-list{color:var(--pi-muted);font-size:15px;margin:16px 0 22px;}
.page-index__welcome-list li{margin-bottom:8px;}
.page-index__welcome-actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-index__promo-banner{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;max-width:1000px;margin:0 auto 16px;padding:24px;background:var(--pi-card);border:1px solid var(--pi-border);border-radius:16px;align-items:center;box-sizing:border-box;width:calc(100% - 32px);}
.page-index__promo-banner--alt{background:linear-gradient(120deg,rgba(29,95,209,0.18),rgba(242,193,78,0.08)),var(--pi-card);}
.page-index__promo-figure{background:var(--pi-btn);border-radius:14px;padding:20px;text-align:center;color:#fff;}
.page-index__promo-figure strong{display:block;font-size:clamp(1.8rem,4vw,2.6rem);color:var(--pi-gold);line-height:1.1;}
.page-index__promo-figure span{font-size:13px;color:#E3EEFF;}
.page-index__safety-section{padding:52px 0;background:linear-gradient(180deg,#0B1C33,var(--pi-bg-deep));}
.page-index__safety-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;max-width:1200px;margin:0 auto;padding:0 16px;align-items:center;box-sizing:border-box;}
.page-index__safety-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
.page-index__safety-badge{background:rgba(16,35,63,0.9);border:1px solid var(--pi-border);border-radius:12px;padding:14px;}
.page-index__safety-badge h3{font-size:15px;margin-bottom:6px;color:var(--pi-glow);}
.page-index__safety-badge p{font-size:13px;margin:0;}
.page-index__vip-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__vip-card{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:14px;padding:16px;text-align:left;}
.page-index__vip-icon{font-size:22px;display:inline-block;margin-bottom:8px;}
.page-index__vip-card h3{font-size:15px;margin-bottom:4px;color:var(--pi-gold);}
.page-index__vip-threshold{font-size:12px;color:var(--pi-glow);margin-bottom:8px;}
.page-index__vip-card ul{padding-left:16px;font-size:13px;color:var(--pi-muted);}
.page-index__vip-card li{margin-bottom:4px;}
.page-index__deposit-section{padding:52px 0;background:var(--pi-card);border-top:1px solid var(--pi-divider);border-bottom:1px solid var(--pi-divider);}
.page-index__deposit-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto 24px;padding:0 16px;box-sizing:border-box;}
.page-index__deposit-step{background:rgba(8,22,43,0.6);border:1px solid var(--pi-border);border-radius:14px;padding:18px;}
.page-index__step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--pi-btn);color:#fff;font-weight:700;margin-bottom:10px;}
.page-index__deposit-step h3{font-size:16px;margin-bottom:6px;}
.page-index__deposit-step p{font-size:14px;margin:0;}
.page-index__deposit-media{max-width:1000px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__terms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__terms-card{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:14px;padding:18px;}
.page-index__terms-tag{display:inline-block;background:rgba(79,168,255,0.15);color:var(--pi-glow);font-size:12px;border-radius:6px;padding:2px 8px;margin-bottom:8px;}
.page-index__terms-card h3{font-size:15px;margin-bottom:6px;}
.page-index__terms-card p{font-size:14px;margin:0;}
.page-index__glossary-section{background:linear-gradient(180deg,var(--pi-bg-deep),#0B1C33);}
.page-index__glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1100px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__glossary-item{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:12px;padding:16px;}
.page-index__glossary-item h3{font-size:15px;color:var(--pi-gold);margin-bottom:6px;}
.page-index__glossary-item p{font-size:14px;margin:0;}
.page-index__withdraw-section{padding:52px 0;background:var(--pi-card);border-top:1px solid var(--pi-divider);border-bottom:1px solid var(--pi-divider);}
.page-index__withdraw-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;max-width:1150px;margin:0 auto;padding:0 16px;align-items:center;box-sizing:border-box;}
.page-index__withdraw-steps{color:var(--pi-muted);font-size:15px;margin-bottom:18px;}
.page-index__withdraw-steps li{margin-bottom:10px;}
.page-index__withdraw-steps strong{color:var(--pi-text);}
.page-index__withdraw-note{background:rgba(242,193,78,0.1);border-left:4px solid var(--pi-gold);padding:12px 16px;border-radius:8px;font-size:14px;color:var(--pi-muted);}
.page-index__tips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:0 16px;box-sizing:border-box;}
.page-index__tips-card{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:14px;padding:18px;}
.page-index__tips-icon{display:inline-block;font-size:22px;margin-bottom:8px;}
.page-index__tips-card h3{font-size:15px;margin-bottom:6px;}
.page-index__tips-card p{font-size:14px;margin:0;}
.page-index__support-section{padding:52px 0;background:linear-gradient(180deg,#0B1C33,var(--pi-bg-deep));}
.page-index__support-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;max-width:1150px;margin:0 auto;padding:0 16px;align-items:center;box-sizing:border-box;}
.page-index__support-list{list-style:none;padding:0;margin:16px 0 22px;}
.page-index__support-list li{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;}
.page-index__support-icon{font-size:22px;line-height:1;}
.page-index__support-list h3{font-size:15px;margin-bottom:4px;color:var(--pi-glow);}
.page-index__support-list p{font-size:14px;margin:0;}
.page-index__support-actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-index__privacy-card{max-width:900px;margin:0 auto;background:var(--pi-card);border:1px solid var(--pi-border);border-radius:16px;padding:28px;box-sizing:border-box;width:calc(100% - 32px);}
.page-index__privacy-card h2{font-size:clamp(1.2rem,2.2vw,1.6rem);}
.page-index__privacy-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;}
.page-index__privacy-links a{color:var(--pi-glow);font-size:14px;}
.page-index__faq-section{padding:52px 0 64px;max-width:900px;margin:0 auto;box-sizing:border-box;}
.page-index__faq-list{padding:0 16px;}
.page-index__faq-item{background:var(--pi-card);border:1px solid var(--pi-border);border-radius:12px;margin-bottom:10px;padding:14px 18px;}
.page-index__faq-item summary{cursor:pointer;font-weight:600;color:var(--pi-text);list-style:none;}
.page-index__faq-item summary::-webkit-details-marker{display:none;}
.page-index__faq-item summary::after{content:"+";float:right;color:var(--pi-glow);font-weight:700;}
.page-index__faq-item[open] summary::after{content:"−";}
.page-index__faq-item p{margin:10px 0 0;font-size:14px;}
@media (max-width:768px){
  .page-index img{max-width:100%!important;height:auto!important;}
  .page-index__hero-grid,.page-index__welcome-grid,.page-index__safety-grid,.page-index__withdraw-grid,.page-index__support-grid{grid-template-columns:1fr;gap:20px;padding-left:16px;padding-right:16px;}
  .page-index__hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-index__why-grid,.page-index__tips-grid{grid-template-columns:1fr;}
  .page-index__vip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-index__terms-grid{grid-template-columns:1fr;}
  .page-index__glossary-grid{grid-template-columns:1fr;}
  .page-index__deposit-steps{grid-template-columns:1fr;}
  .page-index__safety-badges{grid-template-columns:1fr;}
  .page-index__promo-banner{grid-template-columns:1fr;width:calc(100% - 24px);padding:18px;}
  .page-index__hero-actions,.page-index__welcome-actions,.page-index__support-actions{flex-direction:column;align-items:stretch;}
  .page-index__btn{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
  .page-index__privacy-card{padding:20px;}
  .page-index__privacy-links{flex-direction:column;gap:8px;}
}
@media (min-width:769px) and (max-width:1024px){
  .page-index__why-grid,.page-index__tips-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-index__vip-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-index__terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}