.referal-nav-bar__wrapper{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid rgb(241,247,254);border-top:none;background:#fff;box-shadow:0 4px 8px #0c0b0b0d;position:sticky;top:0;z-index:10;padding:12px 0}.referal-nav-bar__wrapper .input-block input{padding-left:46px}.referal-nav-bar__content{display:flex;align-items:center;justify-content:space-between;width:100%}.referal-nav-bar__item{font-family:Montserrat,system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#222}.referal-nav-bar__item--balance{flex-shrink:0;margin-right:auto}@media (max-width: 767px){.referal-nav-bar__item--balance{font-size:14px}}@media (max-width: 500px){.referal-nav-bar__item--balance{display:none}}.referal-nav-bar__item--withdraw{flex-shrink:0;margin-left:auto}.referal-nav-bar__balance-mobile{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.referal-nav-bar__balance-mobile strong{font-size:18px;font-weight:600}.referal-nav-bar__balance-mobile span{font-size:12px;color:#666}.referal-nav-bar__list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;justify-content:center;gap:16px;list-style:none;margin:0 16px}@media (min-width: 768px){.referal-nav-bar__list{gap:24px}}.referal-nav-bar__list-item{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.referal-nav-bar__list-item--link{position:relative}.referal-nav-bar__link{display:flex;align-items:center;gap:6px;text-decoration:none;color:#222;border-bottom:2px solid transparent;height:100%;padding:6px 8px;border-radius:6px;transition:all .2s ease}.referal-nav-bar__link svg{flex-shrink:0}.referal-nav-bar__link.active,.referal-nav-bar__link:hover{color:#8a7de7;border-bottom-color:#8a7de7;background-color:#8a7de70d}.referal-nav-bar__link-btn{border:none;background:transparent;cursor:pointer;padding:6px 8px;border-radius:6px}.referal-nav-bar__link-btn:hover{color:#006efd;background-color:#006efd0d}.referal-nav-bar__link-btn.active{color:#006efd;border-bottom:none}.referal-nav-bar__link-btn.active svg{transform:rotate(225deg)}@media (max-width: 767px){.referal-nav-bar__link{flex-direction:column;gap:4px;padding:8px 6px;min-width:52px;font-size:12px}.referal-nav-bar__link svg{width:20px;height:20px}}.referal-nav-bar__count{background-color:#8a7de7;color:#fff;padding:2px 6px;border-radius:10px;font-size:12px;line-height:1;margin-left:4px;flex-shrink:0}@media (max-width: 767px){.referal-nav-bar__count{display:none}}.referal-nav-bar__count--mobile{position:absolute;top:-6px;right:-6px;background:var(--main-color);color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;font-weight:700;z-index:2}.referal-nav-bar-link__wrapper{background-color:#fff;border:1px solid #e0e0e0;padding:16px;box-shadow:0 4px 16px #0000001a;width:100%;max-width:380px;transition:all .2s ease;animation:slideDown .2s ease-out;position:absolute;min-width:300px;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:100;border-radius:8px}@media (max-width: 500px){.referal-nav-bar-link__wrapper{left:-10%;transform:translate(0);width:90vw;animation:slideDownMobile .2s ease-out}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDownMobile{0%{opacity:0;transform:translate(0) translateY(-10px)}to{opacity:1;transform:translate(0) translateY(0)}}.referal-nav-bar-link__wrapper .start-icon{transform:rotate(45deg) translate(-8px,-8px)}.referal-nav-bar-link__body{display:flex;flex-direction:column;gap:12px}.referal-nav-bar-link__body .input-block{margin-bottom:0}.referal-nav-bar-link__title{font-size:15px;font-weight:600;color:#222;margin:0}.referal-nav-bar-link__description{font-size:13px;color:#666;margin:0;line-height:1.5}.referal-icon{transition:transform .3s ease-in-out;display:inline-block}.referal-icon.rotated{transform:rotate(180deg)}.referal-popup__header{display:flex;justify-content:space-between;align-items:center}.referal-popup__close{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center}.referal-popup__title{margin:0;color:#222;font-size:16px;font-weight:500;line-height:24px}.referal-popup__subtitle{color:#666;margin:8px 0 24px;font-size:14px}.referal-popup__field{margin-bottom:16px}.referal-popup__actions{display:flex;gap:12px;justify-content:flex-end}.referal-popup__actions button{padding:8px 16px;border-radius:6px;font-weight:500}.referal-popup__actions .button-secondary{background:#f1f1f1;color:#666}@media (max-width: 999px){.referal-popup__actions{flex-wrap:wrap}}@media (hover: none) and (pointer: coarse){.referal-nav-bar__link:active,.referal-nav-bar__link-btn:active{background-color:#8a7de71a!important}}.referal-statistics__wrapper{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0}@media (max-width: 768px){.referal-statistics__wrapper{margin:16px 0}}@media (max-width: 480px){.referal-statistics__wrapper{margin:12px 0}}.referal-statistics__content{display:flex;justify-content:space-between;width:100%;gap:30px}@media (max-width: 1440px){.referal-statistics__content{gap:25px}}@media (max-width: 1024px){.referal-statistics__content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.referal-statistics__content .referal-statistics__item--wide{grid-column:span 2}}@media (max-width: 768px){.referal-statistics__content{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 600px){.referal-statistics__content{grid-template-columns:1fr;gap:12px}.referal-statistics__content .referal-statistics__item--wide{grid-column:span 1}}@media (max-width: 480px){.referal-statistics__content{gap:10px}}@media (max-width: 360px){.referal-statistics__content{gap:8px}}.referal-statistics__item{font-family:Montserrat;font-weight:500;font-size:16px;line-height:22px;text-align:center;color:#6c54bc;background-color:#fff;border:1px solid rgb(234,240,247);padding:30px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;width:100%;position:relative}.referal-statistics__item .input-note{position:static;transform:none}.referal-statistics__item .input-note:hover .input-note-desc{transform:translate(-30%)}@media (min-width: 320px){.referal-statistics__item .input-note:hover .input-note-desc{transform:translate(-60%);bottom:30%}}@media (min-width: 520px){.referal-statistics__item .input-note:hover .input-note-desc{transform:translate(0);bottom:30%}}@media (min-width: 1200px){.referal-statistics__item .input-note:hover .input-note-desc{transform:translate(0)}}.referal-statistics__item .input-note-desc{bottom:70%}@media (max-width: 500px){.referal-statistics__item .input-note-desc{bottom:60%;left:60%}}.referal-statistics__item .input-note-desc:hover{transform:translate(-60%)}@media (max-width: 1440px){.referal-statistics__item{padding:25px;font-size:15px;line-height:20px}}@media (max-width: 1024px){.referal-statistics__item{padding:22px;font-size:14px;line-height:18px;border-radius:8px}}@media (max-width: 768px){.referal-statistics__item{padding:18px;font-size:13px;line-height:16px;border-radius:7px}}@media (max-width: 600px){.referal-statistics__item{padding:16px;font-size:12px;line-height:14px;border-radius:6px}}@media (max-width: 480px){.referal-statistics__item{padding:14px;font-size:11px;line-height:13px;border-radius:5px}}@media (max-width: 360px){.referal-statistics__item{padding:12px 10px;font-size:10px;line-height:12px;border-radius:4px}}.referal-statistics__item span{font-family:Montserrat;font-size:24px;line-height:38px;color:#222;margin-bottom:8px;width:100%}@media (max-width: 1440px){.referal-statistics__item span{font-size:22px;line-height:32px;margin-bottom:6px}}@media (max-width: 1024px){.referal-statistics__item span{font-size:20px;line-height:28px;margin-bottom:5px}}@media (max-width: 768px){.referal-statistics__item span{font-size:18px;line-height:24px;margin-bottom:4px}}@media (max-width: 600px){.referal-statistics__item span{font-size:16px;line-height:20px;margin-bottom:3px}}@media (max-width: 480px){.referal-statistics__item span{font-size:14px;line-height:18px;margin-bottom:2px}}@media (max-width: 360px){.referal-statistics__item span{font-size:13px;line-height:16px}}.referal-statistics__item p{width:100%}@media (max-width: 1024px){.referal-statistics__item--wide{text-align:center}}@media (max-width: 320px){.referal-statistics__content{gap:6px;padding:0 4px}.referal-statistics__item{padding:10px 8px;font-size:9px;line-height:11px;border-radius:3px}.referal-statistics__item span{font-size:12px;line-height:14px}}@media (max-width: 768px) and (orientation: landscape){.referal-statistics__content{grid-template-columns:repeat(3,1fr);gap:12px}.referal-statistics__item--wide{grid-column:span 3}}