:root {
    --guest-bg-0: #060b14;
    --guest-bg-1: #0c1322;
    --guest-surface: rgba(15, 23, 42, .74);
    --guest-border: rgba(132, 154, 188, .20);
    --guest-text: #eef4ff;
    --guest-muted: #9dacbf;
    --guest-accent: #7ee7ff;
    --guest-accent-2: #ffd46a;
}
html:not(.dark) {
    --guest-bg-0: #f5f7fb;
    --guest-bg-1: #ebf1f9;
    --guest-surface: rgba(255, 255, 255, .82);
    --guest-border: rgba(46, 72, 107, .12);
    --guest-text: #101a2f;
    --guest-muted: #60718d;
    --guest-accent: #0f7fb0;
    --guest-accent-2: #b36b00;
}

html, body { min-height: 100%; }
body {
    margin: 0;
    background:
        radial-gradient(circle at 10% 0%, rgba(126,231,255,.12), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(255,212,106,.10), transparent 26%),
        linear-gradient(180deg, var(--guest-bg-0), var(--guest-bg-1));
    color: var(--guest-text);
    font-family: 'Inter', sans-serif;
}

.guest-theme-btn {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 100;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    background: var(--guest-surface);
    border: 1px solid var(--guest-border);
    color: var(--guest-text);
    cursor: pointer;
    display: grid;
    place-items: center;
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 44px rgba(0,0,0,.22);
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}
.guest-theme-btn:hover { transform: translateY(-1px) scale(1.02); border-color: rgba(126,231,255,.42); }
.guest-theme-btn:focus-visible { outline: 2px solid var(--guest-accent); outline-offset: 3px; }

.guest-shell {
    min-height: 100vh;
    padding: 28px;
    display: grid;
    place-items: center;
}
/*
 * Adjusted guest card styling for a slightly softer, more modern appearance.
 * The radius has been increased and a subtle gradient overlay has been added.
 */
.guest-card {
    width: min(1120px, 100%);
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    gap: 20px;
    border: 1px solid var(--guest-border);
    border-radius: 40px;
    /* Add a smoother gradient overlay to give depth */
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    box-shadow: 0 30px 90px rgba(0,0,0,.35);
    overflow: hidden;
    backdrop-filter: blur(24px);
}
html:not(.dark) .guest-card { box-shadow: 0 24px 70px rgba(21, 34, 52, .12); }

.guest-hero {
    padding: 42px;
    background:
        radial-gradient(circle at 0% 0%, rgba(126,231,255,.14), transparent 35%),
        linear-gradient(180deg, rgba(12, 18, 32, .88), rgba(8, 14, 25, .94));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 640px;
}
html:not(.dark) .guest-hero {
    background:
        radial-gradient(circle at 0% 0%, rgba(15,127,176,.08), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(242,247,252,.98));
}
.hero-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.hero-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}
.hero-brand img {
    width: 64px;
    height: 64px;
    filter: drop-shadow(0 8px 24px rgba(0,0,0,.28));
}
.hero-title {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-size: clamp(2rem, 3.2vw, 4rem);
    line-height: 1.02;
    letter-spacing: .05em;
    color: var(--guest-accent-2);
}
.hero-subtitle {
    margin: 8px 0 0;
    font-size: .8rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--guest-muted);
}
.hero-copy {
    margin-top: 28px;
    max-width: 52ch;
    color: rgba(238, 244, 255, .82);
    font-size: 1rem;
    line-height: 1.75;
}
html:not(.dark) .hero-copy { color: rgba(16, 26, 47, .82); }
.hero-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}
.hero-item {
    padding: 16px;
    border: 1px solid var(--guest-border);
    border-radius: 20px;
    background: rgba(255,255,255,.04);
}
html:not(.dark) .hero-item { background: rgba(15,127,176,.04); }
.hero-item strong { display: block; margin-bottom: 6px; font-size: .88rem; }
.hero-item span { font-size: .82rem; color: var(--guest-muted); line-height: 1.55; }
.hero-foot {
    margin-top: 28px;
    font-size: .75rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--guest-muted);
}

.guest-panel {
    padding: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
}
/*
 * Slightly rounder panel card with a softer shadow to improve the guest sign‑in aesthetic.
 */
.panel-card {
    width: 100%;
    max-width: 430px;
    padding: 30px;
    border: 1px solid var(--guest-border);
    border-radius: 32px;
    background: var(--guest-surface);
    box-shadow: 0 24px 72px rgba(0,0,0,.28);
    backdrop-filter: blur(22px);
}
html:not(.dark) .panel-card { background: rgba(255,255,255,.86); }

@media (max-width: 980px) {
    .guest-shell { padding: 18px; }
    .guest-card { grid-template-columns: 1fr; }
    .guest-hero { min-height: auto; }
}
@media (max-width: 640px) {
    .guest-shell { padding: 10px; }
    .guest-hero, .guest-panel { padding: 22px; }
    .hero-list { grid-template-columns: 1fr; }
}


/* v65 robust guest light/dark mode */
html.light, html:not(.dark){color-scheme:light;}
html.light body, html:not(.dark) body{
  background:radial-gradient(circle at 12% 0%, rgba(14,165,233,.16), transparent 30%),linear-gradient(180deg,#f3f7fc,#dfe9f5)!important;
  color:#102036!important;
}
html.light .guest-theme-btn, html:not(.dark) .guest-theme-btn{background:rgba(255,255,255,.92)!important;color:#0f172a!important;border-color:rgba(61,93,132,.22)!important;}

/* v68: tryb jasny/ciemny usunięty */
.theme-btn,.guest-theme-btn,#guestThemeBtn,#homeThemeBtn,#themeToggleBtn{display:none!important;}