body {
      background-image: radial-gradient(circle at center, #1a1a1a 0%, #080808 100%);
      font-family: 'Poppins', sans-serif;
      margin: 0;
   }
   .region-choose-section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
   }
   .region-choose-wrap {
      width: 90%;
      max-width: 450px;
      background: rgba(15, 15, 15, 0.7);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 24px;
      padding: 40px;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: 0 25px 50px rgba(0,0,0,0.5);
      text-align: center;
      z-index: 5;
   }
   .brand-logo { height: 120px; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; }
   .region-title { color: #fff; font-size: 26px; font-weight: 800; margin-bottom: 8px; }
   .region-sub { color: #aaa; margin-bottom: 30px; font-size: 14px; }
   
   .region-btn {
      width: 100%; 
      height: 55px; 
      border: none; 
      border-radius: 12px; 
      padding: 0 16px;
      background: #ff0909; 
      color: #fff; 
      font-weight: 700; 
      cursor: pointer;
      display: flex; 
      align-items: center; 
      justify-content: center; 
      gap: 10px;
      transition: 0.3s; 
      margin-bottom: 12px;
      text-decoration: none;
      box-sizing: border-box;
      font-size: 14px;
   }
   
   .region-btn:hover { background: #cc0707; transform: translateY(-2px); color: #fff; }
   
   .region-btn-secondary { 
      background: rgba(255,255,255,0.05); 
      border: 1px solid rgba(255,255,255,0.1); 
      margin-top: 5px;
   }
   
   .region-btn-secondary:hover { background: #fff; color: #000; }
   .pin { width: 20px; text-align: center; }
   .region-form { margin: 0; padding: 0; }