@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&display=swap');
:root{--bg:#050407;--bg2:#0a0710;--card:#0d0913;--card2:#130d1d;--accent:#9b4dff;--accent2:#c073ff;--accent3:#6c19e8;--accent-soft:rgba(155,77,255,.14);--text:#f6f1ff;--muted:#a99db8;--line:rgba(188,136,255,.16);--danger:#ff5364;--shadow:0 28px 80px rgba(0,0,0,.48);}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0!important;font-family:Inter,Arial,sans-serif!important;color:var(--text)!important;background:radial-gradient(circle at 50% -10%,rgba(137,59,255,.18),transparent 36%),linear-gradient(180deg,#050407 0%,#07050b 45%,#030304 100%)!important;min-height:100vh}a{color:inherit}::selection{background:#9b4dff;color:#fff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,4,7,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.site-nav{height:78px;max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#08060c;border:1px solid rgba(184,121,255,.22);box-shadow:0 0 30px rgba(142,53,255,.16)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy strong{font-family:Rajdhani,sans-serif;font-size:24px;letter-spacing:1.7px}.brand-copy small{margin-top:5px;color:#9d8cac;font-size:9px;letter-spacing:3px}.nav-panel{display:flex;align-items:center;justify-content:space-between;flex:1}.nav-menu{list-style:none;display:flex;align-items:center;gap:8px;margin:0;padding:0}.nav-menu a{display:block;text-decoration:none;color:#b9adca;font-size:13px;font-weight:700;padding:11px 15px;border-radius:11px;transition:.2s}.nav-menu a:hover,.nav-menu a.active{color:#fff;background:rgba(155,77,255,.11)}.nav-menu a.active{box-shadow:inset 0 0 0 1px rgba(181,115,255,.15)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-login,.dashboard-btn{display:inline-flex;align-items:center;gap:16px;text-decoration:none;border:1px solid rgba(182,111,255,.22);border-radius:12px;padding:11px 17px;background:linear-gradient(135deg,rgba(155,77,255,.2),rgba(155,77,255,.07));color:#fff!important;font-size:12px;font-weight:800;transition:.2s}.nav-login:hover,.dashboard-btn:hover{transform:translateY(-2px);border-color:#9b4dff;box-shadow:0 12px 35px rgba(123,39,235,.18)}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:white;margin:5px;border-radius:9px}.profile-wrapper{position:relative}.avatar-button{border:0;background:none;padding:0}.avatar{width:40px!important;height:40px!important;border-radius:12px!important;object-fit:cover;border:1px solid rgba(188,126,255,.35)!important}.avatar-fallback{display:grid;place-items:center;background:#17101f}.dropdown{position:absolute;top:54px;right:0;min-width:220px;background:#0d0912!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:8px!important;box-shadow:var(--shadow)!important;z-index:1001}.dropdown-header{padding:12px!important;border-bottom:1px solid var(--line)!important}.dropdown-header small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.dropdown a{display:block;padding:10px 12px!important;border-radius:9px;color:#c7bad5!important;text-decoration:none}.dropdown a:hover{background:var(--accent-soft)!important;color:white!important}.dropdown-danger{color:#ff8492!important}
/* Global restyle for existing pages */
.card,.rule-category,.rule-item,.application-card,.donation-card,.profile-card,.empty-box,.stat,.application-box,.form-card{background:linear-gradient(145deg,rgba(20,13,30,.93),rgba(9,7,13,.96))!important;border-color:var(--line)!important;box-shadow:0 18px 55px rgba(0,0,0,.3)!important}.card:hover,.rule-category:hover,.rule-item:hover,.application-card:hover{border-color:rgba(166,88,255,.48)!important}.btn,.cta,.goal-status,.rule-number,.submit-btn,.apply-btn,.donate-btn{background:linear-gradient(135deg,#b05cff,#781ee8)!important;color:#fff!important;box-shadow:0 10px 28px rgba(139,45,245,.2)!important;border:none!important}.btn:hover,.cta:hover,.submit-btn:hover,.apply-btn:hover,.donate-btn:hover{box-shadow:0 16px 38px rgba(139,45,245,.3)!important;transform:translateY(-2px)}input,textarea,select,.search-box input{background:#0b0810!important;color:#fff!important;border-color:rgba(185,121,255,.17)!important}input:focus,textarea:focus,select:focus,.search-box input:focus{border-color:#9b4dff!important;box-shadow:0 0 0 4px rgba(155,77,255,.09)!important}.rules-hero h1,.dashboard-header h1,.applications-header h1,.donation-header h1,.profile-header h1{font-family:Rajdhani,sans-serif!important;color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important;letter-spacing:-.02em!important}.rule-header h2,.section-title,.member-name{color:#c684ff!important}.progress-fill{background:linear-gradient(90deg,#741de2,#bd65ff)!important}.user-top img{border-color:#9b4dff!important;box-shadow:0 0 25px rgba(155,77,255,.22)!important}
.site-footer{border-top:1px solid var(--line);padding:34px 24px;color:#81768d;text-align:center;font-size:12px;background:#040305}
@media(max-width:900px){.site-nav{height:70px;padding:0 18px}.brand-copy{display:none}.nav-toggle{display:block;margin-left:auto}.nav-panel{display:none;position:absolute;top:70px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:14px;border:1px solid var(--line);background:rgba(8,6,11,.98);border-radius:16px;box-shadow:var(--shadow)}.nav-panel.open{display:flex}.nav-menu{flex-direction:column;align-items:stretch}.nav-menu a{padding:13px}.nav-actions{margin-top:8px;flex-direction:column;align-items:stretch}.nav-login,.dashboard-btn{justify-content:center}.dashboard-wrapper{padding-left:18px!important;padding-right:18px!important}.dashboard-grid,.section-grid,.members-grid{grid-template-columns:1fr!important}.rules-hero h1,.dashboard-header h1{font-size:42px!important}}


/* v5 — SCRP header / Discord auth polish */
.site-header{padding:16px 24px 0;background:linear-gradient(180deg,rgba(5,4,8,.96),rgba(5,4,8,.55) 76%,transparent);border-bottom:0;backdrop-filter:none}
.site-nav{height:74px;max-width:1340px;padding:0 14px 0 12px;border:1px solid rgba(181,117,255,.16);border-radius:20px;background:linear-gradient(135deg,rgba(15,10,22,.92),rgba(8,7,11,.94));backdrop-filter:blur(22px) saturate(135%);box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)}
.brand-mark{width:46px;height:46px;border-radius:13px}.brand-copy strong{font-size:22px}.nav-menu a{font-size:12px;text-transform:uppercase;letter-spacing:.55px;color:#a89ead}.nav-menu a:hover,.nav-menu a.active{background:linear-gradient(135deg,rgba(155,77,255,.16),rgba(115,43,213,.08));box-shadow:inset 0 0 0 1px rgba(182,116,255,.18)}
.nav-login{min-height:46px;padding:0 17px!important;gap:10px!important;border:1px solid rgba(191,130,255,.3)!important;background:linear-gradient(135deg,#a650ff 0%,#7130d9 100%)!important;color:#fff!important;box-shadow:0 12px 34px rgba(127,44,232,.23),inset 0 1px rgba(255,255,255,.12)!important}
.nav-login svg{width:19px;height:19px;flex:0 0 auto}.nav-login b{font-size:15px;margin-left:4px}.nav-login:hover{border-color:rgba(211,171,255,.55)!important;background:linear-gradient(135deg,#b765ff,#7f3ee7)!important;box-shadow:0 15px 40px rgba(136,49,241,.32)!important}
.dashboard-btn{min-height:42px;background:rgba(155,77,255,.08)!important;border-color:rgba(182,111,255,.2)!important}
@media(max-width:900px){.site-header{padding:10px 10px 0}.site-nav{height:68px;padding:0 10px}.nav-panel{top:76px}.nav-login{width:100%}}