:root{
  --bg-deep:#1e0f1e;
  --bg-plum:#2a1630;
  --ink:#e9d9ec;
  --muted:#bfa8c5;
  --pink-1:#ffdff2;
  --pink-2:#ffb5de;
  --pink-3:#ff86c7;
  --pink-4:#ff58b0;
  --pink-5:#ff2a97;
  --magenta:#e0008b;
  --violet:#a300ff;
  --chrome-1:#ffe6f6;
  --chrome-2:#c87cab;
  --shadow: rgba(0,0,0,.45);
  --shadow-2: rgba(0,0,0,.65);
  --glow: 0 0 14px rgba(255, 70, 170, .55), 0 0 36px rgba(180, 0, 255, .25);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(255,70,170,.18), transparent 60%),
    radial-gradient(1000px 700px at 0% 120%, rgba(140,0,255,.20), transparent 65%),
    linear-gradient(160deg, rgba(255,180,230,.05) 0%, transparent 25% 75%, rgba(255,120,210,.06) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 2px, transparent 2px 4px),
    linear-gradient(180deg, #2a1630 0%, #241327 40%, #1f1222 100%);
  background-attachment: fixed;
  position:relative;
}

body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(80vw 60vh at 50% 120%, rgba(0,0,0,.45), transparent 60%);
  mix-blend-mode: multiply;
}

.gg-banner{
  position:relative;
  width:100%;
  padding:24px 28px 16px 28px;
  color:#fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
  background:
    linear-gradient(180deg,
      #ff8bcc 0%,
      #ff67bc 18%,
      #ff47ad 36%,
      #ef2b97 52%,
      #bf1d7e 68%,
      #8e1564 100%);
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px 0 var(--chrome-1),
    inset 0 -1px 0 rgba(0,0,0,.3),
    0 12px 26px var(--shadow-2);
}
.gg-banner::after{
  content:"";
  position:absolute; left:0; right:0; top:0; height:5px;
  background:linear-gradient(90deg, rgba(255,255,255,.65), rgba(255,255,255,0));
  opacity:.5;
}
.gg-banner .gg-title{
  font-size:56px; line-height:1; font-weight:900; letter-spacing:.5px;
  text-transform: lowercase;
}
.gg-banner .gg-sub{
  font-size:20px; opacity:.9; font-style:italic; margin-top:6px;
}

.gg-nav{
  display:flex; gap:8px; padding:0 14px;
  background:
    linear-gradient(180deg, rgba(255,122,200,.12) 0%, rgba(255,92,180,.06) 100%);
  border-top:1px solid rgba(255,255,255,.18);
  border-bottom:2px solid rgba(255,90,170,.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 18px var(--shadow);
}
.gg-nav a{
  display:inline-block; padding:12px 20px; margin:10px 0;
  font-weight:800; text-decoration:none;
  color:#ffeaf7;
  background:
    linear-gradient(180deg, #fff 0%, #ffe3f3 35%, #ffc9e9 60%, #ffb1df 100%);
  color:#5c1d49;
  border:1px solid var(--chrome-2);
  border-bottom:2px solid #8c3565;
  border-radius:12px;
  box-shadow:
    inset 0 1px 0 var(--chrome-1),
    0 2px 4px var(--shadow);
  text-transform:capitalize;
}
.gg-nav a:hover{
  filter:saturate(1.15);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 var(--chrome-1),
    0 2px 4px var(--shadow),
    var(--glow);
}
.gg-nav a.active{
  color:#fff;
  background:
    linear-gradient(180deg,
      #ff78be 0%,
      #ff5cb2 28%,
      #ff3fa6 50%,
      #db1d8a 72%,
      #a90f6d 100%);
  border-color:#b93e8a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 6px 16px var(--shadow-2),
    var(--glow);
}

.gg-wrap{
  max-width:1160px;
  margin:20px auto 64px;
  padding:0 18px;
  display:grid;
  grid-template-columns: 320px 1fr;
  gap:22px;
}

.gg-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(255,155,215,.25);
  border-radius:16px;
  box-shadow: 0 10px 28px var(--shadow);
  overflow:hidden;
  backdrop-filter: blur(6px);
}
.gg-card .gg-card-h{
  padding:14px 16px;
  font-weight:900;
  color:#fff;
  letter-spacing:.4px;
  background:
    linear-gradient(180deg, rgba(255,120,205,.55) 0%, rgba(160,35,120,.65) 100%);
  border-bottom:1px solid rgba(255,255,255,.18);
  text-transform:uppercase;
}
.gg-card .gg-card-b{
  padding:16px;
  color:var(--muted);
  line-height:1.55;
}

.gg-chip{
  display:inline-block; padding:6px 11px; margin:6px 6px 0 0;
  border-radius:999px; font-size:12px; font-weight:800;
  color:#ffeaf6;
  background: linear-gradient(180deg, #ff7cc2, #e5359b);
  border:1px solid rgba(255,255,255,.28);
  box-shadow: 0 6px 16px var(--shadow), var(--glow);
}

.gg-content{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
  border:1px solid rgba(255,170,220,.28);
  border-radius:18px;
  box-shadow: 0 14px 34px var(--shadow-2);
  padding:22px;
  backdrop-filter: blur(6px);
}
.gg-content h1, .gg-content h2, .gg-content h3{
  color:#ffd9f0;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
}
.gg-byline{ font-size:13px; color:#cfb6d2; margin-bottom:12px; }
.gg-photo{
  border-radius:16px; width:100%; height:auto; display:block;
  border:4px solid rgba(255,180,230,.5);
  box-shadow: 0 10px 24px var(--shadow-2), var(--glow);
}

a{ color:#ff8ed6; }
a:hover{ color:#ffd6f1; text-shadow: var(--glow); }

.btn, button, input[type=submit]{
  appearance:none; cursor:pointer;
  padding:10px 18px; border-radius:14px;
  border:1px solid rgba(255,190,230,.6);
  background:
   linear-gradient(180deg, #fff 0%, #ffe7f6 40%, #ffc7ea 70%, #ffa8de 100%);
  color:#561a45; font-weight:900;
  box-shadow: 0 6px 16px var(--shadow);
}
.btn:hover, button:hover, input[type=submit]:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px var(--shadow-2), var(--glow);
}

table{
  width:100%; border-collapse:separate; border-spacing:0;
  box-shadow: 0 8px 24px var(--shadow-2);
  border-radius:14px; overflow:hidden;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,170,220,.28);
}
thead th{
  background:
    linear-gradient(180deg,
      #ff9ad4 0%, #ff73c2 40%, #ff5ab6 60%, #e845a7 100%);
  color:#fff; padding:12px; text-align:left;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}
td, th{ border-bottom:1px solid rgba(255,160,220,.25); padding:12px; color:#f0e6f3; }
tbody tr:nth-child(odd){ background: rgba(255,255,255,.02); }
tbody tr:nth-child(even){ background: rgba(255,255,255,.05); }

footer{ margin-top:28px; text-align:center; color:#cfb6d2; padding:18px 0 44px 0; }
footer .tiny{ font-size:12px; opacity:.85; }

header.site-header, .topbar, .navbar{
  background:linear-gradient(180deg, #ff7ac6 0%, #ff58b3 60%, #d0268d 100%);
  color:#fff; border-bottom:2px solid rgba(255,120,200,.6);
  box-shadow: 0 10px 24px var(--shadow-2);
}
.navbar a{ color:#49123b; font-weight:800; }

.gg-popup{
  position:fixed;
  top:80px; left:80px;
  width:320px; max-width:80%;
  background:#000;
  color:#ffb5de;
  border:2px solid #ff3fa6;
  box-shadow:0 0 16px rgba(255,0,180,.6), 0 0 36px rgba(255,100,200,.4);
  font-family:Tahoma, Verdana, sans-serif;
  z-index:999;
}
.gg-popup .gg-popup-h{
  background:linear-gradient(180deg,#ff6ec0,#bf1d7e);
  color:#fff;
  font-weight:bold;
  padding:6px 10px;
  font-size:14px;
  text-shadow:0 1px 0 #000;
}
.gg-popup .gg-popup-b{
  padding:10px;
  font-size:13px;
  line-height:1.4;
}
.gg-popup .gg-popup-b a{ color:#ff86c7; text-decoration:underline; }
.gg-popup .gg-popup-b a:hover{ color:#fff; background:#ff2a97; }
.gg-popup.small{ width:220px; font-size:12px; }

:root{
  --popup-bg:#0b0a0d;
  --popup-panel:#141018;
  --popup-stroke:#ff37b0;
  --popup-hot:#ff6ad5;
  --popup-txt:#ffeaff;
  --popup-sub:#d9b8e6;
  --popup-shadow: rgba(0,0,0,.75);
}

.gg-pop{
  position:fixed; z-index:9999;
  top:10vh; left:10vw;
  width:320px; max-width:86vw;
  color:var(--popup-txt);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    var(--popup-panel);
  border:2px solid var(--popup-stroke);
  border-radius:10px;
  box-shadow: 0 22px 50px var(--popup-shadow), 0 0 0 1px rgba(255,255,255,.08) inset;
  overflow:hidden;
  transform: translateZ(0);
  animation: gg-pop-in .35s ease-out;
}
@keyframes gg-pop-in { from{ transform: scale(.88); opacity:.0; } to{ transform: scale(1); opacity:1; } }

.gg-pop .gg-pop-h{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  background:
    linear-gradient(180deg,
      #ff7ed0 0%, #ff5fbe 35%, #e740ad 60%, #a81f7e 100%);
  color:#fff;
  font-weight:900; letter-spacing:.3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  cursor:move; user-select:none;
  border-bottom:1px solid rgba(255,255,255,.25);
}
.gg-pop .gg-pop-h .title{ font-size:14px; text-transform:uppercase; }
.gg-pop .gg-pop-h .actions{ display:flex; gap:6px; }
.gg-pop .btn-x, .gg-pop .btn-min{
  width:22px; height:22px; border-radius:6px;
  display:grid; place-items:center;
  background:#2c1030; color:#ffd9f5;
  border:1px solid rgba(255,255,255,.2);
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, 0 2px 6px rgba(0,0,0,.35);
  cursor:pointer;
}
.gg-pop .btn-x:hover, .gg-pop .btn-min:hover{ background:#471646; color:#fff; box-shadow: 0 0 0 1px var(--popup-hot), 0 6px 16px rgba(0,0,0,.55); }

.gg-pop .gg-pop-b{
  padding:12px;
  background: repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.022) 0 14px,
      rgba(255,255,255,.01) 14px 28px
    );
}
.gg-pop .meta{ font-size:12px; color:var(--popup-sub); margin-bottom:8px; }
.gg-pop .blk{
  background:var(--popup-bg);
  border:1px solid rgba(255,85,180,.35);
  border-radius:8px;
  padding:10px;
  margin:10px 0;
  box-shadow: 0 8px 18px rgba(0,0,0,.6) inset;
}
.gg-pop .blk h4{ margin:0 0 6px 0; color:#ffb8ec; font-size:13px; }
.gg-pop .blk p{ margin:0; font-size:13px; line-height:1.4; }
.gg-pop .cta{
  display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;
}
.gg-pop .cta a{
  text-decoration:none; font-weight:900; font-size:12px; text-transform:uppercase;
  padding:8px 10px; border-radius:8px;
  background:linear-gradient(180deg, #fff 0%, #ffdff5 40%, #ffbfe8 70%, #ffa0dc 100%);
  color:#4b1041; border:1px solid #b84e90;
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.gg-pop .cta a:hover{ box-shadow: 0 2px 10px rgba(0,0,0,.7), 0 0 12px rgba(255,96,186,.6); transform: translateY(-1px); }

.gg-pop.mini .gg-pop-b{ display:none; }
.gg-pop.mini{ width:220px; }

:root{
  --wallpaper-url: url("/images/playboy.png");
  --wallpaper-opacity: .065;
  --wallpaper-size: 120px;
}

body.gg-wallpaper-on::after{
  content:"";
  position:fixed; inset:0; z-index:-1;
  pointer-events:none;
  background-image: var(--wallpaper-url);
  background-size: var(--wallpaper-size);
  background-repeat: repeat;
  background-position: 0 0;
  opacity: var(--wallpaper-opacity);
  mix-blend-mode: multiply;
  filter: grayscale(1) contrast(1.15);
}

.gg-pop .gg-pop-photo{
  width:100%; height:auto; display:block;
  border-radius:10px;
  border:2px solid rgba(255,170,220,.35);
  box-shadow: 0 8px 22px rgba(0,0,0,.65);
  margin:8px 0 6px 0;
}

:root{
  --wallpaper-url: url("/images/playboyy.jpg");
  --wallpaper-opacity: .5;
  --wallpaper-size: 180px;
}

body{
  background-color:#ffb6da;
  background-image: none;
  color:#3a2042;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body.gg-wallpaper-on::after{
  content:"";
  position:fixed; inset:0; z-index:-1;
  pointer-events:none;
  background-image: var(--wallpaper-url);
  background-size: var(--wallpaper-size);
  background-repeat: repeat;
  background-position: 0 0;
  opacity: var(--wallpaper-opacity);
}

.magazine-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(200px,1fr));
  gap:14px;
}
.mag-item{
  position:relative;
  overflow:hidden;
  border:3px solid #ff2fa7;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,.55);
  background:#000;
}
.mag-item img{
  width:100%; height:auto;
  display:block;
  filter: contrast(1.15) saturate(1.2);
}
.mag-caption{
  position:absolute;
  bottom:0; left:0; right:0;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.65) 100%);
  color:#fff; font-weight:900; font-size:14px;
  padding:8px 10px;
  text-shadow:0 1px 2px rgba(0,0,0,.85);
  font-family:Impact, Haettenschweiler, 'Arial Black', sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
}
.mag-item:nth-child(3n) .mag-caption{background:#ff2fa7d0;}
.mag-item:nth-child(5n) .mag-caption{background:#ffb900d0;}

.gg-cover{
  position:relative;
  margin: 18px auto 22px;
  max-width: 1080px;
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  grid-auto-rows: 220px;
  gap:14px;
}
.gg-cover .tile{
  position:relative; overflow:hidden; border-radius:18px;
  border:3px solid #ff3aa2;
  box-shadow: 0 16px 36px rgba(0,0,0,.45), 0 0 0 2px rgba(255,255,255,.18) inset;
  background:#120814;
  transform: rotate(var(--rot, 0deg));
}
.gg-cover .tile.big{ grid-row: span 2; }
.gg-cover .tile.wide{ grid-column: span 2; }
.gg-cover .tile img{ 
  width:100%; height:100%; object-fit:cover; display:block;
  filter: saturate(1.08) contrast(1.05);
  transform: scale(1.06);
}
.gg-cover .ribbon{
  position:absolute; left:10px; top:10px;
  background:linear-gradient(180deg, #fff 0%, #ffe0f5 50%, #ffc4ea 100%);
  color:#5d1245; font-weight:900; text-transform:uppercase;
  padding:6px 10px; border-radius:10px;
  border:1px solid #b64a8f; font-size:12px; letter-spacing:.3px;
  box-shadow: 0 4px 10px rgba(0,0,0,.45);
}
.gg-cover .headline{
  position:absolute; left:10px; bottom:10px; right:10px;
  font-weight:900; text-transform:uppercase; letter-spacing:.4px;
  color:#111; font-size:22px;
  background: linear-gradient(180deg, #fff 0%, #f8e7f4 40%, #f0c8e8 100%);
  padding:8px 10px; border-radius:12px;
  border:2px solid #ff7bc9;
  box-shadow: 0 6px 14px rgba(0,0,0,.5);
}
.gg-cover .headline.dark{
  color:#ffe7f7;
  background: linear-gradient(180deg, #000 0%, #1b0f18 100%);
  border-color:#c84ca0;
}
.gg-cover .sticker{
  position:absolute; right:10px; top:10px;
  width:54px; height:54px; border-radius:999px;
  background: radial-gradient(circle at 30% 30%, #fff 0%, #ffd8f2 40%, #ff9fda 85%);
  border:2px solid #b84e90;
  box-shadow: 0 8px 18px rgba(0,0,0,.55);
  display:grid; place-items:center;
  font-weight:900; color:#59124a; font-size:12px;
}
.gg-cover .tag{
  position:absolute; right:10px; bottom:10px;
  background:#ff2f98; color:#fff; font-weight:900; font-size:12px;
  padding:6px 8px; border-radius:9px; letter-spacing:.3px;
  box-shadow: 0 4px 10px rgba(0,0,0,.5);
}
.gg-cover-wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02));
  border:1px solid rgba(255,170,220,.28);
  border-radius:18px; box-shadow: 0 14px 34px rgba(0,0,0,.65);
  padding:18px;
}

.photo-gallery {
  display: block;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
}

.photo-gallery img {
  display: block;
  width: 100vw;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.card:has(.photo-gallery) {
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  margin: 0;
}
.card:has(.photo-gallery) h3 { display: none; }

.gg-pop.mini { height:auto; }
.gg-pop.mini .gg-pop-b { display:none; }

#photos { background: transparent; border: 0; padding: 0; box-shadow: none; margin: 0; }
#photos h3 { display: none; }

#photos .photo-gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
}

#photos .photo-gallery img {
  display: block;
  width: min(1600px, 92vw);
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
}

.gg-pop.mini { height:auto; }
.gg-pop.mini .gg-pop-b { display:none; }

.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 20px;
}

.login-card {
  max-width: 500px;
  width: 100%;
  padding: 40px 50px;
}

.attention-message {
  background: linear-gradient(180deg, rgba(255,70,170,.15), rgba(255,70,170,.08));
  border: 1px solid rgba(255,120,200,.3);
  border-radius: 15px;
  padding: 18px 22px;
  margin-bottom: 30px;
  color: #ffeaff;
  font-size: 14px;
  line-height: 1.5;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
  box-shadow: 0 8px 16px rgba(0,0,0,.3) inset;
}
.attention-message strong {
  color: #ff8ed6;
  font-weight: 900;
}

.form {
  gap: 20px;
  margin: 30px 0;
}

.form-row input {
  padding: 15px 20px;
  font-size: 16px;
}




.gg-banner {
  margin: 10px;
  padding: 15px;
}

.gg-banner .gg-title {
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 5px;
}

.gg-banner .gg-sub {
  font-size: 16px;
}

.gg-wrap {
  max-width: 100%;
  margin: 10px auto;
  padding: 0 10px;
  display: block;
}


.gg-card {
  margin-bottom: 20px;
  max-width: 100%;
}

.gg-card .gg-card-h {
  font-size: 16px;
  padding: 12px;
}

.gg-card .gg-card-b {
  padding: 12px;
}

.gg-chip {
  font-size: 11px;
  padding: 4px 8px;
  margin: 4px 4px 0 0;
}


.login-container {
  padding: 15px;
  min-height: auto;
}

.login-card {
  max-width: 100%;
  padding: 25px 20px;
}

.glam-logo {
  font-size: 1.8em;
  text-align: center;
  color: #ff1493;
  font-weight: bold;
  margin-bottom: 15px;
}

.login-title {
  font-size: 2.5em;
  text-align: center;
  color: #ff69b4;
  font-weight: 300;
  margin-bottom: 10px;
  letter-spacing: 2px;
}

.attention-message {
  margin-bottom: 25px;
  padding: 15px;
  font-size: 13px;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 20px 0;
}

.form-row input {
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
  border: 2px solid #ff69b4;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  color: #333;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-row input:focus {
  outline: none;
  border-color: #ff1493;
  box-shadow: 0 0 0 3px rgba(255, 20, 147, 0.1);
}

.form-row input::placeholder {
  color: #999;
}

.login-button {
  width: 100%;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #ff1493, #ff69b4);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 20, 147, 0.3);
}

.login-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 20, 147, 0.4);
}

.login-button:active {
  transform: translateY(0);
}

.error {
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid #ff6b6b;
  color: #d63384;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 14px;
  text-align: center;
}




@media screen and (max-width: 480px) {
  .gg-banner {
    margin: 5px;
    padding: 12px;
  }

  .gg-banner .gg-title {
    font-size: 1.6em;
  }

  .gg-banner .gg-sub {
    font-size: 14px;
  }

  .gg-wrap {
    padding: 0 5px;
    margin: 5px auto;
  }

  .login-card {
    padding: 20px 15px;
  }

  .glam-logo {
    font-size: 1.5em;
  }

  .login-title {
    font-size: 2em;
  }

  .attention-message {
    font-size: 12px;
    padding: 12px;
  }

  .form-row input {
    padding: 10px 12px;
    font-size: 14px;
  }

  .login-button {
    padding: 12px;
    font-size: 14px;
  }

  .gg-chip {
    font-size: 10px;
    padding: 3px 6px;
  }
}


@media screen and (min-width: 768px) {
  .gg-wrap {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 22px;
    max-width: 1000px;
  }

  .login-container {
    padding: 20px;
  }

  .login-card {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 30px;
  }

  .glam-logo {
    font-size: 2.2em;
  }

  .login-title {
    font-size: 3em;
  }
}


@media screen and (min-width: 1024px) {
  .gg-wrap {
    max-width: 1160px;
  }

  .login-card {
    padding: 40px 50px;
  }
}


@media screen and (max-width: 768px) {
  
  .form-row input {
    font-size: 16px;
  }

  
  .login-button {
    min-height: 48px;
  }

  
  .form {
    gap: 20px;
  }
}


@media screen and (max-height: 600px) and (orientation: landscape) {
  .gg-banner {
    padding: 10px;
    margin: 5px;
  }

  .gg-banner .gg-title {
    font-size: 1.4em;
  }

  .login-card {
    padding: 15px;
  }

  .login-title {
    font-size: 1.8em;
    margin-bottom: 8px;
  }

  .attention-message {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 11px;
  }

  .form {
    gap: 12px;
    margin: 15px 0;
  }
}