*{margin:0;padding:0;box-sizing:border-box}#referral,#referral-rules,#referral-records{background:#c7f9bc;margin:auto;width:100%;min-height:100svh;max-width:640px;padding-top:20px;color:#000}#referral button{cursor:pointer;border:none}#referral .rules-link{color:#000;display:block;width:fit-content;margin-left:auto;margin-right:20px;font-family:Inter;font-weight:400;font-size:14px;line-height:140%;letter-spacing:0;margin-bottom:20px}#referral .referral-top{position:relative;height:360px;background-position:center;background-size:cover;background-repeat:no-repeat}#referral .headers{text-align:center;margin-bottom:30px}#referral .headers h1{font-family:Inter;font-weight:600;font-size:30px;line-height:100%;letter-spacing:0;color:#000;margin-bottom:7px}#referral .headers h1 span{font-weight:900;font-size:36px;color:#ff680a}#referral .currency{width:124.5px;height:87px;display:block;margin:auto}#referral .left-hand{width:120px;height:45px;position:absolute;bottom:20px;z-index:2}#referral .right-hand{width:120px;height:45px;position:absolute;right:0;bottom:50px}#referral .main-page{padding:0 15px 20px 15px;margin-top:-40px;position:relative;z-index:1}#referral .code-section,#referral .progress-section,#referral .faq-section{background:#fff;border-radius:20px;padding:25px 20px;margin-bottom:20px}#referral .code-section .tag{background:#f3ffe6;border-radius:12px;padding:10px 20px;text-align:center;font-family:Inter;font-weight:500;font-size:14px;line-height:100%;letter-spacing:0;color:#000;margin-bottom:20px}#referral .code-section .tag p{line-height:25px}#referral .code-section .tag span{font-weight:800;color:#ff680a}#referral .code-section .code-label{font-family:Inter;font-weight:500;font-size:14.83px;line-height:100%;letter-spacing:0;text-align:center}#referral .code-section .referral-code{font-family:Inter;font-weight:500;font-size:60px;line-height:100%;letter-spacing:0;text-align:center;margin-bottom:15px}#referral .code-section .copy-code-btn{background:#025b04;width:100%;height:56;border-radius:12px;padding:16px 16px;font-family:Inter;font-weight:600;font-size:20px;line-height:100%;letter-spacing:0;color:#fff;margin-bottom:20px}#referral .code-section .socials{display:flex;align-items:center;justify-content:center;gap:10px}#referral .code-section .socials p{font-family:Inter;font-weight:600;font-size:14.83px;line-height:100%;letter-spacing:0}#referral .code-section .socials img{width:36px;height:36px;cursor:pointer}#referral .progress-section .progress-tag{font-family:Inter;font-weight:600;font-size:15px;line-height:100%;letter-spacing:0;margin-bottom:10px}#referral .progress-section .referee-icons{display:flex;gap:10px;margin-bottom:20px}#referral .progress-section .invite-more{background:#f3ffe6;border-radius:17.77px;padding:8px 16px;text-align:center;margin-bottom:20px}#referral .progress-section .invite-more p{font-family:Inter;font-weight:500;font-size:13px;line-height:100%;letter-spacing:0}#referral .progress-section .invite-more .amount{font-weight:800;color:#ff680a}#referral .progress-section .records{display:flex;align-items:center;justify-content:space-between}#referral .progress-section .records>div{background:#f3ffe6;width:48%;height:110px;border-radius:10.69px;display:flex;flex-direction:column;justify-content:space-between;padding:15px 10px}#referral .progress-section .records>div h5{font-family:Inter;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0}#referral .progress-section .records>div h3{font-family:Inter;font-weight:600;font-size:28px;line-height:100%;letter-spacing:0;text-align:center;color:#025b04}#referral .progress-section .records>div a{color:#ff680a;font-family:Inter;font-weight:500;font-size:12px;line-height:100%;letter-spacing:0;text-decoration:none;display:block;width:fit-content;margin-left:auto}#referral .faq-section .faq-h{font-family:Inter;font-weight:600;font-size:15px;line-height:100%;letter-spacing:0;margin-bottom:20px}#referral .faq-section .how-to{background:#025b04;color:#fff;height:40px;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:12px;border-top-right-radius:12px;padding:0 14.61px}#referral .faq-section .how-to i{cursor:pointer}#referral .faq-section .rounded{border-bottom-left-radius:12px;border-bottom-right-radius:12px}#referral .faq-section .how-to h6{font-family:Inter;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0}#referral .faq-section>div{margin-bottom:20px}#referral .faq-section ol{background:#f3ffe6;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:10px 9px;padding-left:30px;overflow:hidden}#referral .faq-section .hide-ans{height:0;padding-top:0;padding-bottom:0}#referral .faq-section ol li{font-family:Inter;font-weight:500;font-size:13px;line-height:18px;letter-spacing:0}#referral .faq-section ol li span{font-family:Inter;font-weight:800;font-size:13px;letter-spacing:0;color:#ff680a}#referral .faq-section ol li .phone{width:207px;height:418px;display:block;margin:auto}.invite-modal-container{background:#00000080;width:100%;height:100svh;overflow-y:scroll;position:fixed;top:0;left:0;display:flex;justify-content:center;padding-top:80px;padding-bottom:50px;z-index:5;color:#222}.remove-modal{display:none}.invite-modal-container .modal{width:90%;max-width:358px;background:#fff;border-radius:20px;padding:20px 10px;height:fit-content}.invite-modal-container .modal i{display:block;width:fit-content;margin-left:auto;cursor:pointer;font-size:20px;scale:1.4;opacity:.8;margin-bottom:10px}.invite-modal-container .modal .modal-header{font-family:Inter;font-weight:600;font-size:14.83px;line-height:100%;letter-spacing:0;text-align:center;margin-bottom:20px}.invite-modal-container .modal .socials{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.invite-modal-container .modal .socials img{cursor:pointer;width:62px;height:62px}.invite-modal-container .modal .sm-banner{display:flex}.invite-modal-container .modal .sm-banner .left{width:101px;height:101px}.invite-modal-container .modal .sm-banner .right{width:calc(100% - 101px);background:#f3ffe6;height:101px;border-top-right-radius:10px;border-bottom-right-radius:10px;padding:0 4px 0 10px;display:flex;align-items:center}.invite-modal-container .modal .sm-banner .right p{font-family:Inter;font-weight:500;font-style:Medium;font-size:14px;leading-trim:NONE;line-height:135%;letter-spacing:0}#referral-rules{padding:20px}#referral-rules .back{margin-bottom:20px;display:inline-block;color:#000;font-size:30px}#referral-rules .rules-main{background:#fff;border-radius:20px;margin:auto;padding:30px 0;position:relative;margin-top:30px}#referral-rules .rules-main .coin{position:absolute;right:-10px;top:-30px}#referral-rules .rules-h{font-family:Inter;font-weight:600;font-size:24px;line-height:100%;letter-spacing:0;text-align:center}#referral-rules .rules-list{padding:20px 15px;padding-left:25px}#referral-rules .rules-list li{margin-bottom:20px;font-family:Inter;font-weight:600;font-size:14px;line-height:140%;letter-spacing:0}#referral-rules .rules-list li img{display:block;margin:auto;margin-top:10px;width:206px;height:429px}#referral-rules .rules-list li h5{font-family:Inter;font-weight:600;font-size:14px;line-height:140%;letter-spacing:0}#referral-rules .rules-list li p{font-family:Inter;font-weight:400;font-size:14px;line-height:140%;letter-spacing:0}#referral-rules .rules-list li p a{color:#025b04}#referral-records{padding:20px}#referral-records .back{margin-bottom:20px;display:inline-block;color:#000;font-size:30px}#referral-records .record-main{background:#fff;border-radius:20px;margin:auto;padding:40px 20px;position:relative}#referral-records .record-main .coin{position:absolute;right:-10px;top:-30px}#referral-records .record-main .record-h{font-family:Inter;font-weight:600;font-size:22px;line-height:100%;letter-spacing:0;text-align:center;margin-bottom:20px}#referral-records .record-main .record-table{width:100%;text-align:center;border-collapse:collapse}#referral-records .record-main .record-table thead{background:#f3ffe6;border-radius:6px}#referral-records .record-main .record-table th{padding:6px 0;font-family:Nunito;font-weight:700;font-size:14px;line-height:140%;letter-spacing:0}#referral-records .record-main .record-table td{padding:6px 0;font-family:Nunito;font-weight:500;font-size:14px;line-height:140%;letter-spacing:0}@media(max-width:500px){#referral-records .record-main .record-table td:nth-child(2){text-align:right}#referral-records .record-main .record-table td:nth-child(1){text-align:left}#referral-records .record-main .record-table th:nth-child(1){text-align:left;padding-left:30px}}#referral .not-logged-code{background:#fff;border-radius:20px;padding:25px 20px;margin-bottom:20px}#referral .not-logged-code .tag{background:#f3ffe6;border-radius:12px;padding:10px 10px;text-align:center;font-family:Inter;font-weight:500;font-size:13px;line-height:100%;letter-spacing:0;color:#08490b;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:4px}#referral .not-logged-code .tag span{font-weight:800;color:#ff680a}#referral .lock-mainn{display:flex;flex-direction:column;align-items:center;gap:9px}#referral .not-logged-code .code-label{font-family:Inter;font-weight:500;font-size:14.83px;line-height:100%;letter-spacing:0;text-align:center}#referral .not-logged-code .hidden-referral-code{background:#f3f3f2;border:1px dashed #d9d9d9;width:215px;height:55px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px}#referral .not-logged-code .hidden-referral-code span{width:9px;height:9px;background:#8f8f8e;border-radius:50%}#referral .not-logged-code .login-push-p{color:#696c80;font-family:Inter;font-size:12px;line-height:100%;letter-spacing:0;text-align:center}.refer-login-btn{font-family:Inter;font-weight:600;font-size:16px;line-height:100%;letter-spacing:0;color:#fff;background:#fa6203;width:100%;height:51px;border-radius:12px}