.user-menu{position:relative}.members-button{background:linear-gradient(135deg,#667eea,#764ba2);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px rgba(102,126,234,.3);border:none;color:#fff;cursor:pointer;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;transition:all .3s ease}.members-button:hover{color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.5);transform:translateY(-2px)}.user-dropdown{position:absolute;top:45px;right:0;background:rgba(0,0,0,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:15px;min-width:220px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1000}.user-info{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.user-info strong{display:block;font-size:14px;margin-bottom:5px}.admin-badge{display:inline-block;background:rgba(76,175,80,.3);color:#4caf50;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase}.user-dropdown a{display:block;color:#fff;text-decoration:none;padding:10px;border-radius:5px;transition:background .2s;font-size:14px}.user-dropdown a:hover{background:hsla(0,0%,100%,.1)}.sign-out-button{width:100%;background:rgba(244,67,54,.2);color:#f44336;border:1px solid #f44336;padding:10px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;margin-top:5px;transition:all .2s}.sign-out-button:hover{background:rgba(244,67,54,.3)}.admin-link{background:linear-gradient(135deg,#ff9800,#f44336);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px rgba(255,152,0,.3)}.admin-link:hover{color:#fff!important;box-shadow:0 4px 12px rgba(255,152,0,.5);transform:translateY(-2px)}.login-link{background:hsla(0,0%,100%,.1);padding:.5rem 1rem;border-radius:20px;border:2px solid hsla(0,0%,100%,.3)}.login-link:hover{background:rgba(74,158,255,.3);border-color:#4a9eff;color:#fff!important;transform:translateY(-2px)}@media (max-width:968px){.user-dropdown{right:-10px}}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;background-image:url(/site-bg.jpg);background-attachment:fixed;background-size:cover;background-position:50%;background-repeat:no-repeat}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:-1}.App{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:rgba(0,0,0,.85);color:#fff;padding:1rem 2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.5);position:relative}.navbar-left{display:flex;flex-direction:column;align-items:flex-start}.navbar h1{font-size:1.8rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:500;letter-spacing:.5px;color:#fff;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.navbar .tagline{font-size:.85rem;color:#ccc;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8);font-style:italic;text-transform:none;font-weight:300}.navbar ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar a{color:#fff;text-decoration:none;transition:all .3s ease;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);padding:.5rem 0;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.navbar a:hover{color:#4a9eff}.navbar a.members-link{background:linear-gradient(135deg,#667eea,#764ba2);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px rgba(102,126,234,.3)}.navbar a.members-link:hover{color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.5);transform:translateY(-2px)}@media (max-width:968px){.navbar{flex-direction:column;align-items:center;padding:1rem}.navbar-left{align-items:center;margin-bottom:1rem}.navbar h1{font-size:1.8rem}.navbar ul{gap:1rem;flex-wrap:wrap;justify-content:center}.navbar a{font-size:.9rem;padding:.4rem .6rem}}main{flex:1 1;overflow:hidden}main>:not(.home-wrapper){padding:3rem 2rem;max-width:1200px;margin:2rem auto;width:calc(100% - 4rem);background-color:rgba(0,0,0,.85);color:#fff;box-shadow:0 0 20px rgba(0,0,0,.5)}footer{background-color:rgba(0,0,0,.95);color:#ccc;text-align:center;padding:1.5rem;box-shadow:0 -4px 6px rgba(0,0,0,.3);font-size:.9rem}@media (max-width:768px){main>:not(.home-wrapper){padding:2rem 1rem;margin:0;width:100%}}