.invite-code-section{padding:var(--spacing-3xl) 0;background:#0a0a0a;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.invite-code-content{text-align:center;max-width:600px;margin:0 auto}.invite-code-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:calc(var(--spacing-lg) + 5px);line-height:1.2;color:var(--color-text-primary);text-align:center}.invite-code-subtitle{font-size:1.25rem;font-weight:400;color:var(--color-text-primary);line-height:1.6;margin-top:calc(var(--spacing-lg) + 5px);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.invite-code-display-wrapper{background:#ffffff0d;border-radius:var(--border-radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-md);border:.5px solid rgba(229,255,0,.3);box-shadow:0 8px 32px #e5ff0033;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}.invite-code-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-align:center;letter-spacing:.05em;display:block;width:100%}.invite-code-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#000c;border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;border:none;box-shadow:none}.invite-code-display>div{display:flex;align-items:center;gap:var(--spacing-md)}.invite-code-text{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.15em;font-family:Courier New,monospace;transition:all var(--transition-base)}.invite-code-text.loaded{animation:codeAppear .5s ease-out}.invite-code-text.error{font-size:var(--font-size-base);color:var(--color-text-muted);letter-spacing:normal;font-family:var(--font-family)}.invite-code-copy-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary);color:var(--color-text-on-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.invite-code-copy-btn:hover{background:var(--color-primary-hover);transform:scale(1.05)}.invite-code-copy-btn:active{background:var(--color-primary-pressed);transform:scale(.95)}.invite-code-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.copy-toast{position:absolute;bottom:-50px;left:50%;transform:translate(-50%) translateY(10px);background:#e5ff00;color:#000;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:800;white-space:nowrap;opacity:0;transition:all var(--transition-base);pointer-events:none;z-index:10}.copy-toast.error{background:var(--color-error)}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.invite-rewards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:500px;margin:0 auto}.invite-reward-item{background:#e5ff000d;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;border:1px solid rgba(229,255,0,.2);transition:all var(--transition-base)}.invite-reward-item:hover{background:#e5ff001a;border-color:var(--color-primary);transform:translateY(-2px)}.invite-reward-icon{font-size:2rem;margin-bottom:var(--spacing-sm);line-height:1}.invite-reward-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.invite-reward-amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1}@media(min-width:768px){.invite-code-title{font-size:3.2rem}.invite-code-text{font-size:2.5rem}.invite-rewards-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media(min-width:1024px){.invite-code-title{font-size:3.6rem}.invite-code-display-wrapper{padding:var(--spacing-3xl)}}@keyframes codeAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.invite-code-content{animation:fadeInUp .6s ease-out}.invite-reward-item:nth-child(1){animation:fadeInUp .6s ease-out .1s both}.invite-reward-item:nth-child(2){animation:fadeInUp .6s ease-out .2s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.invite-code-copy-btn{display:none}}