@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#17283d;background:#fff;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #7866ef;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.nav{height:100px;display:flex;align-items:center;gap:64px;position:relative;z-index:5}.brand{font-size:29px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px}.brand-dot{color:#6853dd;margin-left:-8px}.mark{display:grid;place-items:center;background:#18283e;color:#fff;font-size:24px;letter-spacing:-1px;width:30px;height:30px;border-radius:8px}.nav nav{display:flex;gap:30px;font-size:13px;font-weight:700}.nav nav a:hover,footer a:hover{color:#6853dd}.login-menu{margin-left:auto;position:relative}.login-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:22px;border:1px solid #dbe0e7;border-radius:24px;padding:10px 18px;font-size:13px;font-weight:750;background:#ffffffb3}.login-menu summary::-webkit-details-marker{display:none}.login-menu[open] summary{background:#fff}.login-dropdown{position:absolute;right:0;top:54px;width:290px;background:#fff;border:1px solid #e1e5ec;border-radius:12px;padding:8px;box-shadow:0 18px 50px #17283d20}.login-dropdown a{display:block;padding:16px;border-radius:7px}.login-dropdown a:hover{background:#f4f5fa}.login-dropdown strong{display:flex;justify-content:space-between;font-size:14px}.login-dropdown small{display:block;margin-top:6px;color:#697889;font-size:11px}.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:60px 0 85px}.hero:before{content:'';position:absolute;z-index:-1;left:47%;right:calc((1180px - 100vw)/2);top:-100px;bottom:40px;background:linear-gradient(135deg,#f8f4ff 8%,#eae3ff 45%,#d9edff 80%,#ecf5fa);clip-path:polygon(22% 0,100% 0,100% 83%,0 100%,0 23%)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#6654ca;display:flex;align-items:center;gap:8px;margin:0 0 24px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#6654ca}h1{font-size:clamp(48px,5vw,70px);font-weight:800;line-height:1.1;letter-spacing:-3.7px;margin:0 0 25px}.intro{font-size:17px;line-height:1.85;color:#647184;max-width:430px;margin:0 0 30px}.button{display:inline-flex;align-items:center;gap:26px;background:#192a40;color:white;border-radius:25px;padding:13px 21px;font-size:13px;font-weight:700;transition:background .2s}.button:hover{background:#384d67}.hero-note{font-size:10px;color:#7a8695;margin-top:19px}.product{position:relative;height:475px;min-width:0}.dashboard{position:absolute;left:0;top:30px;width:540px;height:330px;background:#fff;border:1px solid #e8e9f1;border-radius:10px;box-shadow:0 28px 65px #32416b17;display:flex;overflow:hidden;transform:rotate(-3deg)}.dash-sidebar{width:122px;background:#f7f8fc;padding:19px 10px;display:flex;flex-direction:column;gap:17px;font-size:9px;color:#667082;flex-shrink:0}.dash-sidebar b{font-size:18px;letter-spacing:-1px;color:#223047;margin:0 6px 6px}.dash-sidebar span{padding:8px 6px}.dash-sidebar .selected{background:#eae7fa;color:#6654ca;border-radius:5px}.dash-sidebar small{font-size:7px;margin-top:auto;letter-spacing:1px}.dash-main{flex:1;padding:19px 20px}.dash-top{font-size:9px;color:#667082;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef0f5;padding-bottom:13px}.avatar{width:20px;height:20px;display:grid;place-items:center;background:#ece9fb;color:#6754cb;border-radius:50%}.dash-title{display:flex;flex-direction:column;gap:5px;margin:18px 0}.dash-title b{font-size:15px;letter-spacing:-.5px}.dash-title>span{font-size:8px;color:#8892a0}.dash-labels{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#8a94a3;padding:9px 0;border-bottom:1px solid #eef0f5}.person{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef0f5}.person i{font-style:normal;width:26px;height:26px;border-radius:6px;background:#edf0f5;font-size:8px;display:grid;place-items:center;color:#77849a}.person b{display:block;font-size:9px}.person small{font-size:7px;color:#8a94a3;display:block;margin-top:3px}.person em{margin-left:auto;color:#35876d;font-size:7px;font-style:normal;background:#eaf7f1;border-radius:4px;padding:4px 6px}.person em span{display:inline-block;width:3px;height:3px;background:#35876d;border-radius:50%;margin-right:3px}.person .offline{color:#80909e;background:#f1f3f6}.dash-bottom{font-size:7px;color:#6e7c91;padding-top:14px;display:flex;justify-content:space-between}.arena-preview{position:absolute;right:-8px;bottom:-8px;width:260px;background:#111114;border-radius:14px;padding:16px;color:#f2f2f4;box-shadow:0 24px 50px #17283d35;border:5px solid #fff;transform:rotate(4deg)}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.preview-top>span{font-size:6px;color:#b9c1bb;letter-spacing:1px}.preview-top i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5ac59b;margin-right:4px}.preview-caption{font-size:6px;letter-spacing:1.5px;color:#d8b981;margin-top:21px}.podium{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 0 10px;gap:6px}.podium>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px}.club{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:800;border:2px solid #e6e6e6}.gs{color:#efba51;background:#9c2230}.fb{color:#f0d57b;background:#23365e}.bjk{color:#111;background:#ddd}.podium small{font-size:7px;font-weight:700}.podium b{width:100%;text-align:center;font-size:18px;padding:10px 0;background:#222226;border-radius:5px 5px 0 0;border-top:1px solid #888}.podium .winner .club{width:41px;height:41px;border-color:#dbb878}.podium .winner b{font-size:23px;color:#e6c184;border-color:#dbb878;padding:15px 0}.crown{color:#dbb878;font-size:18px;margin-bottom:-5px}.music{display:flex;align-items:center;gap:8px;font-size:6px;margin:12px 0}.bars{height:12px;display:flex;align-items:center;gap:2px}.bars i{width:2px;height:5px;background:#dbb878}.bars i:nth-child(2n){height:10px}.bars i:nth-child(3){height:13px}.gift-row{display:flex;align-items:center;gap:7px;border:1px solid #36363e;border-radius:6px;padding:9px;margin-top:6px}.gift-row b{font-size:8px}.gift-row .club{width:23px;height:23px;font-size:7px}.rose{margin-left:auto;font-size:17px}.gift-row strong{font-size:15px}.preview-note{text-align:center;color:#777784;font-size:6px;margin:12px 0 0}.integration{padding:28px 0 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ecf1;color:#7b8797;font-size:12px}.integration div{display:flex;align-items:center;gap:32px;color:#546176;font-size:16px;letter-spacing:-.3px}.divider{height:18px;width:1px;background:#e3e7ec}.features{padding:90px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:18px}h2{font-size:37px;line-height:1.2;letter-spacing:-1.5px;margin:0;font-weight:800}.section-heading>p:last-child{font-size:14px;line-height:1.9;color:#69788a;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.feature-grid article{border-top:2px solid #ddd8f1;padding-top:22px}.feature-index{font-size:9px;font-weight:800;letter-spacing:1px;color:#7c6eaa}h3{font-size:17px;letter-spacing:-.4px;margin:18px 0 12px}.feature-grid p{font-size:13px;line-height:1.9;color:#69788a;margin:0}.how{background:#f6f8fb;padding:65px 0}.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.how ol{list-style:none;padding:0;margin:0;display:grid;gap:24px}.how li{display:flex;gap:18px}.how li>span{font-size:12px;font-weight:800;border:1px solid #d5dce7;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.how h3{margin:2px 0 6px;font-size:14px}.how li p{font-size:12px;color:#69788a;line-height:1.7;margin:0}footer{display:flex;align-items:center;gap:30px;padding:35px 0}footer .brand{font-size:24px}footer>span{font-size:11px;color:#8b94a0}footer>div{display:flex;gap:24px;margin-left:auto;font-size:11px;font-weight:700}
@media(min-width:1260px){.hero:before{right:calc((1180px - 100vw)/2)}}@media(max-width:1100px){.dashboard{width:460px}.arena-preview{right:0}.hero:before{right:-40px}.hero{grid-template-columns:1fr 1fr}.hero-copy{position:relative;z-index:1}h1{font-size:56px}.product{transform:scale(.9);transform-origin:right center}.intro{font-size:15px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:80px;gap:20px}.nav nav{display:none}.hero{display:block;padding:45px 0 30px}.hero:before{left:20%;right:-20px;top:200px;bottom:0}.hero-copy{max-width:540px}h1{font-size:54px;letter-spacing:-2.5px}.intro{max-width:470px}.product{margin:40px auto 0;max-width:540px;height:460px;transform:none}.dashboard{width:100%}.arena-preview{right:8px;bottom:0}.integration{align-items:flex-start;gap:22px;flex-direction:column;padding:35px 0}.integration div{font-size:14px;gap:20px}.section-heading,.how-inner{grid-template-columns:1fr;gap:24px}.section-heading .eyebrow{margin-bottom:0}.features{padding:60px 0}.feature-grid{grid-template-columns:1fr;gap:26px;margin-top:35px}h2{font-size:31px}.how{padding:45px 0}.how ol{margin-top:10px}footer{flex-wrap:wrap;gap:16px}footer>div{width:100%;margin-left:0}}@media(max-width:420px){h1{font-size:45px}.product{height:450px}.dash-sidebar{width:88px;font-size:7px;padding:14px 5px}.dash-main{padding:15px 12px}.dash-title b{font-size:12px}.arena-preview{width:238px}.dashboard{height:305px}.hero-note{font-size:9px}.login-dropdown{width:270px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.login-menu summary{height:40px;padding:0 18px;gap:16px;line-height:1;justify-content:center}.login-menu summary svg{display:block;flex-shrink:0}.login-menu summary>span{display:block;line-height:20px}.login-menu[open] summary svg{transform:rotate(180deg)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-actions .login-menu{margin-left:0}.register-menu summary{background:#192a40;color:#fff;border-color:#192a40}.register-menu[open] summary{background:#30445d}.register-menu .login-dropdown{width:270px}@media(max-width:420px){.nav{gap:12px}.nav-actions{gap:6px}.nav-actions summary{padding:0 11px;gap:8px;font-size:12px}.nav .brand{font-size:25px}.nav .mark{width:27px;height:27px;font-size:22px}.nav .brand-dot{margin-left:-9px}}
@media(max-width:420px){.nav .brand{font-size:22px;letter-spacing:-1px;gap:5px}.nav .mark{display:none}}footer>span a{font-weight:700;color:#546176}