.local-reward-referral-banner{padding:65px 20px;position:relative;text-align:center;overflow:hidden;.banner-overlay{background:rgba(0,0,0,.1)}.banner-overlay,.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0}.floating-shapes{pointer-events:none;&+.el-container{position:relative}}.shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1)}.shape-1{width:256px;height:256px;top:-128px;right:-128px}.shape-2{width:192px;height:192px;bottom:-96px;left:-96px}.banner-icon{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 24px;font-size:40px;color:#fff}.banner-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-subtitle{max-width:48rem;font-size:1.25rem;color:hsla(0,0%,100%,.9);margin:0 auto 30px;line-height:1.6}.banner-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:16px;gap:16px}.share-button{background:#fff;color:#ff6d00;border-color:#fff;font-weight:600;padding:12px 32px;&:hover{background:#f5f5f5;border-color:#f5f5f5;-webkit-box-shadow:0 8px 25px hsla(0,0%,100%,.3);box-shadow:0 8px 25px hsla(0,0%,100%,.3)}}.bonus-text{color:hsla(0,0%,100%,.8);font-size:.875rem}}.referral-modal{.el-dialog{width:600px;max-width:90%}.el-dialog__body{padding:20px}.modal-icon{width:64px;height:64px;background:rgba(255,109,0,.1);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 16px;font-size:32px;color:#ff6d00}.modal-description{color:#606266;margin-bottom:24px}.link-section{margin-bottom:24px}.link-label{font-size:.875rem;color:#909399;margin-bottom:8px;text-align:left}.link-input{margin-bottom:16px}.share-buttons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.primary-cta,.share-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.primary-cta{background:#ff6d00;border-color:#ff6d00;color:#fff;font-weight:600;padding:16px 32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:8px;gap:8px;&:hover{background:#e65100;border-color:#e65100;-webkit-box-shadow:0 8px 25px rgba(255,109,0,.3);box-shadow:0 8px 25px rgba(255,109,0,.3)}}}