@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #10B981;--color-primary-hover: #059669;--color-primary-light: rgba(16, 185, 129, .15);--color-primary-glow: rgba(16, 185, 129, .4);--color-secondary: #34D399;--color-secondary-light: rgba(52, 211, 153, .15);--color-accent: #6EE7B7;--color-success: #10B981;--color-error: #EF4444;--color-warning: #F59E0B;--color-bg-primary: #0A1628;--color-bg-secondary: #0D1E2D;--color-bg-tertiary: #122336;--color-bg-gradient: linear-gradient(180deg, #0A1628 0%, #0D1E2D 50%, #0A1628 100%);--color-glass: rgba(13, 30, 45, .9);--color-glass-light: rgba(255, 255, 255, .03);--color-glass-border: rgba(16, 185, 129, .2);--color-glass-border-hover: rgba(16, 185, 129, .4);--color-surface: var(--color-glass);--color-surface-hover: rgba(13, 30, 45, .95);--color-border: rgba(16, 185, 129, .15);--color-border-light: rgba(255, 255, 255, .05);--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .4);--color-text-inverse: #0A1628;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-card: 0 8px 40px rgba(0, 0, 0, .3), 0 0 0 1px var(--color-glass-border);--shadow-glow-primary: 0 0 30px var(--color-primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 28px;--font-size-2xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-gradient);background-attachment:fixed;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary-light);color:var(--color-text-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-primary{box-shadow:var(--shadow-glow-primary)}#root{min-height:100vh;display:flex;flex-direction:column}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-gradient);position:relative;overflow:hidden}.layout:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(16,185,129,.05) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(16,185,129,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;z-index:1}@media(max-width:480px){.layout__main{padding:var(--space-md);align-items:flex-start;padding-top:var(--space-xl)}}.tab-selector{display:flex;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.tab-selector__tab{position:relative;padding:var(--space-sm) 0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.tab-selector__tab:hover:not(:disabled){color:var(--color-text-secondary)}.tab-selector__tab--active{color:var(--color-primary)}.tab-selector__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.tab-selector__tab--disabled{opacity:.4;cursor:not-allowed}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:100%;height:100%}.icon-text-symbol{font-size:18px;font-weight:700;color:var(--color-primary);line-height:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.button--sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.button--md{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-md)}.button--lg{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-md)}.button--primary{background:var(--color-primary);color:var(--color-text-inverse);border:none}.button--primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--color-primary-glow)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.button--secondary:hover:not(:disabled){background:var(--color-primary-light)}.button--ghost{background:transparent;color:var(--color-text-secondary);border:none}.button--ghost:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary)}.button--full-width{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.language-switch{display:flex;align-items:center;gap:4px;background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.language-switch:hover{border-color:var(--color-primary)}.language-switch__option{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.language-switch__option--active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.language-switch__separator{color:var(--color-text-muted);font-size:var(--font-size-xs)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:320px;width:90%;text-align:center;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-success__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-lg);background:var(--color-primary-light);border-radius:50%;color:var(--color-primary)}.modal-success__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.modal-success__message{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.5}.modal-success__details{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.modal-success__detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.modal-success__detail-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.modal-success__detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal-success__detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-success__detail-value--highlight{color:var(--color-primary)}.amount-input{padding:var(--space-md) var(--space-lg)}.amount-input__label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm)}.amount-input__container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.amount-input__field-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.amount-input__values-row{display:flex;align-items:center;justify-content:flex-start}.amount-input__field{width:auto;max-width:120px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:transparent;border:none;padding:0;font-family:var(--font-family)}.amount-input__field::placeholder{color:var(--color-text-muted)}.amount-input__field:read-only{cursor:default}.amount-input__warning{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--space-xs);font-weight:var(--font-weight-medium)}.amount-input__currency-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);min-width:90px;flex-shrink:0}.amount-input__currency-main{display:flex;align-items:center;gap:var(--space-sm)}.amount-input__currency-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.amount-input__currency-sub{display:flex;align-items:center;gap:4px}.amount-input__sub-icon{width:12px;height:12px;border-radius:50%}.amount-input__currency-subtext{font-size:10px;color:var(--color-text-muted);text-transform:lowercase}.amount-input__bonus{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-secondary);background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);padding:2px 6px;margin-left:4px;white-space:nowrap}.transaction-details{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.transaction-details__row{display:flex;align-items:center}.transaction-details__label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.transaction-details__dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.transaction-details__row--highlight .transaction-details__dot{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.transaction-details__value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.transaction-details__note{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.transaction-details__info-wrapper{position:relative}.transaction-details__info-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.transaction-details__info-btn:hover{transform:scale(1.15);box-shadow:0 0 12px var(--color-primary-glow)}.transaction-details__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:280px;padding:var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);animation:tooltipFadeIn .2s ease}.transaction-details__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--color-bg-tertiary)}.transaction-details__tooltip p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.5}.transaction-details__tooltip p:last-child{margin-bottom:0}.transaction-details__tooltip strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.submit-button{padding:var(--space-sm) var(--space-lg)}.submit-button .button{font-size:var(--font-size-md);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.powered-by{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light)}.powered-by__text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.powered-by__logo{display:flex;align-items:center;gap:var(--space-sm)}.powered-by__logo-img{width:24px;height:24px}.powered-by__provider{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.user-button-container{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);z-index:10}.user-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-glass-border);border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.user-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.auth-screen{padding:var(--space-lg)}.auth-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.auth-screen__back:hover{color:var(--color-primary)}.auth-screen__header{text-align:center;margin-bottom:var(--space-xl)}.auth-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.auth-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-screen__options{display:flex;flex-direction:column;gap:var(--space-md)}.auth-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.auth-option:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.auth-option__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.auth-option__content{flex:1}.auth-option__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.auth-option__desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.auth-option__arrow{color:var(--color-text-muted);flex-shrink:0}.auth-option:hover .auth-option__arrow{color:var(--color-primary)}.auth-screen__divider{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-screen__divider:before,.auth-screen__divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.create-wallet-screen{padding:var(--space-lg)}.create-wallet-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.create-wallet-screen__back:hover{color:var(--color-primary)}.create-wallet-screen__header{text-align:center;margin-bottom:var(--space-xl)}.create-wallet-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.create-wallet-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.create-wallet-screen__form{display:flex;flex-direction:column;gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-field__input{padding:var(--space-md);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.form-field__input::placeholder{color:var(--color-text-muted)}.form-field__input:focus{border-color:var(--color-primary);outline:none}.form-field--checkbox{flex-direction:row;align-items:center;gap:var(--space-sm)}.form-field__checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-field__checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.wallet-info-screen{padding:var(--space-lg)}.wallet-info-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.wallet-info-screen__back:hover{color:var(--color-primary)}.wallet-info-screen__header{text-align:center;margin-bottom:var(--space-xl)}.wallet-info-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.wallet-info-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.wallet-info-screen__form{display:flex;flex-direction:column;gap:var(--space-md)}.verify-email-screen{padding:var(--space-lg)}.verify-email-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.verify-email-screen__back:hover{color:var(--color-primary)}.verify-email-screen__header{text-align:center;margin-bottom:var(--space-xl)}.verify-email-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.verify-email-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.verify-email-screen__subtitle strong{color:var(--color-text-primary)}.verify-email-screen__form{display:flex;flex-direction:column;gap:var(--space-lg)}.verify-email-screen__code-inputs{display:flex;justify-content:center;gap:var(--space-sm)}.verify-email-screen__code-input{width:48px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.verify-email-screen__code-input:focus{border-color:var(--color-primary);outline:none}.verify-email-screen__resend{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.verify-email-screen__resend-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm)}.verify-email-screen__resend-btn:hover{text-decoration:underline}.payment-card-screen{padding:var(--space-lg)}.payment-card-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.payment-card-screen__back:hover{color:var(--color-primary)}.payment-card-screen__header{text-align:center;margin-bottom:var(--space-xl)}.payment-card-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.payment-card-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.payment-card-screen__form{display:flex;flex-direction:column;gap:var(--space-md)}.payment-card-screen__form .form-field__input{width:100%;box-sizing:border-box}.payment-card-screen__row{display:flex;gap:var(--space-md)}.payment-card-screen__row .form-field{flex:1;min-width:0}.form-field__input--card{font-family:var(--font-family-mono);letter-spacing:2px;width:100%;box-sizing:border-box}.form-field__input--cvc{font-family:var(--font-family-mono);letter-spacing:1px;width:100%;box-sizing:border-box}.form-field__input--error{border-color:#ef4444!important}.form-field__error{font-size:var(--font-size-xs);color:#ef4444;margin-top:var(--space-xs)}.payment-card-screen__secure{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-sm)}.payment-card-screen__secure svg{color:var(--color-secondary)}.connect-wallet-screen{padding:var(--space-lg)}.connect-wallet-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.connect-wallet-screen__back:hover{color:var(--color-primary)}.connect-wallet-screen__header{text-align:center;margin-bottom:var(--space-xl)}.connect-wallet-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.connect-wallet-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.connect-wallet-screen__form{display:flex;flex-direction:column;gap:var(--space-md)}.connect-wallet-screen__forgot{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;text-align:right;margin-top:calc(-1 * var(--space-sm))}.connect-wallet-screen__forgot:hover{text-decoration:underline}.confirmation-screen{padding:var(--space-lg)}.confirmation-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.confirmation-screen__back:hover{color:var(--color-primary)}.confirmation-screen__header{text-align:center;margin-bottom:var(--space-xl)}.confirmation-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.confirmation-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.confirmation-screen__summary{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.summary-row:not(:last-child){border-bottom:1px solid var(--color-border-light)}.summary-row__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.summary-row__value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.summary-row--highlight .summary-row__value{color:var(--color-primary);font-size:var(--font-size-lg)}.summary-row--bonus .summary-row__value{color:var(--color-secondary)}.confirmation-screen__wallet{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.confirmation-screen__wallet-row{display:flex;justify-content:space-between;align-items:center}.confirmation-screen__wallet-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.confirmation-screen__wallet-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.confirmation-screen__wallet-address{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono)}.success-screen{padding:var(--space-lg);text-align:center}.success-screen__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--space-lg);background:var(--color-primary-light);border-radius:50%;color:var(--color-primary)}.success-screen__header{margin-bottom:var(--space-xl)}.success-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.success-screen__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.success-screen__details{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:left}.success-detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.success-detail:not(:last-child){border-bottom:1px solid var(--color-border-light)}.success-detail__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.success-detail__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:var(--font-family-mono)}.success-detail__value--amount{color:var(--color-primary);font-weight:var(--font-weight-bold)}.success-detail__value--bonus{color:var(--color-secondary);font-weight:var(--font-weight-bold)}.success-screen__explorer{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);text-decoration:none;transition:opacity var(--transition-fast)}.success-screen__explorer:hover{opacity:.8;text-decoration:underline}.gains-screen{padding:var(--space-md)}.gains-screen__header{text-align:center;margin-bottom:var(--space-md);position:relative}.gains-screen__title-row{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);position:relative}.gains-screen__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.gains-screen__info-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:1.5px solid var(--color-text-muted);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);padding:0}.gains-screen__info-icon{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-muted);line-height:1;transition:color var(--transition-fast)}.gains-screen__info-btn:hover{border-color:var(--color-primary)}.gains-screen__info-btn:hover .gains-screen__info-icon{color:var(--color-primary)}.gains-screen__info-btn--active{background:var(--color-primary);border-color:var(--color-primary)}.gains-screen__info-btn--active .gains-screen__info-icon{color:#fff}.gains-screen__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.gains-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);width:280px;background:var(--color-bg-secondary);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-md);z-index:100;box-shadow:0 8px 24px #0006;margin-top:var(--space-sm)}.gains-tooltip__content{text-align:left}.gains-tooltip__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.gains-tooltip__text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.gains-tooltip__breakdown{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-sm)}.gains-tooltip__row{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.gains-tooltip__row--sub{padding-left:var(--space-sm)}.gains-tooltip__row--highlight{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.gains-tooltip__note{font-size:10px;color:var(--color-text-muted);font-style:italic;border-top:1px solid var(--color-border-light);padding-top:var(--space-sm);line-height:1.3}.gains-tooltip__close{position:absolute;top:var(--space-sm);right:var(--space-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.gains-tooltip__close:hover{color:var(--color-text-primary)}.gains-screen__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.gains-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm)}.gains-stat__value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:2px}.gains-stat__label{font-size:10px;color:var(--color-text-muted);text-align:center;line-height:1.2}.gains-screen__staking-actions{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.gains-staking__available{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.gains-staking__available-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.gains-staking__available-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.gains-staking__buttons{display:flex;gap:var(--space-sm)}.gains-staking__btn{flex:1;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.gains-staking__btn--stake{background:var(--color-primary);border:1px solid var(--color-primary);color:#fff}.gains-staking__btn--stake:hover{background:var(--color-primary-hover)}.gains-staking__btn--unstake{background:transparent;border:1px solid var(--color-glass-border);color:var(--color-text-secondary)}.gains-staking__btn--unstake:hover{border-color:var(--color-primary);color:var(--color-primary)}.gains-screen__collected{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.gains-collected__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.gains-collected__label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.gains-collected__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-secondary);font-family:var(--font-family-mono)}.gains-collected__withdraw-btn{width:100%;padding:var(--space-sm);background:var(--color-secondary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.gains-collected__withdraw-btn:hover{background:#0ea572}.modal-gains__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-xs)}.modal-gains__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg)}.modal-gains__input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg)}.modal-gains__input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);outline:none;min-width:0}.modal-gains__input::placeholder{color:var(--color-text-muted)}.modal-gains__max-btn{padding:4px 8px;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast)}.modal-gains__max-btn:hover{background:var(--color-primary);color:#fff}.modal-gains__token{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.account-screen{padding:var(--space-lg)}.account-screen__back{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.account-screen__back:hover{color:var(--color-primary)}.account-screen__header{text-align:center;margin-bottom:var(--space-lg)}.account-screen__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.account-screen__wallet-card{background:linear-gradient(135deg,var(--color-primary-light),rgba(16,185,129,.1));border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.account-wallet__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm)}.account-wallet__address-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.account-wallet__address{font-family:var(--font-family-mono);font-size:var(--font-size-md);color:var(--color-text-primary)}.account-wallet__copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.account-wallet__copy:hover{border-color:var(--color-primary);color:var(--color-primary)}.account-wallet__balances{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.account-wallet__balance{display:flex;align-items:center;gap:var(--space-xs)}.account-wallet__balance-icon{width:18px;height:18px}.account-wallet__balance-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.account-wallet__balance-token{font-size:var(--font-size-sm);color:var(--color-text-muted)}.account-wallet__staking{padding-top:var(--space-md);border-top:1px solid var(--color-glass-border)}.account-wallet__staking-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.account-wallet__staking-value{display:flex;align-items:baseline;gap:var(--space-xs)}.account-wallet__staking-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-secondary);font-family:var(--font-family-mono)}.account-wallet__staking-token{font-size:var(--font-size-sm);color:var(--color-secondary);opacity:.8}.account-screen__tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.account-tab{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.account-tab:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-text-secondary)}.account-tab--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.account-tab--disabled{opacity:.4;cursor:not-allowed}.account-screen__section{display:flex;flex-direction:column;gap:var(--space-md)}.account-form__row{display:flex;gap:var(--space-md)}.form-field--amount,.form-field--token{flex:1}.token-dropdown{position:relative}.token-dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.token-dropdown__trigger:hover{border-color:var(--color-primary)}.token-dropdown__selected{display:flex;align-items:center;gap:var(--space-sm)}.token-dropdown__icon{width:20px;height:20px}.token-dropdown__arrow{color:var(--color-text-muted);transition:transform var(--transition-fast)}.token-dropdown__arrow--open{transform:rotate(180deg)}.token-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);overflow:hidden;z-index:100;box-shadow:0 4px 12px #0000004d}.token-dropdown__option{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;transition:background var(--transition-fast)}.token-dropdown__option:hover{background:var(--color-glass-light)}.token-dropdown__option--selected{background:var(--color-primary-light);color:var(--color-primary)}.form-field__input--mono{font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.account-deposit__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.account-deposit__address-box{background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.account-deposit__address-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.account-deposit__address-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.account-deposit__address{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);word-break:break-all}.account-deposit__note{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;padding:var(--space-sm);background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-sm)}.ramp-card{position:relative;width:100%;max-width:440px;background:var(--color-glass);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-radius:var(--radius-xl);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-card);overflow:hidden}.ramp-card__content{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) 0}.ramp-card__divider{height:1px;background:var(--color-border-light);margin:var(--space-xs) var(--space-lg)}.ramp-card__loading{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-xl)}.ramp-card__spinner{width:48px;height:48px;border:3px solid var(--color-glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.ramp-card{max-width:100%;border-radius:var(--radius-lg)}}.payment-method-selector{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg)}.payment-method{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.payment-method:hover{border-color:var(--color-glass-border-hover);background:#ffffff0d}.payment-method--active{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 20px #00d9ff33}.payment-method--active .payment-method__label{color:var(--color-primary)}.payment-method__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.payment-method__icons{display:flex;align-items:center;gap:var(--space-xs)}.payment-method__icons .icon{border-radius:var(--radius-sm);overflow:hidden}.network-selector{padding:0 var(--space-lg)}.network-selector__button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.network-selector__button:hover{background:#ffffff0d;border-color:var(--color-glass-border-hover)}.network-selector__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.network-selector__chevron{color:var(--color-text-muted)}.delivery-link{padding:0 var(--space-lg)}.delivery-link__button{font-size:var(--font-size-sm);color:var(--color-primary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:all var(--transition-fast);font-weight:var(--font-weight-medium)}.delivery-link__button:hover{color:var(--color-secondary);text-shadow:0 0 10px var(--color-primary-glow)}
