/* ============================================================
   Retro Gym Solutions — Drop List v2
   Dark neon: cyan + hot pink. Card grid + reserve modal.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;600&display=swap');

html { margin:0!important; padding:0!important; background:#0e0820!important; }
body { margin:0!important; padding:0!important; background:#0e0820!important; overflow-x:hidden; }

:root {
    --rgl-pink:        #ff1aff;
    --rgl-hot:         #ff2d9b;
    --rgl-cyan:        #00f0ff;
    --rgl-amber:       #ffb800;
    --rgl-bg:          #0e0820;
    --rgl-bg-mid:      #120b28;
    --rgl-bg-card:     rgba(18,8,42,0.9);
    --rgl-border:      rgba(180,100,255,0.25);
    --rgl-border-cyan: rgba(0,240,255,0.25);
    --rgl-text:        #e0d4ff;
    --rgl-text-muted:  rgba(180,160,220,0.55);
    --rgl-font-d:      'Bebas Neue','Impact',sans-serif;
    --rgl-font-b:      'Barlow','Trebuchet MS',sans-serif;
    --rgl-glow-cyan:   0 0 20px rgba(0,240,255,0.5), 0 0 60px rgba(0,240,255,0.2);
    --rgl-glow-pink:   0 0 20px rgba(255,26,255,0.5), 0 0 60px rgba(255,26,255,0.2);
    --rgl-radius:      10px;
}

.rgl-pl-page { position:relative;width:100%;background:var(--rgl-bg);font-family:var(--rgl-font-b);color:var(--rgl-text);overflow-x:hidden; }
.rgl-pl-scanlines { position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.05) 3px,rgba(0,0,0,0.05) 4px);pointer-events:none;z-index:999; }
.rgl-pl-bg-glow { position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;animation:rglPlPulse 8s ease-in-out infinite alternate; }
.rgl-pl-glow-top    { width:700px;height:500px;background:rgba(140,40,220,0.2);top:-150px;left:50%;transform:translateX(-50%); }
.rgl-pl-glow-bottom { width:500px;height:400px;background:rgba(255,45,155,0.12);bottom:0;right:-100px;animation-delay:4s; }
@keyframes rglPlPulse { from{opacity:0.6} to{opacity:1} }

.rgl-pl-inner       { position:relative;z-index:2;max-width:680px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box; }
.rgl-pl-inner--wide { max-width:1200px; }

/* ── HERO ── */
.rgl-pl-hero { position:relative;padding:72px 0 80px;text-align:center;overflow:hidden; }
.rgl-pl-logo { display:flex;justify-content:center;margin-bottom:32px; }
.rgl-pl-logo-ring { width:clamp(140px,28vw,180px);height:clamp(140px,28vw,180px);border-radius:50%;padding:4px;background:linear-gradient(140deg,var(--rgl-pink),var(--rgl-cyan),var(--rgl-pink));box-shadow:0 0 40px rgba(200,60,255,0.55),0 0 90px rgba(200,60,255,0.2);animation:rglPlRing 3s ease-in-out infinite alternate;flex-shrink:0; }
@keyframes rglPlRing { from{box-shadow:0 0 40px rgba(200,60,255,0.55),0 0 90px rgba(200,60,255,0.2)} to{box-shadow:0 0 55px rgba(0,220,255,0.6),0 0 110px rgba(0,220,255,0.2)} }
.rgl-pl-logo-ring-inner { width:100%;height:100%;border-radius:50%;background:#12082a;overflow:hidden;display:flex;align-items:center;justify-content:center; }
.rgl-pl-logo-ring-inner img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.rgl-pl-headline { font-family:var(--rgl-font-d);font-size:clamp(4rem,15vw,8rem);line-height:0.9;letter-spacing:0.06em;margin:0 0 10px;color:var(--rgl-cyan);text-shadow:var(--rgl-glow-cyan);animation:rglPlFadeUp 0.8s cubic-bezier(.22,1,.36,1) both; }
.rgl-pl-subheadline { font-family:var(--rgl-font-d);font-size:clamp(0.9rem,3vw,1.15rem);letter-spacing:0.35em;color:rgba(200,160,255,0.8);margin:0 0 24px;text-transform:uppercase;animation:rglPlFadeUp 0.8s 0.1s cubic-bezier(.22,1,.36,1) both; }
.rgl-pl-intro { font-size:clamp(0.95rem,2.5vw,1.05rem);font-weight:300;line-height:1.75;color:rgba(220,200,255,0.8);max-width:560px;margin:0 auto 36px;animation:rglPlFadeUp 0.8s 0.2s cubic-bezier(.22,1,.36,1) both; }

/* Stats bar */
.rgl-pl-drop-stats { display:inline-flex;align-items:center;gap:32px;background:rgba(255,255,255,0.04);border:1px solid var(--rgl-border);border-radius:50px;padding:14px 36px;margin-bottom:36px;animation:rglPlFadeUp 0.8s 0.25s cubic-bezier(.22,1,.36,1) both; }
.rgl-pl-stat { text-align:center; }
.rgl-pl-stat-num { display:block;font-family:var(--rgl-font-d);font-size:2rem;letter-spacing:0.05em;color:#fff;line-height:1; }
.rgl-pl-stat-avail { color:var(--rgl-cyan);text-shadow:var(--rgl-glow-cyan); }
.rgl-pl-stat-res   { color:var(--rgl-hot);text-shadow:var(--rgl-glow-pink); }
.rgl-pl-stat-label { font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--rgl-text-muted); }
.rgl-pl-stat-divider { width:1px;height:40px;background:var(--rgl-border); }

.rgl-pl-scroll-cta { display:inline-flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--rgl-font-d);font-size:0.85rem;letter-spacing:0.25em;color:var(--rgl-cyan);text-decoration:none;opacity:0.7;transition:opacity 0.2s;animation:rglPlFadeUp 0.8s 0.3s cubic-bezier(.22,1,.36,1) both; }
.rgl-pl-scroll-cta:hover { opacity:1; }
.rgl-pl-arrow-down { font-size:1.4rem;animation:rglPlBounce 2s ease-in-out infinite; }
@keyframes rglPlBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(6px)} }
@keyframes rglPlFadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }

/* ── SECTIONS ── */
.rgl-pl-section-header { text-align:center;margin-bottom:48px; }
.rgl-pl-section-title { font-family:var(--rgl-font-d);font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:0.2em;color:#fff;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:20px; }
.rgl-pl-title-bar { display:block;width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--rgl-pink));flex-shrink:0; }
.rgl-pl-title-bar:last-child { background:linear-gradient(270deg,transparent,var(--rgl-cyan)); }
.rgl-pl-section-sub { font-size:0.9rem;color:var(--rgl-text-muted);letter-spacing:0.05em;margin:0; }

/* ── CARD GRID ── */
.rgl-pl-list-section { padding:80px 0 100px;position:relative; }
.rgl-pl-list-section::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--rgl-border-cyan),transparent); }

.rgl-pl-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px; }

.rgl-pl-card { background:var(--rgl-bg-card);border:1px solid var(--rgl-border);border-radius:14px;overflow:hidden;transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s;position:relative; }
.rgl-pl-card:hover { transform:translateY(-4px);border-color:rgba(0,240,255,0.4);box-shadow:0 16px 48px rgba(0,0,0,0.5),0 0 30px rgba(0,240,255,0.1); }
.rgl-pl-card.is-reserved { border-color:rgba(255,45,155,0.3);opacity:0.75; }
.rgl-pl-card.is-reserved:hover { transform:none;box-shadow:none; }

.rgl-pl-card-img-wrap { position:relative;width:100%;padding-top:66%;overflow:hidden;background:#0c0620; }
.rgl-pl-card-img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease; }
.rgl-pl-card:not(.is-reserved):hover .rgl-pl-card-img { transform:scale(1.04); }
.rgl-pl-card-no-img { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--rgl-text-muted);font-size:0.8rem;letter-spacing:0.1em; }
.rgl-pl-card-no-img span { font-size:2.5rem;opacity:0.4; }
.rgl-pl-card-no-img p { margin:0;text-transform:uppercase; }

/* Reserve sticker */
.rgl-pl-reserve-sticker {
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%) rotate(-12deg);
    background:linear-gradient(135deg,#ff2d9b,#ff6600);
    color:#fff;font-family:var(--rgl-font-d);font-size:1.6rem;letter-spacing:0.18em;
    padding:10px 22px;border:3px solid rgba(255,255,255,0.4);border-radius:6px;
    box-shadow:0 0 30px rgba(255,45,155,0.7),0 4px 20px rgba(0,0,0,0.5);
    text-shadow:0 1px 4px rgba(0,0,0,0.4);white-space:nowrap;z-index:10;
    animation:rglStickerPop 0.4s cubic-bezier(.175,.885,.32,1.275) both;
}
.rgl-pl-reserve-sticker::before { content:'';position:absolute;inset:-6px;border:2px dashed rgba(255,255,255,0.25);border-radius:8px; }
@keyframes rglStickerPop {
    from{transform:translate(-50%,-50%) rotate(-12deg) scale(0.4);opacity:0}
    to  {transform:translate(-50%,-50%) rotate(-12deg) scale(1);  opacity:1}
}

.rgl-pl-card-body { padding:20px;display:flex;flex-direction:column;gap:14px; }
.rgl-pl-card-name { font-family:var(--rgl-font-b);font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.4; }

.rgl-pl-reserve-btn {
    width:100%;background:transparent;border:1px solid var(--rgl-cyan);border-radius:7px;
    color:var(--rgl-cyan);font-family:var(--rgl-font-d);font-size:1rem;letter-spacing:0.2em;
    padding:12px 20px;cursor:pointer;transition:background 0.2s,color 0.2s,box-shadow 0.2s,transform 0.15s;
    position:relative;overflow:hidden;
}
.rgl-pl-reserve-btn::before { content:'';position:absolute;inset:0;background:var(--rgl-cyan);opacity:0;transition:opacity 0.2s; }
.rgl-pl-reserve-btn:hover { color:#0e0820;box-shadow:0 0 20px rgba(0,240,255,0.4);transform:translateY(-1px); }
.rgl-pl-reserve-btn:hover::before { opacity:1; }
.rgl-pl-reserve-btn span { position:relative;z-index:1; }
.rgl-pl-card-reserved-msg { text-align:center;padding:10px;font-family:var(--rgl-font-d);font-size:0.9rem;letter-spacing:0.15em;color:var(--rgl-hot);text-shadow:var(--rgl-glow-pink); }
.rgl-pl-empty { text-align:center;padding:60px 20px;color:var(--rgl-text-muted);font-style:italic; }

/* ── INQUIRY FORM ── */
.rgl-pl-form-section { padding:80px 0 100px;position:relative; }
.rgl-pl-form-section::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--rgl-border),transparent); }
.rgl-pl-form-card { background:var(--rgl-bg-card);border:1px solid var(--rgl-border);border-radius:14px;padding:48px 44px;position:relative;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.03); }
.rgl-pl-form-card::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--rgl-pink),var(--rgl-cyan)); }
.rgl-pl-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:22px; }
.rgl-pl-field--full { grid-column:1/-1; }
.rgl-pl-field label { display:block;font-family:var(--rgl-font-d);font-size:0.9rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--rgl-cyan);margin-bottom:8px; }
.rgl-pl-req { color:var(--rgl-hot); }
.rgl-pl-field input,.rgl-pl-field textarea { width:100%;background:rgba(0,240,255,0.03);border:1px solid var(--rgl-border);border-radius:7px;padding:14px 18px;font-family:var(--rgl-font-b);font-size:0.97rem;color:#fff;outline:none;transition:border-color 0.25s,box-shadow 0.25s,background 0.25s;-webkit-appearance:none;box-sizing:border-box;resize:vertical; }
.rgl-pl-field input::placeholder,.rgl-pl-field textarea::placeholder { color:var(--rgl-text-muted); }
.rgl-pl-field input:focus,.rgl-pl-field textarea:focus { border-color:rgba(0,240,255,0.55);background:rgba(0,240,255,0.05);box-shadow:0 0 0 3px rgba(0,240,255,0.1),0 0 18px rgba(0,240,255,0.15); }
.rgl-pl-field input.rgl-pl-invalid,.rgl-pl-field textarea.rgl-pl-invalid { border-color:var(--rgl-hot);box-shadow:0 0 0 3px rgba(255,45,155,0.12); }
.rgl-pl-form-footer { margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:14px; }
.rgl-pl-submit-btn { position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px 40px;background:linear-gradient(90deg,#ff1aff 0%,#ff2d9b 50%,#ff6600 100%);border:none;border-radius:8px;font-family:var(--rgl-font-d);font-size:clamp(1rem,3vw,1.15rem);letter-spacing:0.18em;color:#fff;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 0 30px rgba(255,45,155,0.45),0 8px 24px rgba(0,0,0,0.4);overflow:hidden; }
.rgl-pl-submit-btn::before { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ff6600,#ff2d9b,#ff1aff);opacity:0;transition:opacity 0.35s; }
.rgl-pl-submit-btn:hover { transform:translateY(-2px) scale(1.01);box-shadow:0 0 50px rgba(255,45,155,0.65),0 12px 32px rgba(0,0,0,0.5); }
.rgl-pl-submit-btn:hover::before { opacity:1; }
.rgl-pl-btn-text,.rgl-pl-btn-arrow { position:relative;z-index:1;transition:opacity 0.2s,transform 0.2s; }
.rgl-pl-btn-arrow { font-size:1.3rem; }
.rgl-pl-submit-btn:hover .rgl-pl-btn-arrow { transform:translateX(5px); }
.rgl-pl-submit-btn.rgl-pl-loading .rgl-pl-btn-text,.rgl-pl-submit-btn.rgl-pl-loading .rgl-pl-btn-arrow { opacity:0; }
.rgl-pl-submit-btn.rgl-pl-loading .rgl-pl-btn-loader { display:block; }
.rgl-pl-btn-loader { display:none;position:absolute;width:24px;height:24px;border:3px solid rgba(255,255,255,0.25);border-top-color:#fff;border-radius:50%;animation:rglPlSpin 0.7s linear infinite; }
@keyframes rglPlSpin { to{transform:rotate(360deg)} }
.rgl-pl-privacy { font-size:0.78rem;color:var(--rgl-text-muted);margin:0;text-align:center;letter-spacing:0.04em; }
.rgl-pl-success { text-align:center;padding:48px 20px;animation:rglPlFadeUp 0.6s cubic-bezier(.22,1,.36,1) both; }
.rgl-pl-success-icon { font-size:3.5rem;color:var(--rgl-cyan);text-shadow:var(--rgl-glow-cyan);margin-bottom:16px;animation:rglPlPop 0.5s cubic-bezier(.175,.885,.32,1.275) both; }
@keyframes rglPlPop { from{transform:scale(0.3);opacity:0} to{transform:scale(1);opacity:1} }
.rgl-pl-success h3 { font-family:var(--rgl-font-d);font-size:2rem;letter-spacing:0.1em;color:var(--rgl-cyan);margin:0 0 10px;text-shadow:var(--rgl-glow-cyan); }
.rgl-pl-success p  { color:rgba(220,200,255,0.8);font-size:1rem;margin:0; }
.rgl-pl-error-banner { margin-top:16px;padding:14px 20px;background:rgba(255,45,155,0.08);border:1px solid rgba(255,45,155,0.3);border-radius:8px; }
.rgl-pl-error-banner p { margin:0;color:var(--rgl-hot);font-size:0.9rem;font-weight:600; }

/* ── RESERVE MODAL ── */
.rgl-modal-overlay { position:fixed;inset:0;background:rgba(8,4,20,0.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s ease; }
.rgl-modal-overlay.is-open { opacity:1;pointer-events:all; }
.rgl-modal { background:var(--rgl-bg-mid);border:1px solid rgba(0,240,255,0.3);border-radius:16px;padding:44px 40px;width:100%;max-width:460px;position:relative;box-shadow:0 0 60px rgba(0,240,255,0.15),0 40px 80px rgba(0,0,0,0.7);transform:translateY(24px) scale(0.97);transition:transform 0.35s cubic-bezier(.22,1,.36,1),opacity 0.3s;opacity:0;max-height:90vh;overflow-y:auto; }
.rgl-modal-overlay.is-open .rgl-modal { transform:translateY(0) scale(1);opacity:1; }
.rgl-modal::before { content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--rgl-cyan),var(--rgl-pink));border-radius:16px 16px 0 0; }
.rgl-modal-close { position:absolute;top:16px;right:18px;background:transparent;border:none;color:var(--rgl-text-muted);font-size:1.8rem;line-height:1;cursor:pointer;transition:color 0.2s;padding:0; }
.rgl-modal-close:hover { color:#fff; }
.rgl-modal-header { text-align:center;margin-bottom:32px; }
.rgl-modal-icon { font-size:2.4rem;margin-bottom:10px; }
.rgl-modal-header h2 { font-family:var(--rgl-font-d);font-size:2rem;letter-spacing:0.2em;color:var(--rgl-cyan);text-shadow:var(--rgl-glow-cyan);margin:0 0 8px; }
.rgl-modal-item-name { font-family:var(--rgl-font-b);font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 10px;line-height:1.4; }
.rgl-modal-sub { font-size:0.85rem;color:var(--rgl-text-muted);margin:0;line-height:1.6; }
.rgl-modal-field { margin-bottom:18px; }
.rgl-modal-field label { display:block;font-family:var(--rgl-font-d);font-size:0.85rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--rgl-cyan);margin-bottom:8px; }
.rgl-modal-field input { width:100%;background:rgba(0,240,255,0.03);border:1px solid var(--rgl-border);border-radius:7px;padding:13px 16px;font-family:var(--rgl-font-b);font-size:0.97rem;color:#fff;outline:none;transition:border-color 0.25s,box-shadow 0.25s;box-sizing:border-box;-webkit-appearance:none; }
.rgl-modal-field input::placeholder { color:var(--rgl-text-muted); }
.rgl-modal-field input:focus { border-color:rgba(0,240,255,0.55);background:rgba(0,240,255,0.05);box-shadow:0 0 0 3px rgba(0,240,255,0.1); }
.rgl-modal-field input.rgl-invalid { border-color:var(--rgl-hot);box-shadow:0 0 0 3px rgba(255,45,155,0.12); }
.rgl-modal-submit { position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:8px;padding:18px 32px;background:linear-gradient(90deg,var(--rgl-cyan) 0%,rgba(0,200,255,0.8) 100%);border:none;border-radius:8px;font-family:var(--rgl-font-d);font-size:1.1rem;letter-spacing:0.2em;color:#0e0820;font-weight:700;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 0 24px rgba(0,240,255,0.4),0 6px 20px rgba(0,0,0,0.4);overflow:hidden; }
.rgl-modal-submit:hover { transform:translateY(-2px);box-shadow:0 0 40px rgba(0,240,255,0.6),0 10px 28px rgba(0,0,0,0.5); }
.rgl-modal-submit.rgl-pl-loading .rgl-pl-btn-text,.rgl-modal-submit.rgl-pl-loading .rgl-pl-btn-arrow { opacity:0; }
.rgl-modal-submit.rgl-pl-loading .rgl-pl-btn-loader { display:block; }
.rgl-modal-error { margin-top:14px;padding:12px 16px;background:rgba(255,45,155,0.08);border:1px solid rgba(255,45,155,0.3);border-radius:7px;color:var(--rgl-hot);font-size:0.88rem;font-weight:600; }
.rgl-modal-success { text-align:center;padding:16px 0 8px; }
.rgl-modal-success h3 { font-family:var(--rgl-font-d);font-size:1.8rem;letter-spacing:0.1em;color:var(--rgl-cyan);margin:0 0 10px;text-shadow:var(--rgl-glow-cyan); }
.rgl-modal-success p  { color:rgba(220,200,255,0.8);font-size:0.95rem;margin:0; }

/* ── FOOTER ── */
.rgl-pl-footer-strip { text-align:center;padding:28px 20px;border-top:1px solid var(--rgl-border);font-size:0.8rem;color:var(--rgl-text-muted);letter-spacing:0.06em; }
.rgl-pl-footer-strip p { margin:0; }
.rgl-pl-link { color:var(--rgl-cyan);text-decoration:none;border-bottom:1px solid rgba(0,240,255,0.3);transition:color 0.2s,border-color 0.2s; }
.rgl-pl-link:hover { color:#fff;border-color:#fff; }

/* ── RESPONSIVE ── */
@media (max-width:900px) { .rgl-pl-grid { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); } }
@media (max-width:700px) {
    .rgl-pl-form-grid { grid-template-columns:1fr; }
    .rgl-pl-field--full { grid-column:1; }
    .rgl-pl-form-card { padding:32px 22px; }
    .rgl-pl-hero { padding:48px 0 56px; }
    .rgl-pl-list-section,.rgl-pl-form-section { padding:60px 0 72px; }
    .rgl-pl-drop-stats { gap:18px;padding:12px 24px; }
}
@media (max-width:480px) {
    .rgl-pl-grid { grid-template-columns:1fr; }
    .rgl-pl-inner { padding:0 16px; }
    .rgl-modal { padding:28px 20px; }
}