:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--dark-bg: #121212;--card-bg: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-radius: 12px;--box-shadow: 0 8px 32px rgba(0, 0, 0, .3);--transition: all .3s ease}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--dark-bg);color:var(--text-primary);min-height:100vh;background:linear-gradient(135deg,#121212,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.logo-container{display:flex;justify-content:center;align-items:center}.logo{font-size:1.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.logo-text{font-weight:800}.logo-moon{font-weight:300}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.header-left,.header-center,.header-right{display:flex;align-items:center}.wallet-info{display:flex;align-items:center;gap:.5rem}.wallet-address{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-family:monospace}.connect-btn,.disconnect-btn,.claim-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:var(--transition)}.connect-btn:hover,.disconnect-btn:hover,.claim-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.disconnect-btn{background:var(--secondary-gradient)}.claim-btn:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}.points-display{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem 1rem;border-radius:20px}.points-label{font-weight:600}.points-value{font-weight:700;font-size:1.1rem;color:#43e97b}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.app-title h1{font-size:3rem;margin-bottom:.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-description{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin-bottom:3rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1000px}.tool-card{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow);border-color:#fff3}.tool-card:hover:disabled{transform:none;box-shadow:none;border-color:#ffffff1a}.tool-card:disabled{opacity:.5;cursor:not-allowed}.tool-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.tool-card p{color:var(--text-secondary);margin-bottom:1rem}.tool-icon{font-size:2.5rem;margin-top:auto}.tool-icon.small{font-size:2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#1e1e1e;border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fff}.form-group input,.form-group textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.form-group textarea{min-height:100px;resize:vertical}.form-footer{margin-top:2rem}.fee-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;text-align:center}.submit-btn{width:100%;padding:1rem;background:var(--primary-gradient);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.submit-btn:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none}.error-message{color:#f5576c;margin-top:.5rem;font-size:.9rem}.status-message{padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:500}.status-message.info,.status-message.success{background:#43e97b33;border:1px solid rgba(67,233,123,.3);color:#43e97b}.status-message.error{background:#f5576c33;border:1px solid rgba(245,87,108,.3);color:#f5576c}@media (max-width: 768px){.app-header{padding:1rem;flex-direction:column;gap:1rem}.header-center{order:-1;margin-bottom:1rem}.app-main{padding:1rem}.app-title h1{font-size:2rem}.app-description{font-size:1rem}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card{padding:1.2rem}.tool-card h3{font-size:1.2rem}}