.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}:root{--gold:#e6c17a;--gold-bright:#f3ddae;--gold-muted:#b89a63;--amber:#f0a94a;--amber-soft:rgba(240,169,74,.3)}*{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:var(--gold);padding:1rem 2rem;flex-direction:row;justify-content:space-between;box-shadow:0 2px 8px rgba(0,0,0,.5);position:relative}.navbar,.navbar-left{display:flex;align-items:center}.navbar-logo{display:inline-flex}.navbar-logo img{height:62px;width:auto;display:block}.navbar ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar a{color:var(--gold);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:var(--amber)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:inline-block;width:28px;height:22px;position:relative}.hamburger span{display:block;position:absolute;left:0;width:100%;height:3px;border-radius:2px;background:var(--gold);transition:transform .3s ease,opacity .3s ease,top .3s ease}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.hamburger.is-open span:first-child{top:9px;transform:rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){top:9px;transform:rotate(-45deg)}.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:row;align-items:center;justify-content:space-between;padding:1rem 1.25rem;flex-wrap:wrap}.navbar-left{align-items:flex-start}.navbar-logo img{height:50px}.nav-toggle{display:inline-flex;align-items:center}.navbar ul{flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar ul.is-open{max-height:32rem;margin-top:1rem}.navbar ul li{width:100%;border-top:1px solid hsla(39,68%,69%,.15)}.navbar a{display:block;font-size:1rem;padding:.9rem .25rem}}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:var(--gold);box-shadow:0 0 20px rgba(0,0,0,.5)}footer{background-color:rgba(0,0,0,.95);color:var(--gold-muted);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%}}