@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap");:root{--gold:#d4af37;--gold2:#e8c547;--gold3:#8a6a10;--gold-glow:rgba(212,175,55,0.35);--dark:#0a0704;--dark2:#110e08;--dark3:#1a1409;--dark4:#231b0d;--border:#3d2e0f;--border2:#5a4318;--border3:#7a5c22;--cream:#f0dfa8;--cream2:#d4b87a;--cream3:#a8865a;--red:#8b1a1a;--red2:#c0392b;--green:#1a4a1a;--green2:#27ae60;--font-title:"Cinzel",serif;--font-body:"Crimson Text",serif;--font-ui:"Inter",sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:0.2s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--dark);color:var(--cream);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 40% at 50% 0,rgba(212,175,55,.06) 0,transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%233d2e0f' stroke-width='0.3' opacity='0.15'/%3E%3C/svg%3E")}h1,h2,h3,h4{color:var(--gold)}button,h1,h2,h3,h4{font-family:var(--font-title)}button{cursor:pointer;transition:all var(--transition)}button:active{transform:scale(.97)}input,select,textarea{font-family:var(--font-body);background:var(--dark);border:1px solid var(--border2);color:var(--cream);border-radius:var(--radius-sm);outline:none;padding:12px 14px;font-size:15px;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--gold3);box-shadow:0 0 0 3px rgba(212,175,55,.08)}a{color:var(--gold3);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--gold)}::selection{background:rgba(212,175,55,.25);color:var(--cream)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark2)}::-webkit-scrollbar-thumb{background:var(--gold3);border-radius:3px}.cf-turnstile{margin-top:16px;display:flex;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px rgba(212,175,55,.15)}50%{box-shadow:0 0 20px rgba(212,175,55,.3)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{background:linear-gradient(90deg,var(--dark3) 25%,var(--dark4) 50%,var(--dark3) 75%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-card{height:200px;width:100%}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(10,7,4,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;gap:8px}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{font-family:var(--font-title);font-size:17px;color:var(--gold);letter-spacing:3px;margin-right:auto;text-decoration:none;flex-shrink:0;gap:10px;font-weight:700;transition:all var(--transition)}.navbar-logo:hover{text-shadow:0 0 12px var(--gold-glow)}.navbar-logo-icon{width:80px;height:80px;filter:drop-shadow(0 0 6px rgba(212,175,55,.4));transition:transform var(--transition)}.navbar-logo:hover .navbar-logo-icon{transform:scale(1.1)}.navbar-links{display:flex;align-items:center;gap:4px}.nav-divider{width:1px;height:20px;background:linear-gradient(180deg,transparent,var(--border3),transparent);margin:0 4px}.nav-link{font-family:var(--font-title);font-size:11px;letter-spacing:1.5px;padding:8px 14px;color:var(--cream2);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;background:none;border:none;text-transform:uppercase;position:relative}.nav-link:after{content:"";position:absolute;bottom:2px;left:50%;right:50%;height:1px;background:var(--gold);transition:all .3s ease}.nav-link:hover:after{left:20%;right:20%}.nav-link.active,.nav-link:hover{color:var(--gold)}.nav-link.active:after{left:20%;right:20%}.nav-user{display:flex;align-items:center;gap:10px;margin-left:8px}.nav-avatar{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border3);object-fit:cover;transition:border-color var(--transition)}.nav-avatar:hover{border-color:var(--gold)}.nav-username{color:var(--gold);font-size:12px;letter-spacing:1px}.nav-cta,.nav-username{font-family:var(--font-title)}.nav-cta{background:linear-gradient(135deg,var(--gold3),var(--gold));color:#0a0704;font-size:11px;letter-spacing:1.5px;padding:8px 18px;border:none;border-radius:var(--radius-sm);font-weight:700;margin-left:8px;text-decoration:none;text-transform:uppercase;transition:all var(--transition)}.nav-cta:hover{background:var(--gold2);color:#0a0704;transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,175,55,.3)}.nav-logout{background:transparent;border:1px solid var(--border2);color:var(--cream3);padding:6px 14px;cursor:pointer;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-title);letter-spacing:1px;transition:all var(--transition)}.nav-logout:hover{border-color:var(--red);color:var(--red2)}.hamburger{display:none;background:none;border:none;color:var(--gold);font-size:24px;cursor:pointer;padding:4px}.mobile-overlay{position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99;background:rgba(10,7,4,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:flex-start;animation:fadeIn .2s ease}.mobile-menu-panel{width:100%;max-width:100%;background:var(--dark2);border-bottom:1px solid var(--border);padding:16px 24px 24px;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.6);box-sizing:border-box;animation:slideDown .25s cubic-bezier(.16,1,.3,1);background-image:radial-gradient(ellipse 100% 40% at 50% 0,rgba(212,175,55,.04) 0,transparent 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%233d2e0f' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E")}.mobile-menu-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold3))}.mobile-menu-links{display:flex;flex-direction:column;gap:8px;width:100%}.mobile-menu-panel .nav-link{font-size:13px;padding:12px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;transition:all var(--transition);border:1px solid transparent;color:var(--cream2)}.mobile-menu-panel .nav-link:hover{background:rgba(212,175,55,.05);border-color:rgba(212,175,55,.15);color:var(--gold)}.mobile-menu-panel .nav-link.active{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.2);color:var(--gold)}.mobile-menu-panel .nav-link:after{display:none}.mobile-menu-footer{margin-top:16px;display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border);width:100%}.mobile-close{display:none}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.container{max-width:1100px}.container,.container-sm{margin:0 auto;padding:0 20px}.container-sm{max-width:660px}.section{padding:48px 0}.card{background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--border2);box-shadow:0 4px 24px rgba(0,0,0,.3)}.card-gold:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.card-title{color:var(--gold);font-size:16px;margin-bottom:16px}.btn,.card-title{font-family:var(--font-title)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);border:none;font-size:12px;letter-spacing:1.5px;cursor:pointer;transition:all var(--transition);font-weight:700;text-transform:uppercase}.btn-gold{background:linear-gradient(180deg,var(--gold) 0,var(--gold3) 100%);color:#0a0704;border:1px solid var(--gold3)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(212,175,55,.3)}.btn-outline{background:var(--dark4);border:1px solid var(--border2);color:var(--cream2)}.btn-outline:hover{border-color:var(--gold3);color:var(--gold)}.btn-danger{background:rgba(139,26,26,.3);border:1px solid var(--red);color:var(--red2)}.btn-danger:hover{background:rgba(192,57,43,.2)}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:11px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11px;color:var(--cream3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-family:var(--font-title)}.form-input{width:100%;padding:13px 16px;background:var(--dark);border:1px solid var(--border);color:var(--cream);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);transition:all var(--transition)}.form-input:focus{border-color:var(--gold3);outline:none;box-shadow:0 0 0 3px rgba(212,175,55,.08)}.form-input::placeholder{color:var(--cream3);opacity:.5}.form-error{font-size:12px;color:var(--red2);margin-top:4px}.badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:10px;font-family:var(--font-title);letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.badge-paid{background:rgba(39,174,96,.12);color:var(--green2);border:1px solid rgba(39,174,96,.25)}.badge-pending{background:rgba(212,175,55,.1);color:var(--gold3);border:1px solid rgba(212,175,55,.2)}.badge-cancelled{background:rgba(139,26,26,.15);color:var(--red2);border:1px solid rgba(192,57,43,.2)}.badge-active{background:rgba(39,174,96,.1);color:var(--green2);border:1px solid rgba(39,174,96,.2)}.badge-draft{background:rgba(168,134,90,.12);color:var(--cream3);border:1px solid var(--border)}.badge-closed{background:rgba(139,26,26,.12);color:var(--red2);border:1px solid rgba(139,26,26,.2)}.stat-box{background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px 20px;position:relative;overflow:hidden;transition:all var(--transition)}.stat-box:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold3),transparent)}.stat-label{font-size:10px;color:var(--cream3);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px}.stat-value{font-family:var(--font-title);font-size:28px;color:var(--gold)}.stat-sub{font-size:12px;color:var(--green2);margin-top:4px}.hero{background:linear-gradient(180deg,var(--dark2) 0,var(--dark) 100%);border-bottom:1px solid var(--border);padding:64px 20px 56px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(212,175,55,.08),transparent)}.hero-crown{font-size:48px;line-height:1;margin-bottom:18px;position:relative;animation:float 3s ease-in-out infinite}.hero-title{font-family:var(--font-title);font-size:clamp(28px,5vw,52px);color:var(--gold);line-height:1.1;text-shadow:0 0 40px rgba(212,175,55,.25),0 2px 4px rgba(0,0,0,.8);margin-bottom:12px;position:relative;letter-spacing:6px;font-weight:800}.hero-sub{font-size:clamp(14px,2vw,18px);color:var(--cream3);font-style:italic;margin-bottom:32px;position:relative}.hero-divider{display:flex;align-items:center;gap:12px;max-width:400px;margin:0 auto 32px;position:relative}.hero-divider:after,.hero-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--border3),transparent)}.hero-divider span{color:var(--gold3);font-size:18px}.hero-stats{display:flex;justify-content:center;gap:clamp(20px,5vw,56px);flex-wrap:wrap;position:relative}.h-stat{text-align:center}.h-stat-n{font-family:var(--font-title);font-size:clamp(24px,4vw,36px);color:var(--gold);display:block;font-weight:700}.h-stat-l{font-size:10px;color:var(--cream3);letter-spacing:2.5px;text-transform:uppercase}.progress-track{background:var(--dark);border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2s ease-in-out infinite;background-size:200% 100%}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-gap:5px;gap:5px}.num-card{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-title);font-size:11px;font-weight:700;transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none}.num-available{border-color:var(--border);color:var(--cream2);background:var(--dark3)}.num-available:hover{border-color:var(--gold3);color:var(--gold);box-shadow:0 0 8px rgba(212,175,55,.1)}.num-selected{background:rgba(212,175,55,.15);border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px rgba(212,175,55,.15)}.num-sold{background:rgba(139,26,26,.15);border-color:var(--red);color:var(--red2);cursor:not-allowed}.num-mine{background:rgba(39,174,96,.1);border-color:var(--green2);color:var(--green2);cursor:default}.toast{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--dark3);border:1px solid var(--border3);color:var(--cream);padding:14px 22px;border-radius:var(--radius-md);font-family:var(--font-title);font-size:13px;letter-spacing:1px;animation:fadeInUp .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.4)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:12px 14px;font-size:10px;letter-spacing:2px;color:var(--cream3);text-transform:uppercase;font-family:var(--font-title);border-bottom:1px solid var(--border2)}.admin-table td{padding:12px 14px;font-size:13px;border-bottom:1px solid rgba(61,46,15,.3);color:var(--cream2)}.admin-table tr{transition:background var(--transition)}.admin-table tr:hover td{background:rgba(212,175,55,.03)}.rank-card{display:flex;align-items:center;gap:14px;background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;position:relative;overflow:hidden;transition:all var(--transition)}.rank-card:hover{border-color:var(--border2);transform:translateX(4px)}.rank-card.gold{border-color:var(--gold);background:rgba(212,175,55,.04)}.rank-card.silver{border-color:#c0c0c0}.rank-card.bronze{border-color:#cd7f32}.rank-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.footer{border-top:1px solid var(--border);padding:40px 20px;text-align:center;background:var(--dark2);margin-top:56px}.footer-logo{font-family:var(--font-title);color:var(--gold);font-size:16px;letter-spacing:3px;margin-bottom:12px}.footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:16px}.footer-link{color:var(--cream3);font-size:13px;transition:color var(--transition)}.footer-link:hover{color:var(--gold)}.footer-copy{font-size:12px;color:var(--cream3);opacity:.5}.tabs{display:flex;background:var(--dark);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:3px}.tab{flex:1 1;padding:10px 16px;background:transparent;border:none;color:var(--cream3);cursor:pointer;border-radius:4px;font-family:var(--font-title);font-size:12px;letter-spacing:1px;transition:all var(--transition);text-transform:uppercase}.tab:hover{color:var(--cream2);background:rgba(212,175,55,.04)}.tab-active{background:var(--dark4);color:var(--gold);border:1px solid var(--border2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.empty-state{text-align:center;padding:60px 20px;animation:fadeIn .4s ease}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{font-family:var(--font-title);color:var(--gold);font-size:18px;margin-bottom:8px}.empty-state-text{color:var(--cream3);font-size:14px}.live-feed{display:flex;flex-direction:column;gap:6px}.live-feed-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--dark3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--cream3);animation:fadeInUp .3s ease}.live-feed-dot{width:6px;height:6px;border-radius:50%;background:var(--green2);animation:pulseGlow 2s infinite}@media (max-width:768px){.nav-cta-desktop,.nav-user-desktop,.navbar-links{display:none}.hamburger{display:block}.numbers-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px}.num-card{font-size:10px}.hero{padding:48px 16px 40px}.hero-title{letter-spacing:3px}}@media (max-width:480px){.hero{padding:36px 16px 32px}.h-stat-n{font-size:24px}.navbar-inner{padding:0 16px}}.raffle-split-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.raffle-hover-card{transition:all .3s cubic-bezier(.25,.8,.25,1)}.raffle-hover-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(212,175,55,.08);border-color:#8a6a10!important}@media (max-width:768px){.raffle-split-grid{grid-template-columns:1fr}}