:root{--color-background: #000000;--color-surface: #131313;--color-surface-container: rgba(31, 31, 31, .8);--color-brand-purple: #BF95FF;--color-brand-purple-dark: #A855F7;--color-brand-secondary: #ddb8ff;--color-brand-teal: #14b8a6;--color-brand-blue: #3b82f6;--color-text-white: #ffffff;--color-text-gray-300: #d1d5db;--color-text-gray-400: #9ca3af;--color-text-gray-500: #6b7280;--color-white-opacity-5: rgba(255, 255, 255, .05);--color-white-opacity-10: rgba(255, 255, 255, .1);--color-white-opacity-20: rgba(255, 255, 255, .2);--font-body: "Inter", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--max-width-container: 1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-white);font-family:var(--font-body);font-size:18px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;align-items:center}button{cursor:pointer;background:none;border:none;font-family:inherit;color:inherit}.text-gradient-purple{background:linear-gradient(to bottom,#D8B4FE,var(--color-brand-purple-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-morphism{background:var(--color-surface-container);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-white-opacity-10)}.highlight-white{color:var(--color-text-white);font-weight:700}.purple-text{color:var(--color-brand-purple)}.icon-sm{font-size:14px!important}.icon-md{font-size:18px!important}.mobile-break{display:block}.site-header{width:100%;max-width:var(--max-width-container);display:flex;justify-content:space-between;align-items:center;padding:32px 24px}.logo-container{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.logo-svg{width:100%;height:100%}.logo-text{font-size:24px;font-weight:900;letter-spacing:-.05em}.btn-connect{display:flex;align-items:center;gap:8px;background-color:var(--color-text-white);color:#000;padding:5px 12px;border-radius:9999px;font-size:10px;font-weight:700;letter-spacing:.1em;transition:opacity .2s ease}.btn-connect:hover{opacity:.9}.main-content{width:100%;max-width:var(--max-width-container);display:flex;flex-direction:column;align-items:center;padding:0 24px 96px;text-align:center}.badge-wrapper{margin-bottom:40px}.access-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;border:1px solid #374151;background-color:#11182780}.badge-svg{width:16px;height:16px;color:var(--color-brand-purple)}.badge-text{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--color-text-gray-300)}.hero-text-container{max-width:48rem;margin-left:auto;margin-right:auto;text-align:center}.hero-title{font-family:var(--font-display);font-size:48px;line-height:.95;font-weight:900;font-style:italic;letter-spacing:-.05em;margin-bottom:32px;text-transform:uppercase}.hero-title .text-gradient-purple{font-style:normal}.hero-subtext{margin-bottom:48px;padding:0 8px}.hero-subtext p{font-size:18px;font-weight:500}.subtext-primary{color:var(--color-text-gray-300);margin-bottom:16px}.subtext-secondary{color:var(--color-text-gray-400)}.global-metrics-wrapper{width:100%;max-width:42rem;margin-bottom:32px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background-color:var(--color-white-opacity-5);border-radius:16px;padding:16px;border:1px solid var(--color-white-opacity-5)}.metric-item{text-align:center}.metric-item.border-x{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.metric-value{color:var(--color-brand-purple);font-size:1.25rem;font-weight:800;letter-spacing:-.025em}.metric-label{font-size:10px;color:var(--color-text-gray-400);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.widget-card{width:100%;margin:10px;border-radius:24px;padding:24px;box-shadow:0 25px 50px -12px #00000080;font-family:var(--font-display);text-align:left}.card-inner-layout{display:flex;flex-direction:column;gap:24px}.widget-card-title{font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-text-white)}.widget-card-title-alt{font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--color-text-white)}.input-group{display:flex;flex-direction:column;gap:12px}.group-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--color-text-gray-400)}.input-row{background-color:var(--color-white-opacity-5);border:1px solid var(--color-white-opacity-10);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.input-row:hover{border-color:#bf95ff4d}.input-placeholder{font-size:1.5rem;font-weight:700;color:var(--color-text-white)}.token-selector{display:flex;align-items:center;gap:8px;background-color:var(--color-white-opacity-10);padding:6px 12px;border-radius:12px;border:1px solid var(--color-white-opacity-10);transition:background-color .2s ease}.token-selector:hover{background-color:var(--color-white-opacity-20)}.token-icon{width:20px;height:20px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-white)}.token-icon.bg-blue{background-color:var(--color-brand-blue)}.token-icon.bg-teal{background-color:var(--color-brand-teal)}.token-shape{width:100%;height:100%;border-radius:50%}.token-name{font-size:.75rem;font-weight:700;color:var(--color-text-white)}.arrow-icon{font-size:.75rem;color:var(--color-text-gray-400)}.percentage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.btn-percent{padding:8px 0;border:1px solid rgba(191,149,255,.2);border-radius:8px;font-size:10px;font-weight:700;color:var(--color-brand-purple);transition:all .2s ease}.btn-percent:hover{background-color:#bf95ff1a;border-color:#bf95ff66}.divider-action-container{display:flex;justify-content:center;margin-top:-4px;margin-bottom:-4px;z-index:10}.btn-swap-toggle{background-color:#1f1f1f;padding:8px;border-radius:9999px;border:1px solid var(--color-white-opacity-10);transition:border-color .2s ease;display:flex;align-items:center;justify-content:center}.btn-swap-toggle:hover{border-color:#bf95ff80}.toggle-icon{color:var(--color-brand-purple);transition:transform .2s ease}.btn-swap-toggle:hover .toggle-icon{transform:scale(1.1)}.fiat-estimation{font-size:.75rem;color:var(--color-text-gray-400);font-weight:700;margin-top:8px;font-style:italic}.rates-info{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.rates-info p{color:#ffffffb3}.btn-execute-swap{width:100%;background-color:var(--color-brand-purple-dark);color:var(--color-text-white);padding:20px 0;border-radius:9999px;font-weight:900;font-size:.875rem;letter-spacing:.1em;transition:all .2s ease}.btn-execute-swap:hover{filter:brightness(1.1);box-shadow:0 0 20px #a855f74d}.contract-card{background-color:var(--color-white-opacity-5);border:1px solid var(--color-white-opacity-10);border-radius:16px;padding:24px}.contract-label{font-size:10px;font-weight:700;color:var(--color-text-gray-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.contract-display-row{display:flex;align-items:center;gap:8px;background-color:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;margin-bottom:16px}.contract-hash{flex:1;font-size:10px;font-family:monospace;color:#fffc}.btn-copy{color:var(--color-brand-purple);font-size:10px;font-weight:700;border:1px solid rgba(191,149,255,.3);padding:4px 12px;border-radius:8px;transition:background-color .2s ease}.btn-copy:hover{background-color:#bf95ff1a}.contract-instruction{font-size:10px;color:var(--color-text-gray-400);line-height:1.6;font-style:italic}.card-header-row{display:flex;justify-content:space-between;align-items:center}.season-badge{padding:4px 12px;background-color:#62259b33;color:var(--color-brand-secondary);font-size:10px;font-weight:800;border-radius:9999px;border:1px solid rgba(221,184,255,.2);letter-spacing:.05em}.status-indicator-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-brand-purple)}.status-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-brand-purple)}.eligibility-tier{font-size:24px;font-weight:800;letter-spacing:-.025em;color:var(--color-brand-purple)}.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}.stat-box{width:100%;background-color:var(--color-white-opacity-5);border-radius:16px;padding:16px;border:1px solid var(--color-white-opacity-5)}.stat-label{font-size:9px;font-weight:700;color:var(--color-text-gray-500);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.stat-value-container{display:flex;align-items:center;gap:6px}.stat-icon{font-size:16px!important;color:var(--color-text-gray-400)}.stat-value{font-size:18px;font-weight:800;color:var(--color-text-white)}.task-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-white-opacity-5)}.task-item:last-child{border-bottom:none}.task-name{font-size:14px;font-weight:700;color:var(--color-text-gray-300);letter-spacing:-.025em}.task-status{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--color-brand-purple)}.btn-claim-airdrop{width:100%;background-color:var(--color-text-white);color:#000;padding:16px 0;border-radius:9999px;font-weight:800;font-size:14px;letter-spacing:.1em;transition:all .2s ease}.btn-claim-airdrop:hover{opacity:.9}.btn-claim-airdrop:active{transform:scale(.98)}.navigation-link-container{width:100%;max-width:42rem;margin-top:16px}.btn-navigation-swap{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--color-white-opacity-20);color:var(--color-text-white);padding:16px 0;border-radius:9999px;font-weight:800;font-size:14px;letter-spacing:.1em;transition:all .2s ease}.btn-navigation-swap:hover{background-color:var(--color-white-opacity-5)}.sync-icon{font-size:1.125rem;color:var(--color-brand-purple);transition:transform .5s ease}.btn-navigation-swap:hover .sync-icon{transform:rotate(180deg)}.page-footer{margin-top:64px;display:flex;flex-direction:column;align-items:center;gap:32px}.footer-link{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--color-text-gray-400);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-text-white)}.store-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;opacity:.3;filter:grayscale(100%);transition:all .2s ease;cursor:not-allowed}.store-links:hover{opacity:1;filter:grayscale(0%)}.store-btn{display:flex;align-items:center;background:transparent;border:1px solid var(--color-white-opacity-20);padding:8px 16px;border-radius:12px;gap:8px}.store-icon{width:20px;height:20px}.store-text{font-size:10px;display:flex;flex-direction:column;align-items:flex-start;line-height:1;font-weight:700;text-transform:uppercase}.store-sub{font-size:6px;margin-bottom:2px}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-box{padding:24px}}@media (min-width: 1024px){.site-header{padding-left:48px;padding-right:48px}.hero-title{font-size:96px}.mobile-break{display:none}.hero-subtext p{font-size:20px}.dashboard-grid-layout{grid-template-columns:repeat(2,1fr);max-width:var(--max-width-container)}.widget-card{padding:40px}}
