@yukioa2z/visa-apply 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,601 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <title>{{TITLE}}</title>
7
+ <style>
8
+ :root {
9
+ --bg: #f7f6f3;
10
+ --paper: #ffffff;
11
+ --ink: #2f3437;
12
+ --muted: #6f767a;
13
+ --line: #e7e4dd;
14
+ --soft: #f1f0eb;
15
+ --accent: #276ef1;
16
+ --green: #0f7b6c;
17
+ --yellow: #b07800;
18
+ --red: #c83f49;
19
+ --shadow: 0 18px 60px rgba(39, 38, 34, 0.08);
20
+ }
21
+
22
+ * { box-sizing: border-box; }
23
+
24
+ body {
25
+ margin: 0;
26
+ background: var(--bg);
27
+ color: var(--ink);
28
+ font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
29
+ }
30
+
31
+ a { color: var(--accent); text-decoration: none; overflow-wrap: anywhere; }
32
+ a:hover { text-decoration: underline; }
33
+
34
+ .page {
35
+ max-width: 1120px;
36
+ margin: 0 auto;
37
+ padding: 52px 24px 88px;
38
+ }
39
+
40
+ .hero { margin-bottom: 28px; }
41
+
42
+ .eyebrow {
43
+ color: var(--muted);
44
+ font-size: 13px;
45
+ font-weight: 650;
46
+ margin-bottom: 10px;
47
+ }
48
+
49
+ h1 {
50
+ margin: 0 0 12px;
51
+ font-size: clamp(34px, 6vw, 58px);
52
+ line-height: 1.03;
53
+ letter-spacing: 0;
54
+ }
55
+
56
+ .subtitle {
57
+ max-width: 780px;
58
+ color: var(--muted);
59
+ font-size: 17px;
60
+ margin: 0;
61
+ }
62
+
63
+ .notice {
64
+ background: #fffaf0;
65
+ border: 1px solid #f0dfb4;
66
+ border-radius: 8px;
67
+ padding: 14px 16px;
68
+ color: #5b4617;
69
+ margin: 22px 0;
70
+ }
71
+
72
+ .layout {
73
+ display: grid;
74
+ grid-template-columns: minmax(0, 1fr) 320px;
75
+ gap: 22px;
76
+ align-items: start;
77
+ margin-top: 22px;
78
+ }
79
+
80
+ .stack { display: grid; gap: 14px; }
81
+
82
+ .card {
83
+ background: var(--paper);
84
+ border: 1px solid var(--line);
85
+ border-radius: 8px;
86
+ box-shadow: var(--shadow);
87
+ padding: 20px;
88
+ }
89
+
90
+ .section-title {
91
+ display: flex;
92
+ align-items: center;
93
+ gap: 10px;
94
+ margin: 0 0 12px;
95
+ font-size: 20px;
96
+ line-height: 1.2;
97
+ }
98
+
99
+ .section-title .icon {
100
+ width: 28px;
101
+ height: 28px;
102
+ display: inline-grid;
103
+ place-items: center;
104
+ flex: 0 0 auto;
105
+ border-radius: 6px;
106
+ background: var(--soft);
107
+ color: var(--muted);
108
+ font-size: 14px;
109
+ }
110
+
111
+ .small {
112
+ color: var(--muted);
113
+ font-size: 13px;
114
+ margin: 0;
115
+ }
116
+
117
+ .progress-meta,
118
+ .preview-grid,
119
+ .field-grid {
120
+ display: grid;
121
+ grid-template-columns: repeat(2, minmax(0, 1fr));
122
+ gap: 10px;
123
+ margin-top: 12px;
124
+ }
125
+
126
+ .progress-meta { grid-template-columns: repeat(4, minmax(0, 1fr)); }
127
+
128
+ .meta-item,
129
+ .preview-item,
130
+ .field {
131
+ border: 1px solid var(--line);
132
+ border-radius: 8px;
133
+ background: #fbfbfa;
134
+ padding: 11px 12px;
135
+ min-height: 68px;
136
+ overflow-wrap: anywhere;
137
+ }
138
+
139
+ .meta-item b,
140
+ .preview-item b,
141
+ .field b {
142
+ display: block;
143
+ color: var(--muted);
144
+ font-size: 12px;
145
+ margin-bottom: 5px;
146
+ font-weight: 650;
147
+ }
148
+
149
+ .placeholder { color: #98938b; }
150
+
151
+ .progress-meter {
152
+ height: 8px;
153
+ border-radius: 999px;
154
+ background: var(--soft);
155
+ margin: 20px 0 14px;
156
+ overflow: hidden;
157
+ border: 1px solid var(--line);
158
+ }
159
+
160
+ .progress-meter span {
161
+ display: block;
162
+ width: var(--progress, 0%);
163
+ height: 100%;
164
+ background: linear-gradient(90deg, var(--green), var(--accent));
165
+ border-radius: inherit;
166
+ }
167
+
168
+ .checkpoint-row {
169
+ display: grid;
170
+ grid-template-columns: repeat(4, minmax(0, 1fr));
171
+ gap: 10px;
172
+ }
173
+
174
+ .checkpoint {
175
+ position: relative;
176
+ border: 1px solid var(--line);
177
+ border-radius: 8px;
178
+ background: #fbfbfa;
179
+ padding: 12px 12px 12px 36px;
180
+ min-height: 92px;
181
+ }
182
+
183
+ .checkpoint::before {
184
+ content: "";
185
+ position: absolute;
186
+ left: 12px;
187
+ top: 15px;
188
+ width: 13px;
189
+ height: 13px;
190
+ border-radius: 50%;
191
+ border: 2px solid #b6b0a6;
192
+ background: #fff;
193
+ }
194
+
195
+ .checkpoint.done::before { border-color: var(--green); background: var(--green); }
196
+ .checkpoint.active { border-color: #c9d8ff; background: #f5f8ff; }
197
+ .checkpoint.active::before {
198
+ border-color: var(--accent);
199
+ background: var(--accent);
200
+ box-shadow: 0 0 0 4px rgba(39, 110, 241, 0.12);
201
+ }
202
+
203
+ .checkpoint strong { display: block; margin-bottom: 4px; font-size: 14px; }
204
+ .checkpoint small { color: var(--muted); font-size: 12px; line-height: 1.45; display: block; }
205
+
206
+ .preview-section {
207
+ border-top: 1px solid var(--line);
208
+ padding-top: 16px;
209
+ margin-top: 16px;
210
+ }
211
+
212
+ .preview-section:first-of-type { border-top: 0; padding-top: 0; }
213
+
214
+ .preview-heading {
215
+ display: flex;
216
+ gap: 10px;
217
+ align-items: baseline;
218
+ margin-bottom: 8px;
219
+ }
220
+
221
+ .preview-index { color: var(--accent); font-weight: 750; font-size: 13px; }
222
+ .preview-heading h3 { margin: 0; font-size: 17px; }
223
+
224
+ .answer-log,
225
+ .todo-list,
226
+ .source-list,
227
+ .issue-list {
228
+ display: grid;
229
+ gap: 9px;
230
+ margin-top: 12px;
231
+ }
232
+
233
+ .answer,
234
+ .issue {
235
+ border-left: 4px solid var(--line);
236
+ background: #fbfbfa;
237
+ border-radius: 8px;
238
+ padding: 12px;
239
+ }
240
+
241
+ .issue { border-left-color: #edc86e; background: #fffaf0; }
242
+ .answer b, .issue b { display: block; margin-bottom: 4px; }
243
+
244
+ .todo {
245
+ display: grid;
246
+ grid-template-columns: 18px minmax(0, 1fr) auto;
247
+ gap: 10px;
248
+ align-items: start;
249
+ padding: 9px 0;
250
+ border-top: 1px solid var(--line);
251
+ }
252
+
253
+ .todo:first-child { border-top: 0; }
254
+
255
+ .box {
256
+ width: 16px;
257
+ height: 16px;
258
+ border: 1.5px solid #b6b0a6;
259
+ border-radius: 4px;
260
+ margin-top: 3px;
261
+ background: #fff;
262
+ }
263
+
264
+ .status {
265
+ white-space: nowrap;
266
+ color: var(--muted);
267
+ font-size: 12px;
268
+ padding: 2px 8px;
269
+ border: 1px solid var(--line);
270
+ border-radius: 999px;
271
+ background: var(--soft);
272
+ }
273
+
274
+ .status.done { color: #0c6155; border-color: #c9e7df; background: #edf8f5; }
275
+ .status.active { color: #173e85; border-color: #c9d8ff; background: #eef4ff; }
276
+ .status.blocked { color: #8e3a27; border-color: #efc6bb; background: #fff2ee; }
277
+
278
+ .source-item { border-top: 1px solid var(--line); padding-top: 10px; }
279
+ .source-item:first-child { border-top: 0; padding-top: 0; }
280
+
281
+ .pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
282
+ .pill {
283
+ border: 1px solid var(--line);
284
+ border-radius: 999px;
285
+ background: var(--soft);
286
+ color: var(--muted);
287
+ padding: 4px 10px;
288
+ font-size: 12px;
289
+ }
290
+
291
+ @media (max-width: 900px) {
292
+ .layout,
293
+ .progress-meta,
294
+ .checkpoint-row,
295
+ .preview-grid,
296
+ .field-grid { grid-template-columns: 1fr; }
297
+ .page { padding: 34px 16px 64px; }
298
+ }
299
+ </style>
300
+ </head>
301
+ <body>
302
+ <main class="page">
303
+ <header class="hero">
304
+ <div class="eyebrow">{{DESTINATION}} / {{VISA_TYPE}} / {{FORM_NAME}}</div>
305
+ <h1>{{TITLE}}</h1>
306
+ <p class="subtitle">A local working page for official-source research, final application values, supporting documents, raw answers, and progress. Use the final preview for form entry; keep collected answers as provenance.</p>
307
+ </header>
308
+
309
+ <div class="notice">
310
+ This page may contain passport, immigration, financial, family, health, and security information. It stays local on this machine and is never sent anywhere else. Official requirements can change; recheck the linked government sources before filing.
311
+ </div>
312
+
313
+ <article class="card" data-section="live-route-check">
314
+ <h2 class="section-title"><span class="icon">R</span>Live Visa Need And Entry Route Check</h2>
315
+ <p class="small">Resolve this before detailed form intake. A directory entry or cached source never proves that a visa is required or waived.</p>
316
+ <div class="preview-grid">
317
+ <div class="preview-item"><b>Current route verdict</b>{{ROUTE_VERDICT}}</div>
318
+ <div class="preview-item"><b>Decision basis</b>{{NATIONALITY}} / {{PASSPORT_TYPE}} issued by {{TRAVEL_DOCUMENT_ISSUER}}</div>
319
+ <div class="preview-item"><b>Arrival / duration / entries</b>{{ARRIVAL_DATE}} / {{TRIP_DURATION}} / {{ENTRY_COUNT}}</div>
320
+ <div class="preview-item"><b>Arrival mode / entry point</b>{{ARRIVAL_MODE}} / <span class="placeholder">entry point pending</span></div>
321
+ <div class="preview-item"><b>Transit / self-transfer</b>{{TRANSIT_ROUTE}}</div>
322
+ <div class="preview-item"><b>Existing visas / residence permits</b>{{EXISTING_ENTRY_RIGHTS}}</div>
323
+ <div class="preview-item"><b>Official rule source</b><a href="{{OFFICIAL_SOURCE_HREF}}">{{OFFICIAL_SOURCE_URL}}</a></div>
324
+ <div class="preview-item"><b>Live checked at</b>{{LIVE_CHECKED_AT}}</div>
325
+ <div class="preview-item"><b>Policy effective dates</b><span class="placeholder">Pending live verification</span></div>
326
+ <div class="preview-item"><b>Maximum stay / permitted activities</b><span class="placeholder">Pending live verification</span></div>
327
+ <div class="preview-item"><b>Entry conditions</b><span class="placeholder">Passport validity, onward travel, funds, insurance, accommodation, registration: pending</span></div>
328
+ <div class="preview-item"><b>Carrier / Timatic cross-check</b><span class="placeholder">Pending; operational check only</span></div>
329
+ <div class="preview-item"><b>Conflicts / exceptions</b><span class="placeholder">Pending</span></div>
330
+ <div class="preview-item"><b>Recheck due</b>{{RECHECK_DUE}}</div>
331
+ </div>
332
+ </article>
333
+
334
+ <article class="card">
335
+ <h2 class="section-title"><span class="icon">P</span>Visa Process Progress</h2>
336
+ <p class="small">Update checkpoints and generated identifiers after every portal milestone.</p>
337
+ <div class="progress-meta">
338
+ <div class="meta-item" data-field="destination"><b>Destination</b>{{DESTINATION}}</div>
339
+ <div class="meta-item" data-field="visa-type"><b>Visa type / route</b>{{VISA_TYPE}}</div>
340
+ <div class="meta-item" data-field="form-name"><b>Form / portal</b>{{FORM_NAME}}</div>
341
+ <div class="meta-item" data-field="application-location"><b>Application location</b>{{APPLICATION_LOCATION}}</div>
342
+ <div class="meta-item" data-field="source-verified"><b>Official source status</b>{{SOURCE_VERIFICATION_STATUS}}</div>
343
+ <div class="meta-item" data-field="application-id"><b>Application / case ID</b><span class="placeholder">Pending</span></div>
344
+ <div class="meta-item" data-field="support-case"><b>Portal account / support case</b><span class="placeholder">Pending / not applicable</span></div>
345
+ <div class="meta-item" data-field="generated-at"><b>Generated</b>{{GENERATED_AT}}</div>
346
+ </div>
347
+ <div class="progress-meter" style="--progress: 0%;"><span></span></div>
348
+ <div class="checkpoint-row">
349
+ <div class="checkpoint active" data-checkpoint="eligibility"><strong>Visa need check</strong><small>Resolve the current route, conditions, transit, and sources.</small></div>
350
+ <div class="checkpoint" data-checkpoint="intake"><strong>Intake</strong><small>Collect and normalize required answers.</small></div>
351
+ <div class="checkpoint" data-checkpoint="documents"><strong>Documents</strong><small>Prepare required and conditional evidence.</small></div>
352
+ <div class="checkpoint" data-checkpoint="application"><strong>Application</strong><small>Review, enter, and submit the official form.</small></div>
353
+ <div class="checkpoint" data-checkpoint="fee"><strong>Fee</strong><small>Record payment status and receipt.</small></div>
354
+ <div class="checkpoint" data-checkpoint="appointment"><strong>Appointment</strong><small>Track biometrics, interview, or document submission.</small></div>
355
+ <div class="checkpoint" data-checkpoint="decision"><strong>Decision</strong><small>Track requests and application status.</small></div>
356
+ <div class="checkpoint" data-checkpoint="return"><strong>Visa / passport</strong><small>Record issuance and passport return.</small></div>
357
+ </div>
358
+ </article>
359
+
360
+ <div class="layout">
361
+ <section class="stack">
362
+ <article class="card">
363
+ <h2 class="section-title"><span class="icon">1</span>Current Filing Status</h2>
364
+ <p data-field="status-summary"><span class="placeholder">Write the latest status, next action, owner, and deadline in plain language.</span></p>
365
+ </article>
366
+
367
+ <article class="card">
368
+ <h2 class="section-title"><span class="icon">2</span>Final Visa Application Preview</h2>
369
+ <p class="small">Clean final values in application order. Country adapters may add, remove, or reorder sections.</p>
370
+
371
+ <section class="preview-section" data-section="routing">
372
+ <div class="preview-heading"><span class="preview-index">00</span><h3>Route And Source Snapshot</h3></div>
373
+ <div class="preview-grid">
374
+ <div class="preview-item"><b>Applicant label</b>{{APPLICANT_LABEL}}</div>
375
+ <div class="preview-item"><b>Destination</b>{{DESTINATION}}</div>
376
+ <div class="preview-item"><b>Visa / authorization route</b>{{VISA_TYPE}}</div>
377
+ <div class="preview-item"><b>Form / portal</b>{{FORM_NAME}}</div>
378
+ <div class="preview-item"><b>Nationality / applicant status</b>{{NATIONALITY}}</div>
379
+ <div class="preview-item"><b>Travel document</b>{{PASSPORT_TYPE}} / issuer: {{TRAVEL_DOCUMENT_ISSUER}}</div>
380
+ <div class="preview-item"><b>Legal residence / status</b>{{LEGAL_RESIDENCE}} / {{RESIDENCE_STATUS}}</div>
381
+ <div class="preview-item"><b>Application location / responsible post</b>{{APPLICATION_LOCATION}} / <span class="placeholder">post pending</span></div>
382
+ <div class="preview-item"><b>Travel purpose</b>{{TRAVEL_PURPOSE}}</div>
383
+ <div class="preview-item"><b>Official source</b><a href="{{OFFICIAL_SOURCE_HREF}}">{{OFFICIAL_SOURCE_URL}}</a></div>
384
+ <div class="preview-item"><b>Source status</b>{{SOURCE_VERIFICATION_STATUS}}</div>
385
+ </div>
386
+ </section>
387
+
388
+ <section class="preview-section" data-section="identity-passport">
389
+ <div class="preview-heading"><span class="preview-index">01</span><h3>Identity And Passport</h3></div>
390
+ <div class="preview-grid">
391
+ <div class="preview-item"><b>Name as passport</b><span class="placeholder">Pending</span></div>
392
+ <div class="preview-item"><b>Other / native-script name</b><span class="placeholder">Pending / Not requested</span></div>
393
+ <div class="preview-item"><b>Date and place of birth</b><span class="placeholder">Pending</span></div>
394
+ <div class="preview-item"><b>Nationality / national ID</b><span class="placeholder">Pending</span></div>
395
+ <div class="preview-item"><b>Passport number / type</b><span class="placeholder">Pending</span></div>
396
+ <div class="preview-item"><b>Issue / expiry / issuing authority</b><span class="placeholder">Pending</span></div>
397
+ <div class="preview-item"><b>Other or previous passports</b><span class="placeholder">Pending</span></div>
398
+ <div class="preview-item"><b>Photo / biometrics status</b><span class="placeholder">Pending</span></div>
399
+ </div>
400
+ </section>
401
+
402
+ <section class="preview-section" data-section="contact-residence">
403
+ <div class="preview-heading"><span class="preview-index">02</span><h3>Contact And Residence</h3></div>
404
+ <div class="preview-grid">
405
+ <div class="preview-item"><b>Current address</b><span class="placeholder">Pending</span></div>
406
+ <div class="preview-item"><b>Permanent / mailing address</b><span class="placeholder">Pending</span></div>
407
+ <div class="preview-item"><b>Phone and email</b><span class="placeholder">Pending</span></div>
408
+ <div class="preview-item"><b>Residence status</b><span class="placeholder">Pending</span></div>
409
+ <div class="preview-item"><b>Social accounts</b><span class="placeholder">Only if officially requested</span></div>
410
+ <div class="preview-item"><b>Emergency contact</b><span class="placeholder">Pending / Not requested</span></div>
411
+ </div>
412
+ </section>
413
+
414
+ <section class="preview-section" data-section="trip">
415
+ <div class="preview-heading"><span class="preview-index">03</span><h3>Trip And Travel</h3></div>
416
+ <div class="preview-grid">
417
+ <div class="preview-item"><b>Purpose and activities</b><span class="placeholder">Pending</span></div>
418
+ <div class="preview-item"><b>Arrival / departure / duration</b><span class="placeholder">Pending</span></div>
419
+ <div class="preview-item"><b>Entries and border points</b><span class="placeholder">Pending</span></div>
420
+ <div class="preview-item"><b>Itinerary</b><span class="placeholder">Pending</span></div>
421
+ <div class="preview-item"><b>Accommodation</b><span class="placeholder">Pending</span></div>
422
+ <div class="preview-item"><b>Travel companions</b><span class="placeholder">Pending</span></div>
423
+ </div>
424
+ </section>
425
+
426
+ <section class="preview-section" data-section="host-funding">
427
+ <div class="preview-heading"><span class="preview-index">04</span><h3>Host, Sponsor, And Funding</h3></div>
428
+ <div class="preview-grid">
429
+ <div class="preview-item"><b>Host / inviting organization</b><span class="placeholder">Pending / Not applicable</span></div>
430
+ <div class="preview-item"><b>Host contact and relationship</b><span class="placeholder">Pending</span></div>
431
+ <div class="preview-item"><b>Trip payer / sponsor</b><span class="placeholder">Pending</span></div>
432
+ <div class="preview-item"><b>Budget / available funds</b><span class="placeholder">Pending</span></div>
433
+ <div class="preview-item"><b>Insurance</b><span class="placeholder">Pending / Not required</span></div>
434
+ <div class="preview-item"><b>Funding evidence</b><span class="placeholder">Pending</span></div>
435
+ </div>
436
+ </section>
437
+
438
+ <section class="preview-section" data-section="work-education">
439
+ <div class="preview-heading"><span class="preview-index">05</span><h3>Work And Education</h3></div>
440
+ <div class="preview-grid">
441
+ <div class="preview-item"><b>Current occupation</b><span class="placeholder">Pending</span></div>
442
+ <div class="preview-item"><b>Employer / school</b><span class="placeholder">Pending</span></div>
443
+ <div class="preview-item"><b>Start date / income / course</b><span class="placeholder">Pending</span></div>
444
+ <div class="preview-item"><b>Duties / field of study</b><span class="placeholder">Pending</span></div>
445
+ <div class="preview-item"><b>Previous work / education</b><span class="placeholder">Pending / Not requested</span></div>
446
+ <div class="preview-item"><b>Leave / return ties</b><span class="placeholder">Pending / Not requested</span></div>
447
+ </div>
448
+ </section>
449
+
450
+ <section class="preview-section" data-section="family">
451
+ <div class="preview-heading"><span class="preview-index">06</span><h3>Family And Relationships</h3></div>
452
+ <div class="preview-grid">
453
+ <div class="preview-item"><b>Parents</b><span class="placeholder">Pending / Not requested</span></div>
454
+ <div class="preview-item"><b>Spouse / partner</b><span class="placeholder">Pending / Not applicable</span></div>
455
+ <div class="preview-item"><b>Children / dependants</b><span class="placeholder">Pending / Not applicable</span></div>
456
+ <div class="preview-item"><b>Family in destination</b><span class="placeholder">Pending</span></div>
457
+ </div>
458
+ </section>
459
+
460
+ <section class="preview-section" data-section="history">
461
+ <div class="preview-heading"><span class="preview-index">07</span><h3>Travel And Immigration History</h3></div>
462
+ <div class="preview-grid">
463
+ <div class="preview-item"><b>Previous destination-country travel</b><span class="placeholder">Pending</span></div>
464
+ <div class="preview-item"><b>Recent international travel</b><span class="placeholder">Pending / Not requested</span></div>
465
+ <div class="preview-item"><b>Previous visas / permits</b><span class="placeholder">Pending</span></div>
466
+ <div class="preview-item"><b>Refusals / cancellations / removals</b><span class="placeholder">Pending applicant confirmation</span></div>
467
+ <div class="preview-item"><b>Overstays / status violations</b><span class="placeholder">Pending applicant confirmation</span></div>
468
+ <div class="preview-item"><b>Other immigration history</b><span class="placeholder">Pending</span></div>
469
+ </div>
470
+ </section>
471
+
472
+ <section class="preview-section" data-section="visa-specific">
473
+ <div class="preview-heading"><span class="preview-index">08</span><h3>Visa-Type Specific</h3></div>
474
+ <div class="preview-grid">
475
+ <div class="preview-item"><b>Official route-specific fields</b><span class="placeholder">Load from country adapter</span></div>
476
+ <div class="preview-item"><b>Petition / enrollment / invitation reference</b><span class="placeholder">Pending / Not applicable</span></div>
477
+ <div class="preview-item"><b>Route-specific eligibility</b><span class="placeholder">Pending</span></div>
478
+ <div class="preview-item"><b>Route-specific evidence</b><span class="placeholder">Pending</span></div>
479
+ </div>
480
+ </section>
481
+
482
+ <section class="preview-section" data-section="security-declaration">
483
+ <div class="preview-heading"><span class="preview-index">09</span><h3>Security And Declarations</h3></div>
484
+ <div class="preview-grid">
485
+ <div class="preview-item"><b>Health / criminal / security questions</b><span class="placeholder">Ask exactly as official form requires</span></div>
486
+ <div class="preview-item"><b>Immigration and fraud questions</b><span class="placeholder">Pending applicant confirmation</span></div>
487
+ <div class="preview-item"><b>Translations / declarations</b><span class="placeholder">Pending</span></div>
488
+ <div class="preview-item"><b>Applicant review gate</b><span class="placeholder">Not reviewed</span></div>
489
+ </div>
490
+ </section>
491
+ </article>
492
+
493
+ <article class="card">
494
+ <h2 class="section-title"><span class="icon">S</span>Source: Collected Answers</h2>
495
+ <p class="small">Raw wording, document-derived facts, search notes, and applicant confirmations. Keep provenance and dates.</p>
496
+ <div class="answer-log">
497
+ <div class="answer"><b>Q1-Q5. Routing</b><span class="placeholder">Pending</span></div>
498
+ <div class="answer"><b>Q6-Q15. Identity and passport</b><span class="placeholder">Pending</span></div>
499
+ <div class="answer"><b>Q16-Q25. Contact, residence, and trip</b><span class="placeholder">Pending</span></div>
500
+ <div class="answer"><b>Q26-Q35. Host, sponsor, and funding</b><span class="placeholder">Pending</span></div>
501
+ <div class="answer"><b>Q36-Q50. Work, education, and family</b><span class="placeholder">Pending</span></div>
502
+ <div class="answer"><b>Q51-Q65. Travel and immigration history</b><span class="placeholder">Pending</span></div>
503
+ <div class="answer"><b>Q66+. Country and visa-type overlay</b><span class="placeholder">Pending</span></div>
504
+ <div class="answer"><b>Portal milestones</b><span class="placeholder">Pending</span></div>
505
+ </div>
506
+ </article>
507
+ </section>
508
+
509
+ <aside class="stack">
510
+ <article class="card">
511
+ <h2 class="section-title"><span class="icon">D</span>Document Checklist</h2>
512
+ <div class="todo-list">
513
+ <div class="todo"><span class="box"></span><span>Passport / travel document</span><span class="status active">open</span></div>
514
+ <div class="todo"><span class="box"></span><span>Application photo / biometrics</span><span class="status">pending</span></div>
515
+ <div class="todo"><span class="box"></span><span>Itinerary / accommodation</span><span class="status">pending</span></div>
516
+ <div class="todo"><span class="box"></span><span>Funding / sponsor evidence</span><span class="status">pending</span></div>
517
+ <div class="todo"><span class="box"></span><span>Employment / enrollment evidence</span><span class="status">pending</span></div>
518
+ <div class="todo"><span class="box"></span><span>Country and route-specific evidence</span><span class="status">pending</span></div>
519
+ <div class="todo"><span class="box"></span><span>Translations / legalization</span><span class="status">pending</span></div>
520
+ </div>
521
+ </article>
522
+
523
+ <article class="card">
524
+ <h2 class="section-title"><span class="icon">C</span>Application Coverage</h2>
525
+ <div class="todo-list">
526
+ <div class="todo"><span class="box"></span><span>Visa route and responsible post resolved</span><span class="status active">open</span></div>
527
+ <div class="todo"><span class="box"></span><span>Live visa-free / ETA / eVisa / VOA / visa check complete</span><span class="status">pending</span></div>
528
+ <div class="todo"><span class="box"></span><span>Transit and self-transfer rules checked</span><span class="status">pending</span></div>
529
+ <div class="todo"><span class="box"></span><span>Carrier / Timatic operational check complete</span><span class="status">pending</span></div>
530
+ <div class="todo"><span class="box"></span><span>Official source snapshot current</span><span class="status">pending</span></div>
531
+ <div class="todo"><span class="box"></span><span>Core intake complete</span><span class="status">pending</span></div>
532
+ <div class="todo"><span class="box"></span><span>Country / visa overlay complete</span><span class="status">pending</span></div>
533
+ <div class="todo"><span class="box"></span><span>Documents ready</span><span class="status">pending</span></div>
534
+ <div class="todo"><span class="box"></span><span>Applicant reviewed final preview</span><span class="status">pending</span></div>
535
+ </div>
536
+ </article>
537
+
538
+ <article class="card">
539
+ <h2 class="section-title"><span class="icon">Q</span>Quality And Deadline Checks</h2>
540
+ <div class="todo-list">
541
+ <div class="todo"><span class="box"></span><span>Identity, dates, itinerary, and evidence are consistent</span><span class="status">pending</span></div>
542
+ <div class="todo"><span class="box"></span><span>Passport validity, blank pages, and evidence expiry checked</span><span class="status">pending</span></div>
543
+ <div class="todo"><span class="box"></span><span>Translations, certification, legalization, and upload limits checked</span><span class="status">pending</span></div>
544
+ <div class="todo"><span class="box"></span><span>Government/service fees, currency, refund rules, and receipt validity checked</span><span class="status">pending</span></div>
545
+ <div class="todo"><span class="box"></span><span>Prior cases, fee reuse, duplicate profiles, account locks, and support cases checked</span><span class="status">pending</span></div>
546
+ <div class="todo"><span class="box"></span><span>Deadlines, time zones, appointments, and processing dependencies tracked</span><span class="status">pending</span></div>
547
+ <div class="todo"><span class="box"></span><span>Minor, medical, police, sponsor, and guardian branches resolved</span><span class="status">pending</span></div>
548
+ <div class="todo"><span class="box"></span><span>Issued visa/eVisa and post-arrival obligations reviewed</span><span class="status">pending</span></div>
549
+ </div>
550
+ </article>
551
+
552
+ <article class="card">
553
+ <h2 class="section-title"><span class="icon">!</span>Open Issues</h2>
554
+ <div class="issue-list">
555
+ <div class="issue"><b>Route confirmation</b><span class="placeholder">Pending official verification</span></div>
556
+ <div class="issue"><b>Missing fields</b><span class="placeholder">Pending</span></div>
557
+ <div class="issue"><b>Source conflicts / stale pages</b><span class="placeholder">None recorded</span></div>
558
+ <div class="issue"><b>Applicant decisions</b><span class="placeholder">Pending</span></div>
559
+ <div class="issue"><b>Portal / account / support cases</b><span class="placeholder">None recorded</span></div>
560
+ </div>
561
+ </article>
562
+
563
+ <article class="card">
564
+ <h2 class="section-title"><span class="icon">O</span>Official Sources</h2>
565
+ <div class="source-list">
566
+ <div class="source-item" data-source="primary">
567
+ <a href="{{OFFICIAL_SOURCE_HREF}}">Primary official source</a>
568
+ <p class="small">Authority, page purpose, and checked date: pending.</p>
569
+ </div>
570
+ <div class="source-item" data-source="local-post">
571
+ <span class="placeholder">Responsible embassy / consulate page: pending</span>
572
+ </div>
573
+ <div class="source-item" data-source="portal">
574
+ <span class="placeholder">Official application / status portal: pending</span>
575
+ </div>
576
+ <div class="source-item" data-source="delegated-provider">
577
+ <span class="placeholder">Delegated visa centre logistics: pending / not applicable</span>
578
+ </div>
579
+ <div class="source-item" data-source="operational-cross-check">
580
+ <a href="https://www.iata.org/en/services/compliance/timatic/travel-documentation/">IATA Travel Centre / Timatic</a>
581
+ <p class="small">Carrier boarding cross-check only; it does not replace destination-government rules.</p>
582
+ </div>
583
+ </div>
584
+ </article>
585
+
586
+ <article class="card">
587
+ <h2 class="section-title"><span class="icon">N</span>Working Rules</h2>
588
+ <div class="pill-row">
589
+ <span class="pill">HTML is source of truth</span>
590
+ <span class="pill">Official sources first</span>
591
+ <span class="pill">No static visa verdict</span>
592
+ <span class="pill">Transit checked separately</span>
593
+ <span class="pill">Final preview before entry</span>
594
+ <span class="pill">Applicant submits</span>
595
+ </div>
596
+ </article>
597
+ </aside>
598
+ </div>
599
+ </main>
600
+ </body>
601
+ </html>