.mobile-nav,.mobile-portal{display:none}
@media(max-width:640px){
  html,body{overflow-x:hidden}
  body{padding-bottom:0;background:#f8f5ff}
  .top{position:relative;background:rgba(255,255,255,.98);border-bottom:1px solid #e4dff0;box-shadow:0 7px 24px rgba(63,39,119,.08)}
  .top .wrap{width:100%;min-height:0;padding:15px 14px 13px;justify-content:center;flex-direction:column;gap:11px}
  .brand img{width:150px;max-height:58px;object-fit:contain}
  .nav{display:none}
  .mobile-nav{width:min(100%,420px);display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid #d8cdef;border-radius:13px;background:#f6f2ff;box-shadow:inset 0 1px 0 #fff}
  .mobile-nav a{min-height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#42385d;text-decoration:none;font-size:.98rem;font-weight:900}
  .mobile-nav a[aria-current="page"]{background:linear-gradient(135deg,#6735ce,#1679c4);color:#fff;box-shadow:0 6px 16px rgba(79,46,164,.25)}
  .mobile-portal{display:block;padding:12px 0 24px;background:radial-gradient(circle at 90% 4%,#d8ecff 0,transparent 34%),linear-gradient(180deg,#f8f4ff 0,#eef5ff 54%,#f8f5ff 100%)}
  .mobile-portal .wrap{width:100%}
  .mobile-portal-banner{display:block;width:calc(100% - 24px);margin:0 12px;aspect-ratio:3/1;object-fit:cover;border:1px solid #ded5ef;border-radius:16px;box-shadow:0 12px 30px rgba(60,37,111,.16)}
  .mobile-portal-card{margin:14px 12px 0;padding:19px 12px 15px;border:1px solid #d8c9f3;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 36px rgba(66,42,125,.14),inset 0 1px 0 #fff;text-align:center}
  .mobile-portal-card>span{display:inline-block;margin-bottom:4px;color:#6132bb;font-size:.76rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
  .mobile-portal-card h1{margin:0;color:#211636;font-size:1.58rem;line-height:1.12;letter-spacing:-.02em}
  .mobile-portal-card p{margin:7px 0 15px;color:#665d78;font-size:.86rem;line-height:1.45}
  .mobile-portal-actions{display:grid;grid-template-columns:1.08fr .92fr;gap:10px}
  .mobile-portal-actions a{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border:2px solid rgba(255,255,255,.82);border-radius:13px;color:#fff;text-decoration:none;font-size:1.06rem;font-weight:950;line-height:1.18;box-shadow:0 9px 22px rgba(55,30,120,.2)}
  .mobile-portal-actions small{display:block;margin-top:4px;font-size:.68rem;font-weight:800;opacity:.82}
  .mobile-portal-actions .mobile-apk{background:linear-gradient(135deg,#ffd45e 0,#f0a017 100%);border-color:#ffe390;color:#291900;box-shadow:0 9px 24px rgba(218,145,15,.27)}
  .mobile-portal-actions .mobile-login{background:linear-gradient(135deg,#6735ce 0,#1679c4 100%);border-color:#b8dfff}
  .mobile-portal-actions a:active{transform:translateY(1px);box-shadow:none}
  .hero{display:none}
  .content{margin-top:0;background:#fff;border:1px solid #ebe5f5;border-radius:20px 20px 0 0;box-shadow:0 -7px 26px rgba(67,42,126,.07)}
  .mobile-dock{display:none!important}
}
@media(max-width:360px){
  .top .wrap{padding-left:10px;padding-right:10px}
  .mobile-portal-card{margin-left:8px;margin-right:8px}
  .mobile-portal-card h1{font-size:1.42rem}
  .mobile-portal-actions{gap:8px}
  .mobile-portal-actions a{font-size:.96rem}
}