@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#0f0f0f;color:#fff;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}a{text-decoration:none;color:inherit}.navbar{padding:1.5rem 4%;justify-content:space-between;background:#0a0a0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #1a1a1a;position:-webkit-sticky;position:sticky;top:0;z-index:100;height:73px}.navbar,.navbar-right{display:flex;align-items:center}.navbar-right{gap:1rem}.navbar-spacer{flex:1 1}.logo{font-size:1.35rem;font-weight:500;letter-spacing:.02em}.logo-duely{color:#fff}.logo-fun{color:#22c55e}.hero{max-width:1000px;margin:0 auto;padding:4rem 4% 6rem;text-align:center;position:relative}.launch-badge{display:inline-block;padding:.5rem 1.2rem;background:#22c55e;border:2px solid #15803d;border-radius:8px;font-size:.85rem;font-weight:600;color:#0a0a0a;letter-spacing:.02em;margin-bottom:2rem;animation:fadeIn .8s ease-out}.trust-pills{justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap;animation:fadeIn .8s ease-out .15s both}.pill,.trust-pills{display:flex;align-items:center}.pill{gap:.5rem;padding:.45rem .9rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;font-size:.75rem;font-weight:500;color:#e0e0e0;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;transition:all .3s ease}.pill:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.pill-icon{width:16px;height:16px;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:4rem;font-weight:500;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.03em;color:#fff;animation:fadeIn .8s ease-out .2s both}.hero-subtitle{font-size:1.2rem;color:#b0b0b0;font-weight:400;line-height:1.6;margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;animation:fadeIn .8s ease-out .3s both}.email-form{display:flex;gap:.75rem;max-width:520px;margin:0 auto .8rem;padding:.4rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;animation:fadeIn .8s ease-out .4s both;transition:all .3s ease}.email-form:focus-within{border-color:#22c55e;background:#1f1f1f}.email-input{flex:1 1;padding:1rem 1.3rem;background:transparent;border:none;color:#fff;font-size:.95rem;font-family:Space Grotesk,sans-serif;outline:none}.email-input::placeholder{color:#6a6a6a}.submit-btn{padding:1rem 2.2rem;background:#22c55e;border:2px solid #15803d;border-radius:8px;color:#0a0a0a;font-size:.95rem;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:none}.submit-btn:hover{background:#16a34a;border-color:#166534;transform:translateY(-1px)}.form-subtext{font-size:.85rem;color:#6a6a6a;text-align:center;margin-bottom:5rem;animation:fadeIn .8s ease-out .5s both}.features-section{max-width:900px;margin:0 auto;padding:0 4%;animation:fadeIn .8s ease-out .6s both}.section-heading{font-size:1rem;font-weight:500;color:#b0b0b0;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em}.journey-line{justify-content:center;gap:1rem}.journey-line,.step{display:flex;align-items:center}.step{flex-direction:column;text-align:center;flex:0 0 auto}.step-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease}.step:first-child .step-icon,.step:last-child .step-icon{width:56px;height:56px;color:#22c55e}.step:nth-child(3) .step-icon{width:90px;height:90px;color:#22c55e}.step-title{font-size:.95rem;font-weight:500;color:#f0f0f0;max-width:140px}.step:nth-child(3) .step-title{font-size:1.1rem;max-width:180px;margin-bottom:1.2rem}.game-icons-mini{gap:0;margin-top:.5rem}.game-icon-mini,.game-icons-mini{display:flex;align-items:center;justify-content:center;position:relative;height:56px}.game-icon-mini{width:56px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:10px;padding:0;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.game-icon-mini:first-child{transform:rotate(-6deg) translateX(12px);z-index:1}.game-icon-mini:nth-child(2){transform:scale(1.1);z-index:3;border-color:#22c55e}.game-icon-mini:nth-child(3){transform:rotate(6deg) translateX(-12px);z-index:1}.game-icon-mini:hover{transform:scale(1.5) rotate(0deg) translateY(-8px)!important;border-color:#22c55e;box-shadow:0 12px 32px rgba(34,197,94,.5);z-index:10!important}.process-line{width:80px;height:4px;margin-bottom:3rem;position:relative;overflow:hidden;background:rgba(34,197,94,.2);border-radius:2px;flex-shrink:0}.line-glow{position:absolute;top:0;left:0;width:40px;height:100%;background:#22c55e;box-shadow:0 0 15px rgba(34,197,94,.9);border-radius:2px}.process-line:nth-of-type(2) .line-glow{animation:slideFirst 6s linear infinite}.process-line:nth-of-type(4) .line-glow{animation:slideSecond 6s linear infinite}@keyframes slideFirst{0%{left:-40px}16.66%{left:80px}to{left:80px}}@keyframes slideSecond{0%{left:-40px}16.66%{left:-40px}33.32%{left:80px}to{left:80px}}.arena-page{min-height:100vh;display:flex;flex-direction:column}.arena-layout{display:flex;flex:1 1;position:relative}.sidebar-navigation{position:fixed;top:73px;left:0;height:calc(100vh - 73px);background:#0a0a0a;border-right:1px solid #1a1a1a;transition:width .3s ease;z-index:50;display:flex;flex-direction:column}.sidebar-navigation.open{width:200px}.sidebar-navigation.closed{width:80px}.sidebar-content{flex:1 1;padding:1.5rem 0;overflow:hidden}.sidebar-content,.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav{gap:.5rem;padding:0 1rem}.sidebar-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:1px solid transparent;border-radius:8px;color:#b0b0b0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;white-space:nowrap;overflow:hidden}.sidebar-navigation.closed .sidebar-link{justify-content:center;padding:1rem .5rem}.sidebar-navigation.closed .sidebar-link span{display:none}.sidebar-link svg{flex-shrink:0;color:inherit}.sidebar-link:hover{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.sidebar-link.active{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.sidebar-toggle-btn{width:100%;padding:1rem;background:#1a1a1a;border:none;border-top:1px solid #2a2a2a;color:#22c55e;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{background:#2a2a2a}.arena-main-content{flex:1 1;margin-left:200px;transition:margin-left .3s ease}.sidebar-navigation.closed~.arena-main-content{margin-left:80px}.connect-wallet-btn{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;background:#22c55e;border:2px solid #15803d;border-radius:8px;color:#0a0a0a;font-size:.9rem;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease}.connect-wallet-btn:hover{background:#16a34a;border-color:#166534;transform:translateY(-1px)}.arena-container{max-width:600px;margin:0 auto;padding:3rem 4% 4rem}.arena-content{animation:fadeIn .8s ease-out}.arena-title{font-size:2rem;font-weight:500;color:#fff;margin-bottom:2.5rem;text-align:center;letter-spacing:-.02em}.match-creation{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:2rem}.section-label{font-size:.85rem;font-weight:600;color:#b0b0b0;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.game-card{background:#0f0f0f;border:2px solid #2a2a2a;border-radius:12px;padding:1.2rem .8rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.game-card:hover{border-color:#3a3a3a;background:#151515;transform:translateY(-2px)}.game-card.selected{border-color:#22c55e;background:rgba(34,197,94,.05);box-shadow:0 0 20px rgba(34,197,94,.15)}.game-card-image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:10px;padding:8px}.game-card.selected .game-card-image{background:#0f0f0f}.game-card-name{font-size:.85rem;font-weight:500;color:#e0e0e0}.game-card.selected .game-card-name{color:#22c55e}.wager-input-container{position:relative;margin-bottom:2rem}.currency-symbol{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#6a6a6a;pointer-events:none}.currency-symbol,.wager-input{font-size:1.2rem;font-weight:600}.wager-input{width:100%;padding:1.2rem 1.5rem 1.2rem 3rem;background:#0f0f0f;border:2px solid #2a2a2a;border-radius:10px;color:#fff;font-family:Space Grotesk,sans-serif;outline:none;transition:all .3s ease}.wager-input:focus{border-color:#22c55e;background:#0a0a0a}.wager-input::placeholder{color:#4a4a4a;font-weight:500}.play-btn{width:100%;padding:1.2rem 2rem;background:#22c55e;border:2px solid #15803d;border-radius:10px;color:#0a0a0a;font-size:1.1rem;font-weight:600;font-family:Space Grotesk,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.play-btn:hover{background:#16a34a;border-color:#166534;transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.3)}.play-btn:active{transform:translateY(0)}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:300px}.placeholder-icon{margin-bottom:2rem;opacity:.8}.placeholder-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.placeholder-text{font-size:1rem;color:#b0b0b0;max-width:400px;line-height:1.6}@media (max-width:768px){.hero{padding:3rem 4% 4rem}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.05rem}.trust-pills{gap:.5rem;margin-bottom:2rem}.pill{font-size:.7rem;padding:.4rem .75rem}.pill-icon{width:14px;height:14px}.email-form{flex-direction:column;padding:.75rem}.submit-btn{width:100%}.journey-line{flex-direction:column;gap:1.5rem}.step:first-child .step-icon,.step:last-child .step-icon{width:56px;height:56px}.step:nth-child(3) .step-icon{width:96px;height:96px}.step-title{font-size:.85rem}.step:nth-child(3) .step-title{font-size:1rem;margin-bottom:1rem}.game-icons-mini{height:48px;gap:0}.game-icon-mini{width:48px;height:48px}.game-icon-mini:first-child{transform:rotate(-6deg) translateX(10px)}.game-icon-mini:nth-child(3){transform:rotate(6deg) translateX(-10px)}.game-icon-mini:hover{transform:scale(1.4) rotate(0deg) translateY(-6px)!important}.process-line{width:4px;height:50px;margin:.5rem 0}.line-glow{width:100%;height:25px}.process-line:nth-of-type(2) .line-glow{animation:slideVerticalFirst 6s linear infinite}.process-line:nth-of-type(4) .line-glow{animation:slideVerticalSecond 6s linear infinite}@keyframes slideVerticalFirst{0%{top:-25px}16.66%{top:50px}to{top:50px}}@keyframes slideVerticalSecond{0%{top:-25px}16.66%{top:-25px}33.32%{top:50px}to{top:50px}}.arena-main-content{margin-left:0!important}.sidebar-navigation{display:none}.arena-container{padding:2rem 4% 3rem}.arena-title{font-size:1.75rem;margin-bottom:2rem}.match-creation{padding:1.5rem}.game-grid{gap:.75rem}.game-card{padding:1rem .6rem}.game-card-image{width:60px;height:60px}.game-card-name{font-size:.75rem}.wager-input{font-size:1.1rem;padding:1.1rem 1.3rem 1.1rem 2.8rem}.currency-symbol{left:1.3rem;font-size:1.1rem}.play-btn{font-size:1rem;padding:1.1rem 1.8rem}.placeholder-content{padding:3rem 1.5rem}.placeholder-title{font-size:1.25rem}.placeholder-text{font-size:.9rem}}