/* policy-premium.css — premium guidelines popup (index) + tutorial policy cards. Loads after ultra.css. */

/* ── Guidelines popup ───────────────────────────────────────────────────── */
.gm-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(29,14,43,.55)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  animation:gm-fade .25s ease both}
.gm-card{position:relative;width:100%;max-width:430px;max-height:calc(100vh - 32px);overflow-y:auto;padding:26px 24px 22px;
  background:linear-gradient(180deg,#fff 0%,#FCF7FF 100%)!important;border-radius:28px!important;
  border:1px solid rgba(120,60,170,.16)!important;
  box-shadow:0 1px 2px rgba(29,14,43,.06),0 40px 90px -28px rgba(110,30,180,.55)!important;
  animation:gm-pop .35s cubic-bezier(.2,.9,.3,1.1) both}
.gm-card::before{content:"";position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,#4F2EF2,#B91FD1 50%,#FF2D78)}
.gm-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.gm-card .ss-guide-icon{width:54px;height:54px;margin:0!important;flex-shrink:0;filter:drop-shadow(0 10px 18px rgba(150,30,170,.28))}
.gm-title{font-size:20px;font-weight:800;letter-spacing:-.2px;color:#1D0E2B}
.gm-sub{font-size:12.5px;color:#8A7580;margin-top:2px}
.gm-body{display:flex;flex-direction:column;gap:14px;font-size:13.5px;line-height:1.6;color:#3b2b45}
.gm-sec-title{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px;
  background:linear-gradient(90deg,#4F2EF2,#B91FD1 55%,#FF2D78);-webkit-background-clip:text;background-clip:text;color:transparent}
.gm-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.gm-list li{position:relative;padding-left:22px}
.gm-list li::before{content:"✓";position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;
  background:linear-gradient(135deg,#4F2EF2,#B91FD1);color:#fff;font-size:9px;font-weight:800;line-height:15px;text-align:center}
.gm-hint{display:block;font-size:12px;color:#8A7580;margin-top:1px}
.gm-warn{background:linear-gradient(180deg,#FFF5F9,#FFF0F6)!important;border:1px solid rgba(255,45,120,.22)!important;
  border-radius:18px;padding:13px 14px;color:#7A0F45!important}
.gm-warn-title{font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#C0155C;margin-bottom:8px}
.gm-warn-row{display:flex;gap:8px;align-items:flex-start;font-size:12.8px;line-height:1.5;margin-bottom:6px}
.gm-warn-row:last-child{margin-bottom:0}
.gm-warn-row>span:first-child{flex-shrink:0;font-size:12px;margin-top:1px}
.gm-btn{margin-top:20px;width:100%;padding:14px;border:none;border-radius:16px!important;cursor:pointer;color:#fff!important;
  font-size:14.5px;font-weight:700;letter-spacing:.2px;
  background:linear-gradient(135deg,#4F2EF2,#B91FD1 55%,#FF2D78)!important;
  box-shadow:0 16px 30px -12px rgba(150,30,190,.6)!important;transition:transform .15s,box-shadow .15s}
.gm-btn:hover{transform:translateY(-1px);box-shadow:0 20px 34px -12px rgba(150,30,190,.7)!important}
.gm-btn:active{transform:translateY(0)}
@keyframes gm-fade{from{opacity:0}to{opacity:1}}
@keyframes gm-pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

/* ── Tutorial page ──────────────────────────────────────────────────────── */
.policy-card{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;margin-bottom:10px;border-radius:16px;
  background:linear-gradient(180deg,#fff,#FCF7FF);border:1px solid rgba(120,60,170,.16);
  box-shadow:0 1px 2px rgba(29,14,43,.04),0 12px 28px -18px rgba(110,30,180,.35)}
.policy-card:last-child{margin-bottom:0}
.policy-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(79,46,242,.12),rgba(255,45,120,.14))}
.policy-t{font-size:13.5px;font-weight:800;color:#1D0E2B;margin-bottom:2px}
.policy-d{font-size:13px;line-height:1.6;color:#5E4C55}
.policy-card:nth-of-type(3) .policy-t,.policy-card:last-child .policy-t{color:#C0155C}

.guide-card,.t-card{border:1px solid rgba(120,60,170,.16)!important;border-radius:24px!important;
  box-shadow:0 1px 2px rgba(29,14,43,.05),0 24px 60px -28px rgba(110,30,180,.4)!important;
  background:linear-gradient(180deg,#fff,#FDFAFF)!important}
.guide-head{background:linear-gradient(135deg,rgba(79,46,242,.08),rgba(255,45,120,.10) 100%)!important;border-bottom:1px solid rgba(120,60,170,.14)!important}
.guide-head-title{color:#1D0E2B!important}
.guide-head-sub{color:#7A5C86!important}
.guide-section-title{background:linear-gradient(90deg,#4F2EF2,#B91FD1 55%,#FF2D78);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.lang-tab.on{background:linear-gradient(135deg,#4F2EF2,#B91FD1 55%,#FF2D78)!important;border-color:transparent!important;box-shadow:0 12px 24px -12px rgba(150,30,190,.6)!important}
.step-num{background:linear-gradient(135deg,#4F2EF2,#B91FD1 55%,#FF2D78)!important;box-shadow:0 8px 16px -8px rgba(150,30,190,.6)}
.info-block{background:linear-gradient(180deg,#FCF7FF,#F8F1FF)!important;border:1px solid rgba(120,60,170,.16)!important;border-radius:16px!important}
.info-block-title{color:#8E1FA8!important}

@media (max-width:420px){.gm-card{padding:22px 18px 18px;border-radius:24px!important}.gm-title{font-size:18px}}
@media (prefers-reduced-motion:reduce){.gm-overlay,.gm-card{animation:none}}