[data-v-96b69974]{margin:0;padding:0;box-sizing:border-box}.page-wrapper[data-v-96b69974]{--green-dark: #1a2e0f;--green-mid: #2d4a1a;--green-accent: #3d6b22;--gold: #c9a227;--gold-light: #e8c04a;--gold-btn: #d4a830;--white: #ffffff;--white-90: rgba(255,255,255,.9);--white-60: rgba(255,255,255,.6);--white-30: rgba(255,255,255,.3);--card-bg: rgba(255,255,255,.93);--shadow-card: 0 8px 40px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.1);--shadow-btn: 0 4px 16px rgba(0,0,0,.2);position:relative;min-height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}.bg-image[data-v-96b69974]{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/build/assets/csu-CK9yNpHA.png);background-size:cover;background-position:center;z-index:0}.bg-overlay[data-v-96b69974]{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#12220ad1,#1e3710bf,#12220ad9);z-index:1}.navbar[data-v-96b69974]{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 36px;background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.navbar-brand[data-v-96b69974]{display:flex;align-items:center;gap:12px}.logo-wrap[data-v-96b69974]{height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo[data-v-96b69974]{width:38px;height:38px;object-fit:contain}.brand-text[data-v-96b69974]{display:flex;flex-direction:column}.brand-name[data-v-96b69974]{font-size:15px;font-weight:700;color:#a38c08;letter-spacing:.01em;line-height:1.2}.brand-sub[data-v-96b69974]{font-size:11.5px;color:#83710d;font-weight:400;letter-spacing:.02em}.navbar-right[data-v-96b69974]{display:flex;align-items:center;gap:8px;color:var(--white-90)}.qr-icon[data-v-96b69974]{display:flex;align-items:center;color:#a38c08}.qr-label[data-v-96b69974]{font-size:13px;font-weight:500;color:#a38c08;letter-spacing:.01em}.nav-divider[data-v-96b69974]{position:relative;z-index:10;height:1px;background:#ffffff1f}.main-content[data-v-96b69974]{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px 40px;gap:48px}.hero-section[data-v-96b69974]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.badge-pill[data-v-96b69974]{display:inline-block;border:1.5px solid var(--gold);color:var(--gold-light);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 20px;border-radius:999px;background:#c9a22714;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.headline[data-v-96b69974]{font-size:clamp(28px,4vw,46px);font-weight:800;color:var(--white);letter-spacing:-.02em;line-height:1.1}.subheadline[data-v-96b69974]{font-size:15px;color:var(--white-60);font-weight:400;max-width:420px;line-height:1.6}.cards-row[data-v-96b69974]{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}.role-card[data-v-96b69974]{background:var(--card-bg);border-radius:18px;padding:40px 36px 32px;width:300px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow-card);border:1.5px solid rgba(255,255,255,.6);transition:transform .25s ease,box-shadow .25s ease;cursor:default}.role-card.hovered[data-v-96b69974]{transform:translateY(-6px);box-shadow:0 16px 56px #00000047,0 4px 12px #00000024}.card-icon[data-v-96b69974]{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.admin-icon[data-v-96b69974]{background:var(--green-mid);color:var(--gold-light)}.staff-icon[data-v-96b69974]{background:var(--gold);color:var(--green-dark)}.card-title[data-v-96b69974]{font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em}.card-desc[data-v-96b69974]{font-size:13.5px;color:#666;text-align:center;line-height:1.5;margin-bottom:8px}.btn[data-v-96b69974]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;border:none;border-radius:10px;font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:filter .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:var(--shadow-btn)}.btn[data-v-96b69974]:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn[data-v-96b69974]:active{transform:translateY(0);filter:brightness(.96)}.btn-admin[data-v-96b69974]{background:var(--green-mid);color:var(--white)}.btn-staff[data-v-96b69974]{background:var(--gold-btn);color:var(--green-dark)}.card-note[data-v-96b69974]{font-size:11.5px;color:#999;letter-spacing:.01em}.footer[data-v-96b69974]{position:relative;z-index:10;text-align:center;padding:20px;font-size:12.5px;color:var(--white-60);letter-spacing:.02em}@media (max-width: 680px){.navbar[data-v-96b69974]{padding:12px 20px}.qr-label[data-v-96b69974]{display:none}.cards-row[data-v-96b69974]{flex-direction:column;align-items:center}.role-card[data-v-96b69974]{width:100%;max-width:340px}}