.referral-page{min-height:100vh;background:linear-gradient(135deg,hsla(0,0%,100%,.02),rgba(0,0,0,.9));color:#fff;padding:1rem 0}.referral-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referral-subtitle{font-size:1rem;color:#a0a0a0;max-width:500px;margin:0 auto;line-height:1.4}.invite-link-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.75rem;text-align:center}.how-it-works-compact{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:1rem;backdrop-filter:blur(10px);max-width:500px;margin:0 auto 1rem}.steps-compact{justify-content:center;gap:.75rem;flex-wrap:wrap}.step-compact,.steps-compact{display:flex;align-items:center}.step-compact{flex-direction:column;gap:.5rem;min-width:80px}.step-number-compact{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff7b00,#ff8c00);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:0 2px 8px rgba(255,123,0,.3)}.step-text-compact{font-size:.75rem;color:#a0a0a0;font-weight:500;text-align:center;line-height:1.2}.step-connector{font-size:1rem;color:#666;font-weight:700}.referral-card{border-radius:16px;border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(135deg,hsla(0,0%,100%,.05),rgba(0,0,0,.8));backdrop-filter:blur(10px);padding:1rem;height:100%;min-height:220px;box-shadow:0 15px 30px rgba(0,0,0,.5),0 8px 15px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.referral-card,.referral-card-combined{color:#fff;position:relative;overflow:visible}.referral-card-combined{border-radius:20px;border:1px solid #282a2c;background:#131414;padding:1.5rem}.how-it-works-inside{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.08)}.referral-card-combined:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}.referral-card-combined:hover{transform:translateY(-3px);box-shadow:0 30px 60px rgba(0,0,0,.8),0 20px 40px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.18);border-color:rgba(255,123,0,.4)}.referral-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.referral-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.7),0 15px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.15);border-color:rgba(255,123,0,.3)}.card-header{margin-bottom:.75rem;gap:.5rem}.card-header,.card-icon{display:flex;align-items:center}.card-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,rgba(255,123,0,.2),rgba(255,170,0,.2));justify-content:center;color:#ff8c00}.card-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.referral-content{display:flex;flex-direction:column;gap:.875rem;height:100%}.referral-description{font-size:.9rem;color:#a0a0a0;line-height:1.4;margin-bottom:0}.highlight-text{color:#ff8c00;font-weight:600}.link-container{flex-shrink:0}.link-box{display:flex;align-items:center;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:.5rem;gap:.375rem;transition:all .3s ease;width:100%;box-sizing:border-box}.link-box:hover{border-color:rgba(255,123,0,.3);background:rgba(0,0,0,.4)}.referral-link-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.7rem;color:#e0e0e0;background:transparent;border:none;outline:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;cursor:text}.copy-button{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;padding:.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;width:28px;height:28px}.copy-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.share-section{flex-shrink:0;margin-top:1rem}.social-buttons{gap:.75rem;flex-wrap:wrap}.social-button,.social-buttons{display:flex;justify-content:center}.social-button{align-items:center;width:44px;height:44px;border-radius:12px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.4);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.social-button:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.3);background:rgba(0,0,0,.6);box-shadow:0 4px 12px rgba(0,0,0,.3)}.social-button.twitter:hover{border-color:#1da1f2;background:rgba(29,161,242,.2);box-shadow:0 4px 12px rgba(29,161,242,.3)}.social-button.telegram:hover{border-color:#08c;background:rgba(0,136,204,.2);box-shadow:0 4px 12px rgba(0,136,204,.3)}.social-button.discord:hover{border-color:#5865f2;background:rgba(88,101,242,.2);box-shadow:0 4px 12px rgba(88,101,242,.3)}.connect-wallet-message{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem}.connect-text{font-size:1.125rem;color:#a0a0a0;line-height:1.5}.stats-row{justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:rgba(0,0,0,.25);border-radius:12px;border:1px solid hsla(0,0%,100%,.06)}.stat-item-inline,.stats-row{display:flex;align-items:center}.stat-item-inline{flex-direction:column;text-align:center;flex:1}.stat-number-inline{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem;line-height:1.1}.stat-label-inline{font-size:.8rem;color:#a0a0a0;font-weight:500;line-height:1.2}.stat-divider{width:1px;height:2.5rem;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2),transparent);flex-shrink:0}.referral-content-combined{display:flex;flex-direction:column;gap:1rem}.stats-card{min-height:180px}.stats-content{gap:.75rem;height:100%}.stat-item,.stats-content{display:flex;flex-direction:column}.stat-item{align-items:center;text-align:center;padding:.625rem;background:rgba(0,0,0,.2);border-radius:.5rem;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.stat-item:hover{background:rgba(0,0,0,.3);border-color:rgba(255,123,0,.2);transform:translateY(-1px)}.stat-info{width:100%}.stat-number{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.125rem;line-height:1.2}.stat-label{font-size:.75rem;color:#a0a0a0;font-weight:500;line-height:1.3}@media (max-width:768px){.referral-page{padding:1rem 0}.referral-title{font-size:2rem;margin-bottom:.75rem}.referral-subtitle{font-size:1rem;max-width:none;margin:0 auto 1rem;padding:0 1rem}.how-it-works-compact{padding:.875rem;margin:0 .75rem}.steps-compact{flex-direction:row;gap:.5rem;flex-wrap:wrap}.step-compact{flex-direction:column;align-items:center;gap:.5rem;min-width:70px;flex:1}.step-connector{display:none}.referral-card{padding:.875rem;min-height:200px}.referral-card-combined{padding:1.25rem;margin:0 1rem}.how-it-works-inside{margin-bottom:1.25rem;padding-bottom:1.25rem}.stats-row{flex-direction:row;gap:1rem;padding:.875rem;margin-bottom:1.25rem}.stat-divider{height:2rem}.stat-number-inline{font-size:1.5rem}.card-header{margin-bottom:.625rem}.card-title{font-size:1rem}.referral-content{gap:.75rem}.referral-content-combined{gap:.875rem}.stat-item{padding:.5rem}.stat-number{font-size:1.25rem}}@media (max-width:480px){.referral-page{padding:.75rem 0}.referral-title{font-size:1.75rem;margin-bottom:.5rem}.referral-subtitle{font-size:.9rem;padding:0 .75rem;margin-bottom:.75rem}.referral-card{min-height:190px}.referral-card-combined{padding:1rem;margin:0 .75rem}.how-it-works-inside{margin-bottom:1rem;padding-bottom:1rem}.stats-row{gap:1rem;padding:.75rem}.stat-number-inline{font-size:1.25rem}.stat-label-inline{font-size:.7rem}.stat-divider{height:1.75rem}.link-box{padding:.5rem;gap:.375rem}.referral-link-text{font-size:.65rem}.copy-button{padding:.25rem;width:28px;height:28px;min-width:44px;min-height:44px}.steps-compact{gap:.375rem}.step-compact{min-width:60px}.step-number-compact{width:24px;height:24px;font-size:.75rem}.step-text-compact{font-size:.7rem;text-align:center;line-height:1.1}.stat-number{font-size:1.125rem}}@media (max-width:320px){.referral-page{padding:.5rem 0}.referral-title{font-size:1.5rem;margin-bottom:.5rem}.referral-subtitle{font-size:.85rem;padding:0 .5rem;margin-bottom:.5rem}.referral-card-combined{padding:.875rem;margin:0 .5rem}.how-it-works-inside{margin-bottom:.875rem;padding-bottom:.875rem}.steps-compact{gap:.25rem}.step-compact{min-width:50px}.step-number-compact{width:20px;height:20px;font-size:.7rem}.step-text-compact{font-size:.65rem}.stats-row{gap:.75rem;padding:.625rem}.stat-number-inline{font-size:1.125rem}.stat-label-inline{font-size:.65rem}.stat-divider{height:1.5rem}.link-box{padding:.375rem;gap:.25rem}.referral-link-text{font-size:.6rem}.copy-button{width:24px;height:24px;min-width:40px;min-height:40px}}