.referral-page-root{color:#f1f5f9;min-height:100vh;font-family:var(--font-inter,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background:#090b10;padding-top:100px;position:relative;overflow-x:hidden}.referral-bg-glows{pointer-events:none;z-index:0;height:900px;position:absolute;top:0;left:0;right:0;overflow:hidden}.glow-circle-1{filter:blur(50px);background:radial-gradient(#f59e0b2e 0%,#f59e0b0d 45%,#0000 70%);width:900px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.glow-circle-2{filter:blur(60px);background:radial-gradient(circle,#0ea5e91f 0%,#0000 65%);width:600px;height:600px;position:absolute;top:300px;right:-100px}.glow-circle-3{filter:blur(60px);background:radial-gradient(circle,#a855f71f 0%,#0000 65%);width:600px;height:600px;position:absolute;top:450px;left:-150px}.referral-grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.referral-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 80px;position:relative}.referral-hero{text-align:center;padding:30px 10px 40px}.referral-hero-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 0 25px #f59e0b33}.referral-hero-title{letter-spacing:-.02em;color:#fff;margin-bottom:18px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1.15}.referral-hero-title .gradient-text-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 35px #f59e0b59;-webkit-background-clip:text}.referral-hero-subtitle{color:#94a3b8;max-width:720px;margin:0 auto 35px;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.6}.referral-search-card{-webkit-backdrop-filter:blur(16px);background:#121622bf;border:1px solid #f59e0b40;border-radius:20px;max-width:680px;margin:0 auto 50px;padding:10px;transition:all .3s;box-shadow:0 15px 40px #0006,0 0 30px #f59e0b1a}.referral-search-card:focus-within{border-color:#f59e0b99;box-shadow:0 15px 50px #00000080,0 0 40px #f59e0b33}.referral-search-form{align-items:center;gap:10px;width:100%;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:18px}.referral-search-input{color:#fff;background:#0a0c1299;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:16px 18px 16px 52px;font-size:1.05rem;font-weight:600;transition:all .25s}.referral-search-input::placeholder{color:#64748b;font-weight:500}.referral-search-input:focus{background:#0a0c12d9;border-color:#f59e0b66}.referral-search-submit{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:16px 30px;font-size:1rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #f59e0b4d}.referral-search-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 22px #f59e0b73}.referral-search-submit:disabled{opacity:.6;cursor:not-allowed}.search-hints{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:.88rem;display:flex}.search-hint-text{color:#94a3b8;text-align:center;max-width:580px;font-size:.85rem;line-height:1.4}.referral-alert{border-radius:14px;align-items:flex-start;gap:14px;max-width:720px;margin:0 auto 30px;padding:16px 20px;font-size:.95rem;line-height:1.5;animation:.3s slideDown;display:flex}.referral-alert-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98159}.referral-alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.referral-alert-info{color:#7dd3fc;background:#0ea5e91f;border:1px solid #0ea5e959}.profile-placeholder-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#141926b3 0%,#0c0f18d9 100%);border:1px dashed #ffffff1f;border-radius:24px;margin-bottom:45px;padding:50px 24px}.profile-placeholder-card .placeholder-icon-box{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.profile-placeholder-card h3{color:#f8fafc;margin-bottom:10px;font-size:1.4rem;font-weight:800}.profile-placeholder-card p{color:#94a3b8;max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.6}.profile-overview-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#161b2ad9 0%,#0d101af2 100%);border:1px solid #ffffff17;border-radius:24px;margin-bottom:40px;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.profile-overview-card:before{content:"";background:linear-gradient(90deg,#0000,#f59e0b,#eab308,#0000);height:2px;position:absolute;top:0;left:0;right:0}.profile-main-grid{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;display:grid}.profile-avatar-wrapper{background:#0006;border:2px solid #f59e0b66;border-radius:20px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #f59e0b40}.profile-avatar-img{width:100%;height:100%;image-rendering:pixelated;object-fit:cover}.profile-avatar-badge{color:#fff;background:#10b981;border:2px solid #0f172a;border-radius:6px;padding:3px 6px;font-size:.7rem;font-weight:800;position:absolute;bottom:-4px;right:-4px}.profile-details{flex-direction:column;gap:6px;display:flex}.profile-nick-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-nick-name{color:#fff;letter-spacing:-.01em;font-size:1.85rem;font-weight:800}.profile-tag-rank{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.profile-sub-details{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:16px;font-size:.92rem;display:flex}.profile-sub-item{align-items:center;gap:6px;display:inline-flex}.profile-stats-pill{text-align:right;background:#0a0e1799;border:1px solid #ffffff14;border-radius:18px;min-width:170px;padding:16px 24px}.stats-count-value{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:2.4rem;font-weight:900;line-height:1;display:block}.stats-count-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.share-links-bar{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;padding-top:24px;display:grid}.share-input-box{background:#0a0d14b3;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .25s;display:flex}.share-input-box:hover{background:#0e121ccc;border-color:#f59e0b59}.share-box-content{flex-direction:column;display:flex;overflow:hidden}.share-box-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem;font-weight:700}.share-box-value{color:#fbbf24;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:.95rem;font-weight:700;overflow:hidden}.share-copy-btn{color:#f1f5f9;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.share-copy-btn:hover{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.share-copy-btn.copied{color:#34d399;background:#10b98133;border-color:#10b98166}.tiers-section{margin-bottom:55px}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-heading-title{color:#fff;align-items:center;gap:10px;font-size:1.55rem;font-weight:800;display:flex}.section-heading-title .heading-icon{color:#fbbf24}.section-heading-desc{color:#94a3b8;font-size:.92rem}.tiers-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;display:grid}.tier-card{background:linear-gradient(145deg,#141926d9 0%,#0c0f18f2 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;padding:26px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.tier-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 35px #00000073}.tier-vip{border-color:#f59e0b4d}.tier-vip:hover{border-color:#f59e0b99;box-shadow:0 15px 40px #f59e0b26}.tier-elita{border-color:#38bdf84d}.tier-elita:hover{border-color:#38bdf899;box-shadow:0 15px 40px #38bdf826}.tier-sponsor{border-color:#a855f759}.tier-sponsor:hover{border-color:#a855f7a6;box-shadow:0 15px 45px #a855f733}.tier-legenda{border-color:#ef444459}.tier-legenda:hover{border-color:#ef4444a6;box-shadow:0 15px 45px #ef444433}.tier-custom{border-color:#10b98159}.tier-custom:hover{border-color:#10b981a6;box-shadow:0 15px 45px #10b98133}.tier-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.tier-icon-box{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 20px #0000004d}.tier-vip .tier-icon-box{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.tier-elita .tier-icon-box{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.tier-sponsor .tier-icon-box{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.tier-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.badge-locked{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14}.badge-ready{color:#34d399;background:#10b98133;border:1px solid #10b98166;animation:2s ease-in-out infinite pulseReady}.badge-claimed{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}@keyframes pulseReady{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 14px 2px #10b98199}}.tier-title{color:#fff;margin-bottom:4px;font-size:1.45rem;font-weight:800}.tier-duration{color:#94a3b8;margin-bottom:20px;font-size:.88rem}.tier-progress-track{background:#00000080;border:1px solid #ffffff0d;border-radius:9999px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.tier-progress-bar{border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.tier-vip .tier-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tier-elita .tier-progress-bar{background:linear-gradient(90deg,#0284c7,#38bdf8)}.tier-sponsor .tier-progress-bar{background:linear-gradient(90deg,#7c3aed,#c084fc)}.tier-req-label{color:#94a3b8;justify-content:space-between;margin-bottom:24px;font-size:.82rem;font-weight:600;display:flex}.tier-claim-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.95rem;font-weight:800;transition:all .25s;display:inline-flex}.btn-claimable{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 18px #10b98166}.btn-claimable:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 24px #10b9818c}.btn-claimed{color:#93c5fd;cursor:default;background:#3b82f626;border:1px solid #3b82f64d}.btn-locked{color:#64748b;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff14}.bottom-info-grid{grid-template-columns:1.25fr .95fr;gap:28px;display:grid}.content-box-card{background:linear-gradient(145deg,#141824bf 0%,#0b0e16e6 100%);border:1px solid #ffffff14;border-radius:22px;padding:26px;box-shadow:0 10px 30px #0000004d}.content-box-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.content-box-title{color:#fff;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.content-badge-count{color:#fbbf24;background:#f59e0b26;border-radius:6px;padding:3px 9px;font-size:.8rem;font-weight:700}.friends-list-wrapper{flex-direction:column;gap:10px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.friends-list-wrapper::-webkit-scrollbar{width:6px}.friends-list-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.friend-item-row{background:#0a0d1480;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.friend-item-row:hover{background:#121622b3;border-color:#f59e0b33}.friend-left-cell{align-items:center;gap:12px;display:flex}.friend-head-img{width:34px;height:34px;image-rendering:pixelated;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px}.friend-name{color:#f1f5f9;font-size:.95rem;font-weight:700}.friend-date{color:#64748b;font-size:.78rem}.friend-right-cell{align-items:center;gap:12px;display:flex}.friend-status-badge{letter-spacing:.02em;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-qualified{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rewarded{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff14}.friend-time-pill{color:#38bdf8;background:#38bdf81a;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.friend-verified-icon{color:#10b981}.friend-pending-icon{color:#f59e0b;opacity:.85}.stats-pill-subinfo{color:#94a3b8;flex-direction:column;gap:2px;margin-top:6px;font-size:.78rem;display:flex}.empty-state-box{text-align:center;color:#64748b;padding:40px 20px}.empty-state-icon{opacity:.4;margin:0 auto 12px}.empty-state-text{color:#94a3b8;margin-bottom:6px;font-size:.95rem}.empty-state-sub{color:#64748b;font-size:.82rem}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-row{background:#0a0d1480;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.leaderboard-row:hover{background:#121622b3}.row-rank-1{background:#f59e0b0d;border-color:#f59e0b59}.row-rank-2{background:#94a3b80d;border-color:#94a3b859}.row-rank-3{background:#cd7f320d;border-color:#cd7f3259}.leaderboard-left{align-items:center;gap:14px;display:flex}.rank-badge{color:#94a3b8;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.rank-badge-1{color:#000;background:#f59e0b}.rank-badge-2{color:#000;background:#94a3b8}.rank-badge-3{color:#fff;background:#d97706}.leaderboard-nick{color:#fff;font-size:.95rem;font-weight:700}.leaderboard-code{color:#64748b;font-family:monospace;font-size:.75rem}.leaderboard-right{color:#fbbf24;align-items:center;gap:6px;font-size:1.05rem;font-weight:800;display:flex}.leaderboard-right span{color:#94a3b8;font-size:.75rem;font-weight:600}.referral-faq-section{background:#10141e99;border:1px solid #ffffff12;border-radius:22px;margin-top:60px;padding:36px}.faq-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.faq-card{background:#0a0d1499;border:1px solid #ffffff0d;border-radius:16px;padding:22px}.faq-icon-row{color:#fbbf24;margin-bottom:12px}.faq-question{color:#fff;margin-bottom:8px;font-size:1.05rem;font-weight:700}.faq-answer{color:#94a3b8;font-size:.88rem;line-height:1.55}@media (max-width:992px){.tiers-grid,.bottom-info-grid{grid-template-columns:1fr}.profile-main-grid{grid-template-columns:auto 1fr}.profile-stats-pill{text-align:left;grid-column:span 2;justify-content:space-between;align-items:center;display:flex}.share-links-bar,.faq-grid{grid-template-columns:1fr}}@media (max-width:640px){.referral-search-form{flex-direction:column}.referral-search-submit{justify-content:center;width:100%}.profile-main-grid{text-align:center;grid-template-columns:1fr}.profile-avatar-wrapper{margin:0 auto}.profile-details{align-items:center}.profile-nick-row,.profile-sub-details{justify-content:center}.profile-stats-pill{text-align:center;flex-direction:column;grid-column:1}}