Zamonaviy SaaS mahsulot uchun bitta sahifali landing qur. Bitta mustaqil HTML fayl bo'lsin — CSS <style> ichida, tashqi kutubxonasiz.

Mahsulot: jamoaviy ish makoni (vazifa + hujjat + suhbat bir joyda). Nomi va barcha matnlar o'zbek tilida, real va ishonarli (lorem ishlatma).

Dizayn yo'nalishi: to'q (dark) zamonaviy, qora fon (#0b0d0f), bitta yorqin yashil urg'u rangi (#7cf47a). Shriftlar: Space Grotesk (sarlavhalar) + Inter (matn), Google Fonts orqali. Yumaloq burchakli kartochkalar, yumshoq soyalar, hover'da yengil ko'tarilish.

Bo'limlar (yuqoridan pastga):
1. Sticky, blur fonli header: chapda logo (nuqta + nom), o'rtada menyu, o'ngda "Bepul sinash" tugmasi.
2. Hero: markazda katta sarlavha (bitta so'z yashil urg'uda), qisqa tavsif, ikkita tugma (asosiy + "Demoni ko'rish"), pastida kichik izoh. Orqada yashil radial nur.
3. Hero ostida "brauzer oynasi" mock: chapda menyu chiziqlari, o'ngda 3 ta statistika kartochka va ustunli diagramma — hammasi CSS bilan (rasm ishlatma).
4. Ishonch qatori: "Ishonch bildirgan jamoalar" + 5 ta xayoliy kompaniya nomi.
5. Imkoniyatlar: 5 ta kartochkali grid (bittasi keng), har birida emoji ikonka, sarlavha, tavsif.
6. Statistika lentasi: 4 ta katta raqam.
7. Narxlar: 3 ta tarif kartochkasi, o'rtadagi "Ommabop" belgisi bilan ajralsin.
8. Yakuniy CTA: katta sarlavha + tugma.
9. Footer: logo, havolalar, mualliflik.

Talablar: to'liq responsive (mobil/planshet/desktop), hover va focus holatlari ishlangan, shablonga o'xshamasin — bo'shliq va tartib puxta bo'lsin.

Создай одностраничный лендинг для современного SaaS-продукта. Это должен быть один самостоятельный HTML-файл — CSS внутри <style>, без внешних библиотек.

Продукт: рабочее пространство для команды (задачи + документы + чат в одном месте). Название и все тексты на русском языке, реальные и правдоподобные (не используй lorem).

Направление дизайна: тёмный современный, чёрный фон (#0b0d0f), один яркий зелёный акцентный цвет (#7cf47a). Шрифты: Space Grotesk (заголовки) + Inter (текст) через Google Fonts. Скруглённые карточки, мягкие тени, лёгкий подъём при наведении.

Разделы (сверху вниз):
1. Липкий header с размытым фоном: слева логотип (точка + название), по центру меню, справа кнопка «Попробовать бесплатно».
2. Hero: крупный заголовок по центру (одно слово зелёным акцентом), короткое описание, две кнопки (основная + «Смотреть демо»), небольшая подпись снизу. Сзади зелёное радиальное свечение.
3. Под hero — макет «окна браузера»: слева линии меню, справа 3 карточки статистики и столбчатая диаграмма — всё на CSS (не используй изображения).
4. Строка доверия: «Нам доверяют команды» + 5 вымышленных названий компаний.
5. Возможности: сетка из 5 карточек (одна широкая), в каждой эмодзи-иконка, заголовок, описание.
6. Лента статистики: 4 больших числа.
7. Цены: 3 карточки тарифов, средняя выделена меткой «Популярный».
8. Финальный CTA: крупный заголовок + кнопка.
9. Footer: логотип, ссылки, авторство.

Требования: полностью адаптивный (мобильный/планшет/десктоп), проработаны состояния hover и focus, не должен выглядеть как шаблон — отступы и ритм должны быть аккуратными.

Build a single-page landing for a modern SaaS product. It must be one standalone HTML file — CSS inside <style>, no external libraries.

Product: a team workspace (tasks + docs + chat in one place). The name and all texts in English, real and believable (don't use lorem).

Design direction: dark modern, black background (#0b0d0f), one bright green accent color (#7cf47a). Fonts: Space Grotesk (headings) + Inter (body) via Google Fonts. Rounded cards, soft shadows, a slight lift on hover.

Sections (top to bottom):
1. Sticky header with a blurred background: logo on the left (dot + name), menu in the center, "Try free" button on the right.
2. Hero: large centered headline (one word in the green accent), short description, two buttons (primary + "Watch demo"), a small note below. A green radial glow behind it.
3. Below the hero, a "browser window" mock: menu lines on the left, 3 stat cards and a bar chart on the right — all in CSS (don't use images).
4. Trust row: "Trusted by teams" + 5 fictional company names.
5. Features: a grid of 5 cards (one wide), each with an emoji icon, title, description.
6. Stats strip: 4 big numbers.
7. Pricing: 3 plan cards, the middle one marked "Popular".
8. Final CTA: big headline + button.
9. Footer: logo, links, credits.

Requirements: fully responsive (mobile/tablet/desktop), hover and focus states done, must not look like a template — spacing and rhythm should be polished.

Avtomobil dileri (avtosalon) uchun ko'p modelli sotuv sayti qur. Stack: React 18 + TypeScript + Vite + Tailwind. Komponentlarni alohida fayllarga ajrat.

Biznes: O'zbekistondagi elektromobil dileri. Barcha matnlar o'zbek va rus tilida (i18n), narxlar so'mda. Mahsulot fotolarini men beraman — ularni public/ papkaga qo'yamiz.

Dizayn yo'nalishi: yorug' (light), avtomobil brendlariga xos toza tipografika. Oq (#ffffff) va och kulrang (#f5f6f2) fon, urg'u yashil (#b5e04a), matn to'q (#14181c), to'q bo'limlar uchun #14181c. Shrift: Space Grotesk, sarlavhalarda letter-spacing -0.035em. 100px yumaloq tugmalar, 16px radiusli kartochkalar.

Bo'limlar (yuqoridan pastga, har biri alohida komponent):
1. Nav — fixed, hero ustida shaffof (oq logo), skroll qilinganda oq blur fon + to'q logo. Menyu: Modellar / Texnologiya / Kredit / Aloqa. O'ngda UZ/RU tugmachasi va yashil "Test-drayv" tugmasi.
2. Hero — butun ekranli foto karusel (4 model, har 6 soniyada avtomatik almashadi, pastda nuqta indikatorlar). Ustida: kichik eyebrow matn, juda katta model nomi, segment tavsifi, yashil narx ("310 000 000 so'mdan"), ikkita tugma va pastda "PASTGA ↓" ishorasi. Rasm ustida qoraytiruvchi gradient.
3. Modellar — 7 ta model kartochkasi grid'da. Har birida foto, model nomi, segment (Kompakt / Krossover / Biznes-sedan / SUV), narx yoki "Narxni so'rang", "Batafsil →" havolasi. Bittasida yashil "Ommabop" belgisi.
4. Texnologiya — TO'Q bo'lim. Chapda interaktiv platforma ko'rgichi: avtomobil kesma renderi ustida 4 ta raqamli yashil nuqta; nuqta bosilganda pastda "01 / 04" hisoblagich bilan tavsif kartochkasi almashadi. O'ngda 4 ta xususiyat kartochkasi (chap chetida yashil chiziq). Ostida salon fotosi keng lenta bo'lib.
5. Kredit — chapda kalkulyator: model tanlash chiplari, dastlabki to'lov slideri (foiz + so'mda ko'rsatiladi), muddat chiplari (12/24/36/48/60 oy). Oylik to'lov annuitet formulasi bilan hisoblanib, to'q kartochkada katta oq raqamda chiqsin. O'ngda 3 ta afzallik kartochkasi (0% dastlabki to'lov, Trade-in, Kafolat).
6. Urgency — yashil lenta: "Bugun buyurtma bering — cheklangan partiya" + to'q tugma.
7. Ariza formasi — chapda sarlavha va 3 ta belgili afzallik, o'ngda forma: ism, telefon, qiziqtirgan model (select), maqsad (chip tanlov: Test-drayv / Narx bo'yicha maslahat / Kredit arizasi), yuborish tugmasi va maxfiylik izohi.
8. Aloqa — chapda sarlavha va yashil "Qo'ng'iroq qilish" tugmasi, o'ngda ma'lumot jadvali (manzil, ish vaqti, telefon, email, ijtimoiy tarmoqlar). Ostida to'q footer: logo, 3 ta havola ustuni, mualliflik qatori.

Talablar: to'liq responsive, hover/focus holatlari ishlangan, narxlar bo'sh joy bilan formatlansin (310 000 000), rasmlar loading="lazy", UZ/RU almashganda butun sayt matni o'zgarsin. Shablonga o'xshamasin.

Создай многомодельный продающий сайт для автодилера (автосалона). Стек: React 18 + TypeScript + Vite + Tailwind. Раздели компоненты по отдельным файлам.

Бизнес: дилер электромобилей в Узбекистане. Все тексты на узбекском и русском (i18n), цены в сумах. Фотографии продукта я предоставлю — положим их в папку public/.

Направление дизайна: светлое, чистая типографика в духе автомобильных брендов. Белый (#ffffff) и светло-серый (#f5f6f2) фон, акцент зелёный (#b5e04a), текст тёмный (#14181c), тёмные секции — #14181c. Шрифт: Space Grotesk, в заголовках letter-spacing -0.035em. Кнопки со скруглением 100px, карточки с радиусом 16px.

Разделы (сверху вниз, каждый — отдельный компонент):
1. Nav — фиксированный, поверх hero прозрачный (белый логотип), при скролле белый размытый фон + тёмный логотип. Меню: Модели / Технологии / Кредит / Контакты. Справа переключатель UZ/RU и зелёная кнопка «Тест-драйв».
2. Hero — полноэкранная фото-карусель (4 модели, автосмена каждые 6 секунд, точки-индикаторы снизу). Поверх: маленький eyebrow-текст, очень крупное название модели, описание сегмента, зелёная цена («от 310 000 000 сум»), две кнопки и подсказка «ВНИЗ ↓». Затемняющий градиент поверх фото.
3. Модели — сетка из 7 карточек. В каждой фото, название, сегмент (Компакт / Кроссовер / Бизнес-седан / SUV), цена или «Уточнить цену», ссылка «Подробнее →». Одна с зелёной меткой «Популярный».
4. Технологии — ТЁМНЫЙ раздел. Слева интерактивный обзор платформы: рендер-разрез автомобиля с 4 зелёными пронумерованными точками; при клике внизу меняется карточка описания со счётчиком «01 / 04». Справа 4 карточки особенностей (зелёная полоска слева). Ниже широкая лента с фото салона.
5. Кредит — слева калькулятор: чипы выбора модели, слайдер первоначального взноса (в процентах и в сумах), чипы срока (12/24/36/48/60 месяцев). Ежемесячный платёж считается по аннуитетной формуле и выводится крупным белым числом на тёмной карточке. Справа 3 карточки преимуществ (0% первый взнос, Trade-in, Гарантия).
6. Urgency — зелёная лента: «Закажите сегодня — ограниченная партия» + тёмная кнопка.
7. Форма заявки — слева заголовок и 3 преимущества с галочками, справа форма: имя, телефон, интересующая модель (select), цель (чипы: Тест-драйв / Консультация по цене / Заявка на кредит), кнопка отправки и примечание о конфиденциальности.
8. Контакты — слева заголовок и зелёная кнопка «Позвонить», справа таблица данных (адрес, часы работы, телефон, email, соцсети). Ниже тёмный footer: логотип, 3 колонки ссылок, строка копирайта.

Требования: полностью адаптивный, проработаны hover/focus, цены форматируются пробелами (310 000 000), изображения loading="lazy", при переключении UZ/RU меняется весь текст сайта. Не должен выглядеть как шаблон.

Build a multi-model sales site for a car dealership. Stack: React 18 + TypeScript + Vite + Tailwind. Split the components into separate files.

Business: an electric-vehicle dealer in Uzbekistan. All texts in Uzbek and Russian (i18n), prices in Uzbek soum. I will provide the product photos — we'll put them in the public/ folder.

Design direction: light theme, clean automotive-brand typography. White (#ffffff) and light grey (#f5f6f2) backgrounds, green accent (#b5e04a), dark text (#14181c), dark sections in #14181c. Font: Space Grotesk, letter-spacing -0.035em on headings. 100px rounded buttons, 16px radius cards.

Sections (top to bottom, each its own component):
1. Nav — fixed, transparent over the hero (white logo), on scroll a white blurred background + dark logo. Menu: Models / Technology / Financing / Contact. On the right a UZ/RU switch and a green "Test drive" button.
2. Hero — full-bleed photo carousel (4 models, auto-advancing every 6 seconds, dot indicators at the bottom). On top: a small eyebrow line, a very large model name, the segment description, a green price ("from 310 000 000 soum"), two buttons and a "SCROLL ↓" hint. A darkening gradient over the photo.
3. Models — a grid of 7 model cards. Each with a photo, name, segment (Compact / Crossover / Business sedan / SUV), price or "Request price", a "Details →" link. One carries a green "Popular" badge.
4. Technology — a DARK section. On the left an interactive platform explorer: a cutaway render of the car with 4 numbered green hotspots; clicking one swaps the description card below with an "01 / 04" counter. On the right 4 feature cards (green bar on the left edge). Below, a wide band with an interior photo.
5. Financing — on the left a calculator: model chips, a down-payment slider (shown as a percentage and in soum), term chips (12/24/36/48/60 months). The monthly payment is computed with the annuity formula and shown as a big white number on a dark card. On the right 3 benefit cards (0% down payment, Trade-in, Warranty).
6. Urgency — a green strip: "Order today — limited batch" + a dark button.
7. Lead form — on the left a heading and 3 check-marked benefits, on the right a form: name, phone, model of interest (select), purpose (chips: Test drive / Price consultation / Financing application), a submit button and a privacy note.
8. Contact — on the left a heading and a green "Call us" button, on the right a details table (address, opening hours, phone, email, socials). Below a dark footer: logo, 3 link columns, a copyright line.

Requirements: fully responsive, hover/focus states done, prices formatted with spaces (310 000 000), images loading="lazy", switching UZ/RU changes all site copy. Must not look like a template.

Instagram bio uchun "linklar to'plami" (link-in-bio, Linktree uslubida) sahifasi qur. Bitta mustaqil HTML fayl bo'lsin — CSS <style> ichida, tashqi kutubxonasiz. Telefon uchun mo'ljallangan: markazda joylashgan, maksimal kenglik ~440px.

Kim uchun: kontent kreator / SMM murabbiy. Nomi va barcha matnlar o'zbek tilida, real va ishonarli (lorem ishlatma). Havolalar hozircha "#" bo'lsin — keyin men to'ldiraman.

Dizayn yo'nalishi: yorug', iliq, zamonaviy. Fon — yumshoq gradient "mesh" (och pushti, shaftoli, siyohrang bloblar aralashgan, blur bilan). Instagram gradienti urg'u sifatida: sariq→to'q-sariq→pushti→siyohrang→ko'k (#feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5). Kartochkalar — shishasimon (glassmorphism): yarim shaffof oq fon, blur, nozik chegara, yumshoq soya, 18px radius. Shriftlar: Space Grotesk (nom/sarlavhalar) + Inter (matn), Google Fonts orqali.

Tuzilishi (yuqoridan pastga):
1. Profil bloki (markazda): gradient halqali dumaloq avatar, ism + ko'k tasdiq (verified) belgisi, @username, qisqa bio (emoji bilan), 3 ta statistika (obunachi / post / ko'rish).
2. Ijtimoiy tarmoq ikonkalari qatori: Instagram, Telegram, YouTube, TikTok — kichik shishasimon kvadrat tugmalar, hover'da ko'tariladi.
3. Linklar ustuni (5-6 ta katta tugma): har birida chapda emoji-ikonka kvadratchasi, o'rtada qalin sarlavha + kichik izoh, o'ngda "→" strelka. Hover'da: ko'tariladi, soya kuchayadi, chap chekkada gradient chiziq paydo bo'ladi. Bittasida "Yangi" belgisi.
4. Bitta "featured" (ajratilgan) karta: to'liq Instagram-gradient fon, oq matn, kichik teg, sarlavha, tavsif va shishasimon CTA tugma.
5. Pastda kichik footer izoh.

Talablar: to'liq responsive (asosan mobil), barcha tugmalarда hover/active holatlar ishlangan, animatsiyalar silliq (transform/opacity), matnlar uzun bo'lsa ellips bilan kesilsin. Shablonga (oddiy Linktree) o'xshamasin — jonli, brendli va puxta ko'rinsin.

Создай страницу «сборник ссылок» для Instagram-био (link-in-bio, в стиле Linktree). Это должен быть один самостоятельный HTML-файл — CSS внутри <style>, без внешних библиотек. Рассчитан на телефон: по центру, максимальная ширина ~440px.

Для кого: контент-креатор / SMM-наставник. Имя и все тексты на русском языке, реальные и правдоподобные (не используй lorem). Ссылки пока «#» — я потом заполню.

Направление дизайна: светлое, тёплое, современное. Фон — мягкий градиентный «mesh» (смешение светло-розовых, персиковых, сиреневых пятен с размытием). Instagram-градиент как акцент: жёлтый→оранжевый→розовый→фиолетовый→синий (#feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5). Карточки — стеклянные (glassmorphism): полупрозрачный белый фон, блюр, тонкая граница, мягкая тень, радиус 18px. Шрифты: Space Grotesk (имя/заголовки) + Inter (текст) через Google Fonts.

Структура (сверху вниз):
1. Блок профиля (по центру): круглый аватар в градиентном кольце, имя + синяя галочка (verified), @username, короткое био (с эмодзи), 3 показателя (подписчики / посты / просмотры).
2. Ряд иконок соцсетей: Instagram, Telegram, YouTube, TikTok — маленькие стеклянные квадратные кнопки, приподнимаются при наведении.
3. Колонка ссылок (5-6 крупных кнопок): в каждой слева квадрат с эмодзи-иконкой, по центру жирный заголовок + мелкое описание, справа стрелка «→». При наведении: приподнимается, тень усиливается, слева появляется градиентная полоса. У одной метка «Новое».
4. Одна «featured» (выделенная) карточка: фон в полном Instagram-градиенте, белый текст, маленький тег, заголовок, описание и стеклянная CTA-кнопка.
5. Внизу небольшая подпись-футер.

Требования: полная адаптивность (в основном мобильная), проработаны hover/active у всех кнопок, плавные анимации (transform/opacity), длинные тексты обрезаются многоточием. Не должно выглядеть как обычный Linktree — живо, брендированно и аккуратно.

Build a "link collection" page for an Instagram bio (link-in-bio, Linktree style). It must be one standalone HTML file — CSS inside <style>, no external libraries. Designed for phones: centered, max width ~440px.

For whom: a content creator / SMM coach. The name and all texts in English, real and believable (don't use lorem). Links are "#" for now — I'll fill them later.

Design direction: light, warm, modern. Background — a soft gradient "mesh" (blurred light pink, peach and lilac blobs blended). The Instagram gradient as the accent: yellow→orange→pink→purple→blue (#feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5). Cards — glassmorphism: semi-transparent white, blur, a thin border, a soft shadow, 18px radius. Fonts: Space Grotesk (name/headings) + Inter (body) via Google Fonts.

Structure (top to bottom):
1. Profile block (centered): a round avatar in a gradient ring, name + a blue verified badge, @username, a short bio (with emoji), 3 stats (followers / posts / views).
2. A row of social icons: Instagram, Telegram, YouTube, TikTok — small glass square buttons that lift on hover.
3. A column of links (5-6 large buttons): each with an emoji-icon square on the left, a bold title + small subtitle in the center, a "→" arrow on the right. On hover: it lifts, the shadow deepens, a gradient bar appears on the left edge. One carries a "New" badge.
4. One "featured" card: a full Instagram-gradient background, white text, a small tag, a title, a description and a glass CTA button.
5. A small footer note at the bottom.

Requirements: fully responsive (mostly mobile), hover/active states done on all buttons, smooth animations (transform/opacity), long texts truncated with an ellipsis. Must not look like a plain Linktree — it should feel alive, branded and polished.

Premium sayohat agentligi uchun Instagram bio'ga qo'yiladigan "havolalar sahifasi" (link-in-bio) qur. Bitta mustaqil HTML fayl bo'lsin — CSS <style> ichida, tashqi kutubxonasiz (faqat Google Fonts). Mustaqil saytga joylanadi, shuning uchun <head>'ga albatta <meta charset="utf-8"> va <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> qo'y — aks holda telefonda yozuvlar juda kichik chiqadi.

Brend: "Dio Trip" (o'zingnikiga almashtir). Barcha matnlar o'zbek tilida, real va ishonarli (lorem ishlatma). Logotipni men beraman — <img class="logo"> qilib qo'y (hozircha joy qoldir).

Dizayn yo'nalishi: to'q, hashamatli, tinch — "premium" his. Faqat brend ranglari:
- fon to'q yashil #1E3025, kartochka yuzasi #26382C (hover'da #2E4433), chegara #3B5343;
- urg'u oltin #D0B472 (yorqin variant #E7D29A, yumshoq fon rgba(208,180,114,.14));
- matn krem #F2EBDB, ikkinchi darajali matn #B9B098.
Tepada markazdan pastga tushadigan juda nozik oltin nur (radial-gradient, position:fixed). Shriftlar: Cormorant Garamond (sarlavha, serif) + Jost (qolgan hammasi).

Tuzilishi — markazda bitta ustun, max-width ~460px, ekran bo'yi bo'yicha vertikal markazda (min-height:100dvh, justify-content:center):
1. Kicker: "PREMIUM SAYOHAT AGENTLIGI" — kichik, oltin, keng harf oralig'i (letter-spacing ~.34em), katta harflarda.
2. Logo (~212px, ekran kichik bo'lsa 58vw), ostida chuqur yumshoq soya (drop-shadow).
3. Sarlavha (Cormorant, 30–40px, clamp): "Dunyo sizni <em>kutmoqda</em>" — "kutmoqda" kursiv va oltin rangda.
4. Qisqa lid: "Bizni ijtimoiy tarmoqlarda kuzating va sayohatingizni rejalashtiring." (maks ~30ch).
5. Ingichka ajratgich chiziq — chetlari shaffof, o'rtasi oltin (54px).
6. 4 ta katta havola-tugma (ustun, 13px oraliq). Har birida: chapda 46px oltin-shaffof kvadratcha ichida chiziqli SVG ikonka, o'rtada qalin nom + kichik izoh (uzun bo'lsa ellips bilan kesilsin), o'ngda "›" strelka:
   - Instagram — @diotrip.uz
   - Telegram kanal — Yangiliklar va sayohat takliflari
   - Menejer bilan bog'lanish — Savol-javob, bron va narxlar (Telegram shaxsiy)
   - Qo'ng'iroq qilish — +998 20 009 87 78 (href="tel:...")
   Tashqi havolalar target="_blank" rel="noopener". Hover: 2px ko'tariladi, chegara oltinga aylanadi, fon ochroq, soya paydo bo'ladi, strelka o'ngga siljiydi. :focus-visible — oltin outline.
7. Footer: "© 2026 DIO TRIP · SAYOHAT AGENTLIGI" — kichik, katta harflar, brend nomi oltin.

Animatsiya: sahifa ochilganda har bir element pastdan ketma-ket paydo bo'lsin (opacity + translateY 12px, 0.55s, har biri ~0.05–0.07s kechikish bilan). prefers-reduced-motion'da animatsiyani o'chir.

Talablar: asosan mobil uchun, lekin kompyuterda ham chiroyli markazda tursin. Emoji ishlatma — faqat toza SVG ikonkalar. Oddiy Linktree'ga o'xshamasin: kam element, ko'p havo, hashamatli tipografiya.

Создай страницу ссылок (link-in-bio) для Instagram-био премиального туристического агентства. Это должен быть один самостоятельный HTML-файл — CSS внутри <style>, без внешних библиотек (только Google Fonts). Страница будет на отдельном хостинге, поэтому в <head> обязательно добавь <meta charset="utf-8"> и <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> — иначе на телефоне текст будет слишком мелким.

Бренд: «Dio Trip» (замени на свой). Все тексты на русском языке, реальные и правдоподобные (не используй lorem). Логотип я дам сам — вставь его как <img class="logo"> (пока оставь место).

Направление дизайна: тёмное, роскошное, спокойное — ощущение «премиума». Только цвета бренда:
- фон тёмно-зелёный #1E3025, поверхность карточек #26382C (при наведении #2E4433), граница #3B5343;
- акцент золотой #D0B472 (яркий вариант #E7D29A, мягкий фон rgba(208,180,114,.14));
- текст кремовый #F2EBDB, второстепенный текст #B9B098.
Сверху по центру — очень тонкое золотое свечение (radial-gradient, position:fixed). Шрифты: Cormorant Garamond (заголовок, serif) + Jost (всё остальное).

Структура — одна колонка по центру, max-width ~460px, по центру экрана по вертикали (min-height:100dvh, justify-content:center):
1. Кикер: «ПРЕМИАЛЬНОЕ ТУРАГЕНТСТВО» — мелкий, золотой, с широким межбуквенным интервалом (letter-spacing ~.34em), заглавными.
2. Логотип (~212px, на маленьком экране 58vw) с глубокой мягкой тенью (drop-shadow).
3. Заголовок (Cormorant, 30–40px, clamp): «Мир <em>ждёт</em> вас» — «ждёт» курсивом и золотом.
4. Короткий лид: «Следите за нами в соцсетях и планируйте своё путешествие.» (макс. ~30ch).
5. Тонкая линия-разделитель — прозрачные края, золотой центр (54px).
6. 4 крупные кнопки-ссылки (колонка, отступ 13px). В каждой: слева квадрат 46px с полупрозрачным золотым фоном и линейной SVG-иконкой, по центру жирное название + мелкое пояснение (длинное обрезается многоточием), справа стрелка «›»:
   - Instagram — @diotrip.uz
   - Telegram-канал — Новости и предложения по турам
   - Связаться с менеджером — Вопросы, бронь и цены (личный Telegram)
   - Позвонить — +998 20 009 87 78 (href="tel:...")
   Внешние ссылки target="_blank" rel="noopener". Hover: поднимается на 2px, граница становится золотой, фон светлее, появляется тень, стрелка сдвигается вправо. :focus-visible — золотой outline.
7. Футер: «© 2026 DIO TRIP · ТУРАГЕНТСТВО» — мелкий, заглавными, название бренда золотом.

Анимация: при загрузке каждый элемент появляется снизу по очереди (opacity + translateY 12px, 0.55s, задержка ~0.05–0.07s на каждый). При prefers-reduced-motion анимацию отключи.

Требования: в первую очередь для мобильных, но и на компьютере красиво по центру. Не используй эмодзи — только чистые SVG-иконки. Не должно быть похоже на обычный Linktree: мало элементов, много воздуха, роскошная типографика.

Build a link-in-bio page for the Instagram bio of a premium travel agency. It must be one standalone HTML file — CSS inside <style>, no external libraries (Google Fonts only). It will be hosted on its own, so put <meta charset="utf-8"> and <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> in the <head> — otherwise the text renders tiny on phones.

Brand: "Dio Trip" (swap in your own). All texts in English, real and believable (don't use lorem). I'll provide the logo — add it as <img class="logo"> (leave a slot for now).

Design direction: dark, luxurious, calm — a "premium" feel. Brand colors only:
- background deep green #1E3025, card surface #26382C (#2E4433 on hover), border #3B5343;
- accent gold #D0B472 (bright variant #E7D29A, soft fill rgba(208,180,114,.14));
- text cream #F2EBDB, secondary text #B9B098.
A very subtle gold glow falling from the top center (radial-gradient, position:fixed). Fonts: Cormorant Garamond (headline, serif) + Jost (everything else).

Structure — a single centered column, max-width ~460px, vertically centered on screen (min-height:100dvh, justify-content:center):
1. Kicker: "PREMIUM TRAVEL AGENCY" — small, gold, wide letter-spacing (~.34em), uppercase.
2. Logo (~212px, 58vw on small screens) with a deep soft shadow (drop-shadow).
3. Headline (Cormorant, 30–40px, clamp): "The world is <em>waiting</em>" — "waiting" in italic gold.
4. A short lede: "Follow us on social media and plan your next journey." (max ~30ch).
5. A thin divider line — transparent ends, gold center (54px).
6. 4 large link buttons (a column, 13px gap). Each has: a 46px square with a translucent gold fill and a line SVG icon on the left, a bold label + small subtitle in the middle (truncated with an ellipsis if long), a "›" arrow on the right:
   - Instagram — @diotrip.uz
   - Telegram channel — News and travel offers
   - Talk to a manager — Questions, bookings and prices (personal Telegram)
   - Call us — +998 20 009 87 78 (href="tel:...")
   External links target="_blank" rel="noopener". Hover: lifts 2px, border turns gold, background lightens, a shadow appears, the arrow slides right. :focus-visible — a gold outline.
7. Footer: "© 2026 DIO TRIP · TRAVEL AGENCY" — small, uppercase, brand name in gold.

Animation: on load each element rises in one after another (opacity + translateY 12px, 0.55s, ~0.05–0.07s stagger). Disable the animation under prefers-reduced-motion.

Requirements: mobile first, but it should also sit nicely centered on desktop. No emoji — clean SVG icons only. It must not look like a plain Linktree: few elements, lots of air, luxurious typography.