@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#0a0a0f;--bg-card:#ffffff08;--bg-card-hover:#ffffff14;--border-color:#ffffff0d;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#8a2be2;--accent-primary-hover:#9c40f5;--accent-secondary:#00e676;--gradient-brand:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--glass-shadow:0 8px 32px 0 #0000004d;--glass-backdrop:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Quicksand,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none;transition:color .2s}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px;transition:transform .3s,background .3s,border-color .3s}.glass-card:hover{background:var(--bg-card-hover);border-color:#8a2be24d;transform:translateY(-4px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--gradient-brand);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:12px;padding:12px 24px;font-weight:600;transition:background .2s}.btn-outline:hover{background:var(--bg-card-hover)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:100;background:#0a0a0fcc;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{letter-spacing:-.5px;font-size:24px;font-weight:900}.navbar-nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:15px;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.main-content{min-height:calc(100vh - 100px);margin-top:100px}.form-group{width:100%;margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0a0a0f66;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 4px #8a2be226}.form-input::placeholder{color:var(--text-muted)}.premium-bet-btn{text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.premium-bet-btn:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#8a2be21a 0%,#00e6761a 100%);transition:opacity .3s;position:absolute;inset:0}.premium-bet-btn:hover{background:#8a2be20d;border-color:#8a2be280;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 30px #8a2be226,inset 0 0 15px #8a2be21a}.premium-bet-btn:hover:before{opacity:1}.premium-bet-btn>*{z-index:1;position:relative}.premium-bet-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;overflow:hidden}.premium-bet-odds{color:var(--text-primary);text-shadow:0 0 10px #fff3;font-size:20px;font-weight:900}.premium-bet-btn:hover .premium-bet-odds{color:#00e676;text-shadow:0 0 15px #00e67666}
