/* HTML ownership cleanup.
   Static style= attributes extracted from html/*.html so pages own structure/content only.
   Follow-up CSS cleanup can consolidate these generated classes into semantic selectors. */

.html-own-001 { display: flex; align-items: center; gap: 1rem; }
.html-own-002 { display: flex; align-items: center; gap: 1.5rem; }

.html-own-004 { padding: 4rem 2rem; background: #000; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 4rem; }
.html-own-005 { max-width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between; }
.html-own-006 { flex: 1; min-width: 250px; }
.html-own-007 { display:flex; align-items:center; gap:0.5rem; margin-bottom:1rem; }
.html-own-008 { font-size:1.2rem; }
.html-own-009 { color: #92a2bd; font-size: 0.9rem; max-width: 300px; }
.html-own-010 { flex: 2; display: flex; flex-wrap: wrap; gap: 2rem; }
.html-own-011 { display:flex; flex-direction:column; gap:0.5rem; }
.html-own-012 { color:#fff; margin-bottom:0.5rem; }
.html-own-013 { color:#bec9e0; text-decoration:none; font-size:0.9rem; }
.html-own-014 { vertical-align:middle;margin-right:4px; }
.html-own-015 { background: rgba(255,255,255,0.05); padding: 1rem; border-radius: 8px; margin: 2rem 0; }
.html-own-016 { margin-top: 4rem; padding: 2rem; background: rgba(255,255,255,0.03); border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); }
.html-own-017 { margin-top: 1rem; }
.html-own-018 { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 1rem; }
.html-own-019 { margin-top:2rem; font-weight:bold; color:#ff2d66; }
.html-own-020 { padding-top: 100px; padding-bottom: calc(120px + env(safe-area-inset-bottom)); }
.html-own-021 { text-align: center; }
.html-own-022 { color: #ff2b6f; letter-spacing: 2px; font-weight: 700; }
.html-own-023 { color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto; font-size: 1.1rem; }
.html-own-024 { font-weight: 700; color: #fff; margin-bottom: 0.5rem; padding-left: 1rem; }
.html-own-025 { margin-top: 4rem; text-align: center; }
.html-own-026 { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 700; color: #fff; }
.html-own-027 { font-size: 1rem; color: rgba(255,255,255,0.7); line-height: 1.5; margin-bottom: 0.5rem; }
.html-own-028 { font-size: 0.95rem; color: rgba(255,255,255,0.5); line-height: 1.5; margin-bottom: 2rem; }

.html-own-030 { padding-top: 10px; padding-bottom: 40px; }
.html-own-031 { text-align: center; margin-bottom: 1.5rem; }
.html-own-032 { color: rgba(255,255,255,0.7); max-width: 600px; margin: 0 auto 0.5rem; font-size: 1.1rem; }
.html-own-033 { color: rgba(255,255,255,0.5); font-size: 0.9rem; max-width: 600px; margin: 0 auto 1.5rem; }
.html-own-034 { vertical-align: middle; margin-top: -2px; margin-right: 4px; }
.html-own-035 { display: inline-block; color: rgba(255,255,255,0.5); text-decoration: none; font-size: 0.95rem; padding: 0.5rem 1rem; border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; transition: all 200ms ease; }
.html-own-036 { width: min(100% - 32px, 720px); margin: 0 auto; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 2.5rem 2rem; }
.html-own-037 { max-width: 500px; margin: 0 auto; }
.html-own-038 { margin-bottom: 2rem; }
.html-own-039 { display: block; }
.html-own-040 { margin-bottom: 1.5rem; }
.html-own-041 { display: block; margin-bottom: 0.5rem; font-weight: 600; color: #fff; }
.html-own-042 { width: 100%; }
.html-own-043 { width: 100%; margin-bottom: 1.5rem; }
.html-own-044 { color: rgba(255,255,255,0.5); font-size: 0.85rem; text-align: center; margin: 0; }
.html-own-045 { display: none; text-align: center; padding: 2rem 0; }
.html-own-046 { margin-bottom: 1rem; }
.html-own-047 { color: rgba(255,255,255,0.7); font-size: 1rem; margin-bottom: 2rem; }
.html-own-048 { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); }
.html-own-049 { color: #ff2b6f; font-size: 0.8rem; letter-spacing: 1px; font-weight: 700; margin-bottom: 1rem; }
.html-own-050 { display: none; text-align: center; }
.html-own-051 { color: rgba(255,255,255,0.7); font-size: 0.95rem; margin-bottom: 2rem; }
.html-own-052 { border: 0; height: 1px; background: rgba(255,255,255,0.1); margin: 3rem 0; }
.html-own-053 { font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 1rem; }
.html-own-054 { color: rgba(255,255,255,0.7); font-size: 0.95rem; max-width: 500px; margin: 0 auto 2rem; line-height: 1.5; }
.html-own-055 { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.html-own-056 { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); padding: 0.75rem 1.25rem; border-radius: 20px; }
.html-own-057 { color: #fff; font-weight: 600; font-size: 0.9rem; margin: 0; }
.html-own-058 { background: rgba(255,255,255,0.02); border: 1px dashed rgba(255,255,255,0.1); padding: 0.75rem 1.25rem; border-radius: 20px; }
.html-own-059 { color: rgba(255,255,255,0.5); font-weight: 600; font-size: 0.9rem; margin: 0; }
.html-own-060 { font-size: 0.75rem; font-weight: normal; margin-left: 0.25rem; }
.html-own-061 { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; text-align: center; }
.html-own-062 { font-weight: 600; color: #fff; font-size: 1rem; margin-bottom: 0.75rem; }
.html-own-063 { min-width: 240px; }
.html-own-064 { padding-top: 100px; padding-bottom: 4rem; }
.html-own-065 { color: rgba(255,255,255,0.5); font-size: 0.9rem; max-width: 600px; margin: 0 auto; }
.html-own-066 { max-width: 1000px; margin-left: auto; margin-right: auto; }
.html-own-067 { border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1rem; margin-bottom: 1.5rem; }
.html-own-068 { font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 0.25rem; }
.html-own-069 { color: rgba(255,255,255,0.5); font-size: 0.95rem; margin-bottom: 0.5rem; }
.html-own-070 { display: inline-block; background: rgba(255,255,255,0.1); padding: 0.25rem 0.75rem; border-radius: 12px; font-size: 0.8rem; font-weight: 600; color: #fff; }
.html-own-071 { display: none; background: rgba(255, 43, 111, 0.1); border: 1px solid rgba(255, 43, 111, 0.4); border-radius: 12px; padding: 1rem; margin-bottom: 2rem; color: #ff2b6f; font-size: 0.95rem; font-weight: 600; }
.html-own-072 { display: block; font-weight: 600; color: #fff; font-size: 1rem; }
.html-own-073 { display: none; margin-top: 0.75rem; font-size: 0.85rem; color: #ff2b6f; font-weight: 600; padding: 0.5rem; background: rgba(255, 43, 111, 0.1); border-left: 2px solid #ff2b6f; border-radius: 4px; }
.html-own-074 { display: none; margin-top: 0.75rem; font-size: 0.85rem; color: #ffab40; font-weight: 600; padding: 0.5rem; background: rgba(255, 171, 64, 0.1); border-left: 2px solid #ffab40; border-radius: 4px; }
.html-own-075 { margin-bottom: 2.5rem; }
.html-own-076 { display: none; margin-top: 0.75rem; font-size: 0.85rem; color: #00ff64; font-weight: 600; padding: 0.5rem; background: rgba(0, 255, 100, 0.1); border-left: 2px solid #00ff64; border-radius: 4px; }
.html-own-077 { width: 100%; opacity: 0.5; cursor: not-allowed; }
.html-own-078 { text-align: center; margin-top: 1.5rem; }
.html-own-079 { color: rgba(255,255,255,0.7); text-decoration: none; font-size: 0.9rem; }
.html-own-080 { text-decoration: underline; }
.html-own-081 { background: none; border: none; color: rgba(255,255,255,0.5); font-size: 0.9rem; padding: 0; cursor: pointer; margin-bottom: 1rem; font-weight: 500; }
.html-own-082 { display: inline-block; background: rgba(255, 255, 255, 0.1); padding: 0.25rem 0.75rem; border-radius: 12px; font-size: 0.8rem; font-weight: 600; color: #fff; }
.html-own-083 { display: block; margin-top: 0.5rem; font-size: 0.8rem; color: rgba(255,255,255,0.5); }
.html-own-084 { width: 100%; appearance: none; background: rgba(0,0,0,0.4); color: #fff; }
.html-own-085 { text-align: center; padding: 4rem 2rem; }
.html-own-086 { margin-bottom: 1rem; color: #fff; }
.html-own-087 { color: rgba(255,255,255,0.7); font-size: 1.1rem; margin-bottom: 1rem; }
.html-own-088 { color: rgba(255,255,255,0.7); font-size: 1.1rem; margin-bottom: 2.5rem; }
.html-own-089 { display: flex; flex-direction: column; gap: 1rem; align-items: center; }
.html-own-090 { width: 100%; max-width: 300px; }
.html-own-091 { background: none; border: none; color: rgba(255,255,255,0.5); font-size: 0.9rem; cursor: pointer; text-decoration: underline; margin-top: 0.5rem; }
.html-own-092 { display: none; text-align: center; padding: 4rem 2rem; }
.html-own-093 { color: rgba(255,255,255,0.7); font-size: 1.1rem; margin-bottom: 0.5rem; }
.html-own-094 { color: rgba(255,255,255,0.7); font-size: 1.1rem; margin-bottom: 2rem; }
.html-own-095 { margin-bottom: 1rem; color: #ffab40; }
.html-own-096 { color: rgba(255,255,255,0.9); font-size: 1.1rem; margin-bottom: 1rem; }
.html-own-097 { background: rgba(255, 43, 111, 0.1); border: 1px solid rgba(255, 43, 111, 0.2); border-radius: 12px; padding: 1rem; margin-bottom: 2rem; }
.html-own-098 { color: rgba(255,255,255,0.9); font-size: 0.95rem; margin: 0; }
.html-own-099 { color: #ff2b6f; font-weight: 600; text-decoration: none; margin-top: 0.25rem; display: inline-block; }
.html-own-100 { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-bottom: 1.5rem; }
.html-own-101 { list-style: none; padding: 0; margin: 0; color: rgba(255,255,255,0.85); display: flex; flex-direction: column; gap: 0.75rem; }
.html-own-102 { color: #ff2b6f; margin-right: 0.5rem; }
.html-own-103 { margin-bottom: 1rem; color: #fff; font-size: 1rem; }
.html-own-104 { font-size: 0.85rem; color: rgba(255,255,255,0.5); line-height: 1.4; }
.html-own-105 { margin-bottom: 1.25rem; }
.html-own-106 { color: #ff2b6f; font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 0.5rem 0; display: flex; align-items: center; gap: 0.5rem; }
.html-own-107 { color: #fff; font-size: 1.85rem; font-weight: 800; margin: 0; }
.html-own-108 { color: rgba(255,255,255,0.7); font-size: 0.95rem; margin-bottom: 1rem; line-height: 1.6; }
.html-own-109 { color: rgba(255,255,255,0.7); font-size: 0.95rem; margin-bottom: 1.5rem; line-height: 1.6; }
.html-own-110 { color: #fff; font-size: 0.95rem; font-weight: 700; margin-bottom: 0.75rem; }
.html-own-111 { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.html-own-112 { display: flex; align-items: center; gap: 0.75rem; color: #fff; font-size: 0.9rem; font-weight: 600; }
.html-own-113 { display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.5); font-size: 0.9rem; }
.html-own-114 { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; box-sizing: border-box; }
.html-own-115 { display: flex; align-items: center; gap: 0.75rem; color: rgba(255,255,255,0.4); font-size: 0.9rem; }
.html-own-116 { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,0.2); border-radius: 50%; box-sizing: border-box; }
.html-own-117 { display: flex; align-items: start; gap: 0.75rem; margin-bottom: 2rem; }
.html-own-118 { flex-shrink: 0; margin-top: 3px; }
.html-own-119 { color: rgba(255,255,255,0.6); font-size: 0.85rem; margin: 0; line-height: 1.5; }
.html-own-120 { color: #fff; }
.html-own-121 { display: flex; flex-direction: column; gap: 1.25rem; }
.html-own-122 { width: 100%; padding: 0.85rem; font-size: 1rem; font-weight: 700; border-radius: 24px; }
.html-own-123 { width: 100%; border: none; background: transparent; color: #fff; font-weight: 700; font-size: 0.9rem; cursor: pointer; padding: 0.5rem; }
.html-own-124 { display: none; width: 100%; text-align: left; }
.html-own-125 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.html-own-126 { margin: 0; }
.html-own-127 { background: none; border: none; color: rgba(255,255,255,0.5); cursor: pointer; font-size: 0.9rem; }
.html-own-128 { background: none; border: none; color: rgba(255,255,255,0.7); cursor: pointer; font-size: 0.95rem; text-decoration: underline; }
.html-own-129 { display: none; text-align: center; padding: 1rem 0; }
.html-own-130 { color: rgba(255,255,255,0.7); margin-top: 1rem; }
.html-own-131 { margin-top: 1.5rem; text-align: center; }
.html-own-132 { width: 100%; min-height: 44px; background: rgba(255, 184, 108, 0.1); border: 1px dashed rgba(255, 184, 108, 0.6); color: #ffb86c; border-radius: 999px; font-weight: 700; font-size: 0.9rem; cursor: pointer; }
.html-own-133 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem 2rem; text-align: left; color: rgba(255,255,255,0.8); font-size: 0.9rem; margin-bottom: 2rem; padding: 0; list-style-position: inside; }
.html-own-134 { margin-top:0.5rem; margin-bottom:1rem; color:rgba(255,255,255,0.7); }
.html-own-135 { background: rgba(255,255,255,0.05); border: 1px dashed rgba(255,255,255,0.15); border-radius: 8px; padding: 1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; font-family: monospace; color: #bdfbdc; text-align: center; }
.html-own-136 { grid-column: span 2; }
.html-own-137 { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; max-height: 300px; overflow-y: auto; }
.html-own-138 { grid-template-columns: 1fr; }
.html-own-139 { color: var(--danger, #ff2d66); }
.html-own-140 { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; }
.html-own-141 { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; color: rgba(255,255,255,0.8); font-family: monospace; }
.html-own-142 { color: white; }
.html-own-143 { margin-bottom:1rem; color:rgba(255,255,255,0.7); }
.html-own-144 { display: none; }
.html-own-145 { margin-top:0.1rem; }
.html-own-146 { background: rgba(255, 43, 111, 0.1); border-color: rgba(255, 43, 111, 0.2); color: #ff2b6f; }
.html-own-147 { display:block; color:#fff; letter-spacing:normal; text-transform:none; margin-bottom:0.25rem; }
.html-own-148 { margin-top: 0.65rem; width: fit-content; }
.html-own-149 { margin-top: 0.75rem; }
.html-own-150 { display:inline-flex; width:auto; }
.html-own-151 { background: rgba(0,0,0,0.5); padding: 1rem; border-radius: 8px; font-family: monospace; letter-spacing: 1px; color: #ffb86c; margin-top: 1rem; text-align: left; font-size: 1rem; }
.html-own-152 { display: grid; gap: 0.75rem; max-height: 360px; overflow-y: auto; }
.html-own-153 { display: flex; flex-direction: column; gap: 1rem; }
.html-own-154 { color: rgba(255,255,255,0.5); font-size: 0.85rem; }
.html-own-155 { color:#ff2b6f; margin-left: 0.5rem; text-decoration: none; }
.html-own-156 { color:#00c853; }
.html-own-157 { font-size: 0.8rem; text-align: center; }
.html-own-158 { background: rgba(255, 60, 60, 0.15); color: #ff3c3c; border: 1px solid rgba(255, 60, 60, 0.3); }
.html-own-159 { color: rgba(255,255,255,0.7); margin-left: 1.5rem; margin-bottom: 1.5rem; }
.html-own-160 { display: block; font-size: 0.9rem; color: rgba(255,255,255,0.7); margin-bottom: 0.5rem; }
.html-own-161 { width: 100%; border-color: rgba(255,60,60,0.3); }
.html-own-162 { background: rgba(255, 60, 60, 0.15); color: #ff3c3c; border: 1px solid rgba(255, 60, 60, 0.3); opacity: 0.5; cursor: not-allowed; }
.html-own-163 { padding: 2.25rem 2rem 2rem; background: #000; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 1.5rem; }
.html-own-164 { padding-top: 100px; }
.html-own-165 { color: rgba(255,255,255,0.7); max-width: 500px; margin: 0 auto 2rem; }
.html-own-166 { color: #ff2d66; font-weight: bold; }
.html-own-167 { padding-top: 60px; }
.html-own-168 { margin-top: 0.5rem; font-size: 0.95rem; color: rgba(255, 255, 255, 0.5); }
.html-own-169 { max-width: 480px; margin: 0 auto; text-align: left; }
.html-own-170 { font-size: 0.9rem; color: rgba(255,255,255,0.7); margin-bottom: 1rem; }
.html-own-171 { margin-bottom: 0; }
.html-own-172 { min-height: 44px; padding: 0 16px; font-size: 0.9rem; }
.html-own-173 { font-size: 0.8rem; color: rgba(255,255,255,0.4); margin-top: 0.75rem; line-height: 1.4; }
.html-own-174 { width: 100%; margin-top: 1.5rem; }
.html-own-175 { color: rgba(255,255,255,0.7); font-size: 0.95rem; }
.html-own-176 { color: rgba(255,255,255,0.7); margin-top: 1rem; line-height: 1.5; }
.html-own-177 { margin-top: 2rem; }
.html-own-178 { padding: 1rem; border-left: 4px solid #ff2d66; background: rgba(255,45,102,0.1); margin: 2rem 0; }
.html-own-179 { display:flex; flex-direction:column; gap:1rem; max-width:600px; }
.html-own-180 { display:block; margin-bottom:0.5rem; color:#bec9e0; }
.html-own-181 { width:100%; padding:0.75rem; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.2); border-radius:8px; color:#fff; }

.is-passkey-ready {
  background: transparent;
  border-color: #ff2b6f;
  color: #ff2b6f;
  pointer-events: none;
}

.is-passkey-skipped {
  padding: 1rem;
}

.signup-passkey-skip-note {
  font-size: 0.95rem;
  color: #ffb86c;
  margin: 0;
}