*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #14141f;--accent: #6366f1;--accent-hover: #818cf8;--accent2: #06b6d4;--text: #f1f1f1;--text-muted: #888;--radius: 12px}html{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body{min-height:100dvh;display:flex;justify-content:center}#app{width:100%;max-width:520px;padding:0 16px 40px}header{text-align:center;padding:24px 0 16px}header h1{font-size:1.5rem;font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header p{color:var(--text-muted);font-size:.8rem;margin-top:4px}.lang-switch{margin-top:8px;padding:4px 12px;border:1px solid #333;border-radius:16px;background:transparent;color:var(--text-muted);font-size:.7rem;cursor:pointer}.lang-switch:hover{border-color:var(--accent);color:var(--text)}.landing{text-align:center;padding:40px 0}.landing h2{font-size:1.3rem;margin-bottom:8px}.landing p{color:var(--text-muted);font-size:.85rem;line-height:1.6;margin-bottom:24px}.landing .features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;text-align:left}.feature-item{background:var(--surface);border-radius:var(--radius);padding:14px 16px;display:flex;gap:12px;align-items:center}.feature-icon{font-size:1.4rem;flex-shrink:0}.feature-text{font-size:.82rem;color:var(--text-muted)}.feature-text strong{color:var(--text);display:block;margin-bottom:2px}.search-bar{display:flex;gap:8px;margin:20px 0}.search-bar input{flex:1;padding:12px 16px;border:1px solid #333;border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem;outline:none}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:#555}.search-bar button{padding:12px 20px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.search-bar button:hover{background:var(--accent-hover)}.btn-connect{width:100%;padding:16px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s}.btn-connect:hover{opacity:.9}.btn-secondary{width:100%;padding:12px;border:1px solid #333;border-radius:var(--radius);background:transparent;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;margin-top:12px}.btn-secondary:hover{border-color:var(--accent)}.profile{text-align:center;padding:20px 0}.profile-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent);margin:0 auto 16px;object-fit:cover;background:var(--surface)}.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent);margin:0 auto 16px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.profile-name{font-size:1.4rem;font-weight:800}.profile-address{font-size:.72rem;color:var(--text-muted);font-family:monospace;margin-top:4px;word-break:break-all}.profile-bio{color:var(--text-muted);font-size:.85rem;margin-top:12px;line-height:1.5}.social-links{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #333;border-radius:20px;background:var(--surface);color:var(--text);font-size:.78rem;font-weight:600;text-decoration:none;transition:border-color .15s}.social-link:hover{border-color:var(--accent)}.custom-links{margin-top:20px;display:flex;flex-direction:column;gap:8px}.custom-link{display:block;padding:14px 20px;background:var(--surface);border:1px solid #333;border-radius:var(--radius);text-align:center;color:var(--text);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .15s}.custom-link:hover{border-color:var(--accent);background:#1a1a2e}.website-link{display:block;margin-top:16px;padding:14px 20px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:var(--radius);text-align:center;color:#fff;font-weight:700;font-size:.9rem;text-decoration:none}.hosting-info{margin-top:20px;background:var(--surface);border:1px solid #333;border-radius:var(--radius);padding:14px 16px;text-align:left}.hosting-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent2);margin-bottom:6px}.hosting-hash{font-size:.7rem;color:var(--text-muted);font-family:monospace;word-break:break-all;margin-bottom:10px}.hosting-link{display:inline-block;padding:6px 14px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:.75rem;font-weight:600;text-decoration:none;margin-right:6px;margin-bottom:4px}.hosting-link:hover{background:var(--accent);color:#fff}.hosting-link-alt{border-color:var(--accent2);color:var(--accent2)}.hosting-link-alt:hover{background:var(--accent2);color:#000}.edit-section{background:var(--surface);border-radius:var(--radius);padding:20px;margin:16px 0}.edit-section h3{font-size:.95rem;margin-bottom:16px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.form-row input,.form-row textarea{width:100%;padding:10px 14px;border:1px solid #333;border-radius:8px;background:var(--bg);color:var(--text);font-size:.85rem;outline:none}.form-row input:focus,.form-row textarea:focus{border-color:var(--accent)}.form-row textarea{resize:vertical;min-height:60px}.btn-save{width:100%;padding:14px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;margin-top:8px}.btn-save:hover{background:var(--accent-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.dashboard-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:var(--radius);padding:12px 16px;margin:16px 0}.dashboard-bar .ens-name{flex:1;font-size:.9rem;font-weight:700}.dashboard-bar .address{font-size:.7rem;color:var(--text-muted);font-family:monospace}.dashboard-bar button{font-size:.75rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.status{text-align:center;padding:40px 20px;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid #333;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.status.error{color:#ef4444}.tabs{display:flex;gap:4px;margin:16px 0}.tab-btn{flex:1;padding:10px;border:1px solid #333;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}footer{text-align:center;padding:24px 0;color:var(--text-muted);font-size:.75rem}footer a{color:var(--accent);text-decoration:none;font-weight:600}.redirect-notice{text-align:center;padding:60px 20px;color:var(--text-muted)}.redirect-notice p{font-size:.85rem;margin-top:12px}.redirect-notice a{color:var(--accent)}