.login-methods {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-bottom: 14px;
}
.login-methods button {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  padding: 12px;
  text-align: left;
  color: #475569;
  cursor: pointer;
}
.login-methods button.active {
  border-color: #8b5cf6;
  background: #f5f3ff;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.08);
}
.login-methods b,
.login-methods span { display: block; }
.login-methods b { font-size: 11px; color: #4c1d95; }
.login-methods span { font-size: 9px; line-height: 1.45; margin-top: 4px; }
.google-button { width: 100%; }
.contact-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 18px;
  border-radius: 14px;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  font-size: 10px;
}
.contact-box b { width: 100%; color: #475569; }
.contact-box a { color: #6d28d9; font-weight: 850; text-decoration: none; }
.contact-box.in-panel { margin-top: 16px; background: #f5f3ff; border-color: #ddd6fe; }
.premium-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border: 1px solid #f5d58a;
  border-left: 5px solid #f59e0b;
  border-radius: 15px;
  background: #fffaf0;
}
.premium-strip.active { border-color: #a7f3d0; border-left-color: #10b981; background: #effcf8; }
.premium-strip.pending { border-color: #f5d58a; background: #fffaf0; }
.premium-strip b,
.premium-strip span { display: block; }
.premium-strip b { font-size: 12px; }
.premium-strip div span { margin-top: 4px; color: #64748b; font-size: 10px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 17px; }
.pricing-grid article { border: 1px solid #e8e7ef; border-radius: 15px; padding: 15px; background: #fafafa; }
.pricing-grid small,
.pricing-grid b,
.pricing-grid span { display: block; }
.pricing-grid small { font-size: 8px; color: #8b5cf6; font-weight: 900; letter-spacing: 0.12em; }
.pricing-grid b { font-size: 18px; margin-top: 7px; }
.pricing-grid span { font-size: 9px; color: #64748b; margin-top: 4px; }
.subscription-form { max-width: 680px; }
.quote-box { display: grid; border: 1px solid #ddd6fe; border-left: 5px solid #7c3aed; border-radius: 14px; background: #f5f3ff; padding: 14px; }
.quote-box span { font-size: 9px; color: #6d28d9; font-weight: 900; }
.quote-box b { font-size: 22px; margin: 4px 0; }
.quote-box small { color: #64748b; }
@media (max-width: 760px) {
  .foundation-app aside { overflow-x: auto; }
  .foundation-app aside nav { grid-template-columns: repeat(8, minmax(62px, 1fr)); min-width: 520px; }
  .login-methods,
  .pricing-grid { grid-template-columns: 1fr; }
  .premium-strip { align-items: flex-start; flex-direction: column; }
}