.app{background:#f5f5f5;min-height:100vh}.top-header{background:#fff;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;position:relative}.header-left{display:flex;align-items:center;gap:40px}.header-center{flex:1;display:flex;justify-content:flex-end;align-items:center}.logo-img{height:40px;width:41px}.nav-menu{display:flex;gap:30px;align-items:center}.nav-link{color:#666;text-decoration:none;font-size:15px;font-weight:500;transition:color .2s}.nav-link:hover{color:#1a1a1a}.nav-link.active{color:#1a1a1a;font-weight:600}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn svg{width:24px;height:24px;color:#4a4a4a}.mobile-menu{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:0 0 0 8px;min-width:200px;z-index:1000}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:15px 20px;color:#666;text-decoration:none;font-size:15px;font-weight:500;border-bottom:1px solid #f0f0f0}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{background:#f9f9f9;color:#1a1a1a}.mobile-menu a.active{color:#1a1a1a;font-weight:600;background:#f9f9f9}.wallet-menu{display:flex;align-items:center;gap:15px}.wallet-address{font-size:14px;color:#666;font-weight:500}.btn-disconnect-text{display:inline}.btn-disconnect-icon{display:none;width:20px;height:20px;color:#4a4a4a}.container{max-width:600px;margin:40px auto;padding:20px}.card{background:#fff;border-radius:16px;padding:35px 40px;box-shadow:0 4px 12px #0000001a}.card-title{font-size:26px;color:#1a1a1a;margin-bottom:25px;text-align:center;font-weight:600}.info-message{padding:20px;background:#f0f0f0;border-radius:8px;text-align:center;color:#666;font-size:15px}.message{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:14px;font-weight:500;text-align:center}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.promo-form{display:flex;flex-direction:column;gap:16px}.promo-input{width:100%;padding:15px 20px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;text-align:center;font-weight:500;transition:border-color .2s}.promo-input:focus{outline:none;border-color:#fcd144}.promo-input:disabled{background:#f9f9f9;cursor:not-allowed}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-connect{background:#fcd144;color:#1a1a1a}.btn-connect-text-full{display:inline}.btn-connect-text-short{display:none}.btn-connect:hover:not(:disabled){background:#e5bc3a;transform:translateY(-1px)}.btn-disconnect{background:#f0f0f0;color:#4a4a4a;padding:10px 20px;font-size:14px}.btn-disconnect:hover{background:#e5e5e5}.btn-claim{background:#fcd144;color:#1a1a1a;padding:15px;font-size:17px}.btn-claim:hover:not(:disabled){background:#e5bc3a;transform:translateY(-2px);box-shadow:0 6px 20px #fcd1444d}.balance-box{margin-top:25px;padding:25px;background:#f0fdf4;border:2px solid #86efac;border-radius:12px;text-align:center;cursor:pointer;transition:transform .2s}.balance-box:hover{transform:translateY(-2px)}.balance-box:active{transform:translateY(0)}.balance-box.balance-loading{opacity:.7}.balance-value{font-size:42px;font-weight:700;color:#16a34a;margin-bottom:6px;display:flex;align-items:center;justify-content:center}.balance-label{font-size:16px;color:#166534;font-weight:500}.balance-spinner{animation:spin 1s linear infinite;color:#16a34a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.how-it-works-section{max-width:800px;margin:40px auto;padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a}.how-it-works-section h2{font-size:32px;margin-bottom:30px;color:#1a1a1a}.how-it-works-section h3{font-size:24px;margin-top:30px;margin-bottom:15px;color:#1a1a1a}.token-address-box{background:#f9f9f9;padding:20px;border-radius:8px;margin:20px 0;border:2px solid #e0e0e0}.token-address-box p{margin:10px 0;font-size:14px;color:#666}.token-address-box strong{color:#1a1a1a;font-weight:600}.token-address{font-family:monospace;background:#fff;padding:10px;border-radius:6px;word-break:break-all;font-size:13px;border:1px solid #ddd;margin-top:5px}.instruction-steps{margin:20px 0}.instruction-steps ol{padding-left:20px}.instruction-steps li{margin:15px 0;line-height:1.6;color:#333}.promo-ways{display:grid;gap:30px;margin:30px 0}.promo-way-card{background:#f9f9f9;padding:30px;border-radius:12px;border:2px solid #e0e0e0;transition:transform .2s,border-color .2s}.promo-way-card:hover{transform:translateY(-4px);border-color:#fcd144}.promo-way-icon{font-size:48px;margin-bottom:15px}.promo-way-card h3{font-size:22px;color:#1a1a1a;margin-bottom:15px}.promo-way-card p{font-size:15px;color:#666;line-height:1.6;margin-bottom:15px}.promo-way-card ul{list-style:none;padding-left:0;margin:15px 0}.promo-way-card ul li{padding:8px 0 8px 25px;position:relative;color:#333;font-size:14px;line-height:1.5}.promo-way-card ul li:before{content:"✓";position:absolute;left:0;color:#16a34a;font-weight:700}.promo-tip{background:#fff3cd;padding:12px 15px;border-radius:8px;border-left:4px solid #FCD144;font-size:14px!important;color:#856404!important;margin-top:15px!important}.cta-section{background:linear-gradient(135deg,#fcd144,#f0a500);padding:40px;border-radius:12px;text-align:center;margin-top:40px}.cta-section h3{color:#1a1a1a;font-size:28px;margin-bottom:15px}.cta-section p{color:#333;font-size:16px;margin:0}@media (max-width: 768px){.nav-menu{gap:15px}.nav-link{font-size:14px}.how-it-works-section{padding:30px 20px}.promo-way-card{padding:20px}.promo-way-icon{font-size:36px}.promo-way-card h3{font-size:20px}.cta-section{padding:30px 20px}.cta-section h3{font-size:22px}}@media (max-width: 600px){.top-header{padding:15px 20px}.header-left{gap:0}.header-center{position:absolute;left:50%;transform:translate(-50%)}.nav-menu{display:none}.mobile-menu-btn{display:block;position:absolute;right:20px}.container{margin:30px auto;padding:15px}.card{padding:25px 20px}.card-title{font-size:22px;margin-bottom:20px}.balance-value{font-size:36px}.balance-box{padding:20px;margin-top:20px}.btn-connect-text-full{display:none}.btn-connect-text-short{display:inline}.btn-disconnect{padding:10px;min-width:40px;background:#f0f0f0}.btn-disconnect:hover{background:#e5e5e5}.btn-disconnect-text{display:none}.btn-disconnect-icon{display:inline-block}.wallet-address{font-size:12px}.how-it-works-section h2{font-size:24px}.how-it-works-section h3{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}