{"id":19,"date":"2026-05-20T20:10:55","date_gmt":"2026-05-20T17:10:55","guid":{"rendered":"https:\/\/emel.su\/?page_id=19"},"modified":"2026-05-20T20:48:48","modified_gmt":"2026-05-20T17:48:48","slug":"19-2","status":"publish","type":"page","link":"https:\/\/emel.su\/","title":{"rendered":"index"},"content":{"rendered":"\n
\n\n\n\n \n \n \u0421\u0432\u0430\u0434\u044c\u0431\u0430 \u041c\u0438\u0445\u0430\u0438\u043b\u0430 \u0438 \u0410\u043d\u043d\u044b<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;700;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <style>\n :root {\n --accent: #f59e0b; \/* Amber 500 *\/\n }\n body {\n font-family: 'Inter', sans-serif;\n background-color: #000;\n color: #fff;\n overflow-x: hidden;\n }\n .font-serif { font-family: 'Playfair Display', serif; }\n \n \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0430\u044f \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0434\u043b\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 *\/\n .hero-title {\n font-size: clamp(3rem, 13vw, 7.5rem);\n line-height: 0.95;\n letter-spacing: -0.05em;\n }\n \n \/* \u041e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439 \u043a\u043e\u043d\u0442\u0443\u0440\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u043e\u0431\u043e\u0438\u0445 \u0438\u043c\u0435\u043d *\/\n .outline-text {\n -webkit-text-stroke: 1px rgba(255,255,255,0.85);\n color: transparent;\n text-shadow: 0 0 40px rgba(255,255,255,0.1);\n }\n\n .glass-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* \u041f\u043b\u0430\u0432\u043d\u044b\u0435 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n .fade-in { animation: fadeIn 1.5s ease-out; }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0441\u043a\u0440\u043e\u043b\u043b *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: #000; }\n ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u043b\u0430\u0439\u0434\u0435\u0440-\u043a\u0430\u043f\u0447\u0438 *\/\n .captcha-slider-container {\n position: relative;\n height: 52px;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 16px;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n }\n .captcha-slider-thumb {\n position: absolute;\n left: 2px;\n top: 2px;\n width: 46px;\n height: 46px;\n background: #fff;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #000;\n cursor: grab;\n transition: background-color 0.3s, color 0.3s;\n z-index: 10;\n }\n .captcha-slider-thumb:active {\n cursor: grabbing;\n }\n .captcha-slider-text {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 0.2em;\n color: rgba(255, 255, 255, 0.4);\n pointer-events: none;\n z-index: 5;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-amber-500 selection:text-black flex flex-col min-h-screen\">\n\n <!-- \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f -->\n <nav class=\"fixed w-full z-40 mix-blend-difference px-4 md:px-10 py-6 flex justify-between items-center\">\n <div class=\"text-xl font-black tracking-tighter uppercase\">M <span class=\"text-amber-500\">&<\/span> A<\/div>\n <div class=\"space-x-4 md:space-x-8 hidden sm:block uppercase text-[10px] tracking-[0.3em] font-bold\">\n <a href=\"#details\" class=\"hover:text-amber-500 transition\">\u0414\u0435\u0442\u0430\u043b\u0438<\/a>\n <a href=\"#rsvp\" class=\"bg-white text-black px-5 py-2 rounded-full hover:bg-amber-500 transition\">RSVP<\/a>\n <\/div>\n <\/nav>\n\n <!-- \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u0441 \u0444\u043e\u043d\u043e\u0432\u044b\u043c \u0432\u0438\u0434\u0435\u043e -->\n <header class=\"relative min-h-screen flex items-center justify-center pt-20 pb-10 overflow-hidden\">\n <div class=\"absolute inset-0 z-0\">\n <video autoplay muted loop playsinline class=\"w-full h-full object-cover opacity-25 grayscale scale-105\" id=\"heroVideo\">\n <source src=\"https:\/\/emel.su\/1548676308124757732.webm\">\n \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0442\u0435\u0433 \u0432\u0438\u0434\u0435\u043e.\n <\/video>\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-transparent to-black\"><\/div>\n <\/div>\n \n <div class=\"relative z-10 text-center px-4 fade-in\">\n <div id=\"personalContainer\" class=\"hidden mb-4\">\n <p id=\"personalGreeting\" class=\"font-serif italic text-2xl md:text-4xl text-amber-500 tracking-wide drop-shadow-lg\"><\/p>\n <\/div>\n\n <!-- \u0417\u0430\u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u0430\u0442\u0443 -->\n <div class=\"inline-block mb-6 px-4 py-1 border border-amber-500\/50 rounded-full text-amber-500 text-[10px] uppercase tracking-[0.4em] font-black\">\n \u0417\u0430\u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u0430\u0442\u0443\n <\/div>\n <h1 class=\"hero-title font-black uppercase mb-4\">\n <span class=\"outline-text block mb-1\">\u041c\u0438\u0445\u0430\u0438\u043b<\/span> \n <span class=\"outline-text block mt-1\">& \u0410\u043d\u043d\u0430<\/span>\n <\/h1>\n <p class=\"text-xl md:text-3xl font-serif italic text-gray-300 mb-10\">\u0415\u043c\u0435\u043b\u044c\u044f\u043d\u043e\u0432\u044b<\/p>\n \n <div class=\"flex flex-col sm:flex-row gap-4 justify-center items-center text-[11px] font-bold tracking-widest uppercase\">\n <div class=\"px-6 py-3 bg-white text-black rounded-full shadow-[0_0_20px_rgba(255,255,255,0.15)]\">\n 1 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 <span class=\"mx-2 opacity-50\">|<\/span> \u0417\u0410\u0413\u0421\n <\/div>\n <div class=\"px-6 py-3 bg-amber-500 text-black rounded-full shadow-[0_0_20px_rgba(245,158,11,0.3)]\">\n 8 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 <span class=\"mx-2 opacity-50\">|<\/span> PARTY\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- \u0420\u0430\u0437\u0434\u0435\u043b \u0441 \u0434\u0435\u0442\u0430\u043b\u044f\u043c\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b -->\n <section id=\"details\" class=\"py-20 md:py-32 bg-white text-black rounded-t-[40px] md:rounded-t-[80px]\">\n <div class=\"max-w-5xl mx-auto px-6\">\n <div class=\"mb-16\">\n <h2 class=\"text-4xl md:text-6xl font-black uppercase tracking-tighter leading-none mb-4 italic\">\u0414\u0432\u0430 \u0434\u043d\u044f \u2014 <br>\u043e\u0434\u043d\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f<\/h2>\n <p class=\"text-gray-500 uppercase tracking-widest text-xs font-bold\">\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u043c \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439<\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-2 gap-8 items-stretch\">\n \n <!-- 1 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 (\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0417\u0410\u0413\u0421) -->\n <div class=\"flex flex-col justify-between p-8 md:p-10 bg-zinc-50 text-black rounded-[35px] border-2 border-zinc-900 shadow-[8px_8px_0px_0px_rgba(0,0,0,1)] relative overflow-hidden group min-h-[480px]\">\n <div class=\"absolute -top-10 -right-10 opacity-5 text-black group-hover:rotate-12 transition-transform duration-700 pointer-events-none\">\n <i class=\"fa-solid fa-ring text-[170px]\"><\/i>\n <\/div>\n\n <div class=\"relative z-10 space-y-6\">\n <div class=\"flex items-center gap-4\">\n <span class=\"text-5xl font-black text-zinc-900\/10 leading-none\">01<\/span>\n <div>\n <h3 class=\"text-2xl font-black uppercase leading-none\">1 \u0410\u0432\u0433\u0443\u0441\u0442\u0430<\/h3>\n <p class=\"text-[10px] uppercase tracking-widest text-amber-600 font-bold mt-1\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/p>\n <\/div>\n <\/div>\n \n <div class=\"space-y-4 pt-4 border-t border-zinc-200\">\n <div class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-clock mt-1 text-amber-500\"><\/i>\n <div>\n <p class=\"font-bold text-lg\">14:00 \u2014 \u0421\u0431\u043e\u0440 \u0433\u043e\u0441\u0442\u0435\u0439<\/p>\n <p class=\"text-sm text-zinc-700 font-medium\">\u0414\u0432\u043e\u0440\u0435\u0446 \u0431\u0440\u0430\u043a\u043e\u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u044f<\/p>\n <p class=\"text-xs text-zinc-500 mt-0.5\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0417\u0410\u0413\u0421 \u0421\u0432\u0435\u0440\u0434\u043b\u043e\u0432\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438<\/p>\n <p class=\"text-xs text-zinc-400 mt-1\">\u0433. \u0415\u043a\u0430\u0442\u0435\u0440\u0438\u043d\u0431\u0443\u0440\u0433, \u0443\u043b. \u041a\u0430\u0440\u043b\u0430 \u041b\u0438\u0431\u043a\u043d\u0435\u0445\u0442\u0430, 3<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-phone mt-1 text-amber-500\"><\/i>\n <p class=\"text-sm text-zinc-600 font-mono\">+7 (343) 389-03-90<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative z-10 mt-6 space-y-4\">\n <span class=\"block p-4 bg-amber-50 rounded-2xl text-xs font-medium text-amber-950 leading-relaxed border border-amber-200\/60\">\n <i class=\"fa-solid fa-info-circle mr-1 text-amber-500\"><\/i> \u041c\u044b \u0431\u0443\u0434\u0435\u043c \u043e\u0447\u0435\u043d\u044c \u0440\u0430\u0434\u044b \u0432\u0438\u0434\u0435\u0442\u044c \u0431\u043b\u0438\u0437\u043a\u0438\u0445 \u0432 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u0448\u0435\u0439 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438. \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u043c\u044b \u0443\u0435\u0437\u0436\u0430\u0435\u043c \u043d\u0430 \u0441\u0435\u043c\u0435\u0439\u043d\u044b\u0439 \u0443\u0436\u0438\u043d \u0441 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f\u043c\u0438. \u0412\u0435\u0447\u0435\u0440\u0438\u043d\u043a\u0430 \u0434\u043b\u044f \u0434\u0440\u0443\u0437\u0435\u0439 \u0441\u043e\u0441\u0442\u043e\u0438\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435!\n <\/span>\n \n <div class=\"bg-zinc-900\/5 p-4 rounded-2xl flex justify-between items-center border border-zinc-900\/10\">\n <div>\n <p class=\"text-[9px] uppercase tracking-wider text-zinc-500 font-bold\">\u041a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0414\u0432\u043e\u0440\u0446\u0430<\/p>\n <p class=\"font-mono text-xs text-zinc-800\">56.836225, 60.612196<\/p>\n <\/div>\n <a href=\"https:\/\/yandex.ru\/maps\/org\/upravleniye_zags_sverdlovskoy_oblasti_dvorets_brakosochetaniya\/125502093405\/\" target=\"_blank\" class=\"w-10 h-10 bg-zinc-900 text-white rounded-full flex items-center justify-center hover:bg-amber-500 hover:text-black transition\" title=\"\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432 \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442\u0430\u0445\">\n <i class=\"fa-solid fa-location-arrow\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- 8 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 (\u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0412\u0435\u0447\u0435\u0440\u0438\u043d\u043a\u0438) -->\n <div class=\"flex flex-col justify-between p-8 md:p-10 bg-black text-white rounded-[35px] border-2 border-zinc-800 shadow-[8px_8px_0px_0px_rgba(245,158,11,1)] relative overflow-hidden group min-h-[480px]\">\n <div class=\"absolute -top-10 -right-10 opacity-10 text-white group-hover:rotate-12 transition-transform duration-700 pointer-events-none\">\n <i class=\"fa-solid fa-martini-glass-citrus text-[170px]\"><\/i>\n <\/div>\n \n <div class=\"relative z-10 space-y-6\">\n <div class=\"flex items-center gap-4\">\n <span class=\"text-5xl font-black text-neutral-800 leading-none\">08<\/span>\n <div>\n <h3 class=\"text-2xl font-black uppercase leading-none\">8 \u0410\u0432\u0433\u0443\u0441\u0442\u0430<\/h3>\n <p class=\"text-[10px] uppercase tracking-widest text-amber-500 font-bold mt-1\">Main Urban Party<\/p>\n <\/div>\n <\/div>\n\n <div class=\"space-y-4 pt-4 border-t border-white\/10\">\n <div class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-glass-cheers mt-1 text-amber-500\"><\/i>\n <div>\n <p class=\"font-bold text-lg\">18:00 \u2014 \u0421\u0432\u043e\u0431\u043e\u0434\u043d\u044b\u0439 \u0441\u0431\u043e\u0440<\/p>\n <p class=\"text-sm text-gray-300 font-medium\">\u0417\u0430\u0433\u043e\u0440\u043e\u0434\u043d\u044b\u0439 \u043a\u043b\u0443\u0431 \u00ab\u041c\u044b\u0441 \u0420\u0443\u043d\u0434\u0443\u043a\u00bb<\/p>\n <p class=\"text-xs text-gray-400 mt-1\">\u0433. \u0415\u043a\u0430\u0442\u0435\u0440\u0438\u043d\u0431\u0443\u0440\u0433, \u0443\u043b. \u041e\u0442\u0434\u044b\u0445\u0430, 25<\/p>\n <p class=\"text-[10px] text-gray-500 mt-1\">\u0412\u0440\u0435\u043c\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043b\u043e\u043a\u0430\u0446\u0438\u0438: \u043f\u043d\u2013\u0432\u0441 11:00\u201323:00<\/p>\n <\/div>\n <\/div>\n\n <div class=\"text-sm space-y-2 opacity-90 font-light pl-7\">\n <p><i class=\"fa-solid fa-phone w-6 text-amber-500\"><\/i> +7 (912) 297-33-77<\/p>\n <p><i class=\"fa-solid fa-envelope w-6 text-amber-500\"><\/i> mysrunduk@mail.ru<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"relative z-10 mt-6 space-y-4\">\n <span class=\"block p-4 bg-white\/5 rounded-2xl text-xs font-medium text-zinc-300 leading-relaxed border border-white\/10\">\n <i class=\"fa-solid fa-beer-mug-empty mr-1 text-amber-500\"><\/i> \u041e\u0434\u0435\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e \u0438 \u0431\u0443\u0434\u044c\u0442\u0435 \u0433\u043e\u0442\u043e\u0432\u044b \u043a \u0442\u0430\u043d\u0446\u0430\u043c \u043d\u0430 \u0441\u0432\u0435\u0436\u0435\u043c \u0432\u043e\u0437\u0434\u0443\u0445\u0435. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u0433\u0438\u0445 \u043a\u043e\u0441\u0442\u044e\u043c\u043e\u0432, \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u2014 \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435!\n <\/span>\n\n <div class=\"bg-white\/5 p-4 rounded-2xl flex justify-between items-center border border-white\/10\">\n <div>\n <p class=\"text-[9px] uppercase tracking-wider opacity-50 font-bold\">\u041a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0438<\/p>\n <p class=\"font-mono text-xs text-amber-400\">56.865235, 60.691681<\/p>\n <\/div>\n <a href=\"https:\/\/yandex.ru\/maps\/?rtext=~56.865235,60.691681\" target=\"_blank\" class=\"w-10 h-10 bg-amber-500 text-black rounded-full flex items-center justify-center hover:bg-white transition\" title=\"\u041f\u0440\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043c\u0430\u0440\u0448\u0440\u0443\u0442\">\n <i class=\"fa-solid fa-location-arrow\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- \u0411\u043b\u043e\u043a \u0414\u0440\u0435\u0441\u0441-\u043a\u043e\u0434\u0430 -->\n <div class=\"mt-8\">\n <div class=\"bg-amber-500 text-black p-8 md:p-12 rounded-[40px] flex flex-col items-center text-center gap-4\">\n <i class=\"fa-solid fa-shirt text-4xl opacity-85\"><\/i>\n <div>\n <h4 class=\"font-black uppercase text-2xl\">\u0414\u0440\u0435\u0441\u0441-\u043a\u043e\u0434: \u0421\u0432\u043e\u0431\u043e\u0434\u0430 \u0441\u0430\u043c\u043e\u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/h4>\n <p class=\"text-sm font-medium mt-1\">8 \u0430\u0432\u0433\u0443\u0441\u0442\u0430 \u043c\u044b \u0445\u043e\u0442\u0438\u043c, \u0447\u0442\u043e\u0431\u044b \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043a\u043e\u043c\u0444\u043e\u0440\u0442\u043d\u043e. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u0433\u0438\u0445 \u0440\u0430\u043c\u043e\u043a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0420\u0430\u0437\u0434\u0435\u043b RSVP \u0444\u043e\u0440\u043c\u044b -->\n <section id=\"rsvp\" class=\"py-24 bg-black relative\">\n <div class=\"max-w-lg mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-4xl font-black uppercase mb-1 tracking-tighter\">RSVP<\/h2>\n <p class=\"text-[9px] text-amber-500\/80 uppercase tracking-[0.2em] mb-3\">R\u00e9pondez s\u2019il vous pla\u00eet \u2022 \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0442\u0432\u0435\u0442\u044c\u0442\u0435<\/p>\n <p class=\"text-gray-500 text-xs uppercase tracking-[0.3em]\">\u0434\u043e 15 \u0438\u044e\u043b\u044f<\/p>\n <\/div>\n\n <form id=\"rsvpForm\" class=\"space-y-6\">\n <div class=\"relative\">\n <input type=\"text\" id=\"name\" required placeholder=\" \" \n class=\"peer w-full bg-transparent border-b-2 border-gray-800 py-4 focus:outline-none focus:border-amber-500 transition-colors uppercase font-bold text-sm tracking-widest\">\n <label for=\"name\" class=\"absolute left-0 top-4 text-gray-500 text-xs uppercase tracking-widest transition-all peer-focus:-top-4 peer-focus:text-amber-500 peer-[:not(:placeholder-shown)]:-top-4\">\u0412\u0430\u0448\u0435 \u0418\u043c\u044f<\/label>\n <\/div>\n \n <div class=\"grid grid-cols-2 gap-4 py-4\">\n <label class=\"relative group cursor-pointer\">\n <input type=\"radio\" name=\"attendance\" value=\"yes\" checked class=\"hidden peer\">\n <div class=\"w-full py-4 text-center border-2 border-gray-800 rounded-2xl peer-checked:border-amber-500 peer-checked:bg-amber-500 peer-checked:text-black transition-all\">\n <span class=\"text-[10px] font-black uppercase tracking-widest\">\u041f\u0440\u0438\u0434\u0443<\/span>\n <\/div>\n <\/label>\n <label class=\"relative group cursor-pointer\">\n <input type=\"radio\" name=\"attendance\" value=\"no\" class=\"hidden peer\">\n <div class=\"w-full py-4 text-center border-2 border-gray-800 rounded-2xl peer-checked:border-red-500 peer-checked:bg-red-500 transition-all\">\n <span class=\"text-[10px] font-black uppercase tracking-widest\">\u041d\u0435 \u0441\u043c\u043e\u0433\u0443<\/span>\n <\/div>\n <\/label>\n <\/div>\n\n <div class=\"space-y-3 pt-2 text-center\">\n <span class=\"block text-[10px] uppercase text-gray-500 tracking-widest mx-auto\"><i class=\"fa-solid fa-wine-glass-empty text-amber-500 mr-1\"><\/i> \u0427\u0442\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0435\u0442\u0435 \u0438\u0437 \u043d\u0430\u043f\u0438\u0442\u043a\u043e\u0432?<\/span>\n <div class=\"flex flex-wrap gap-2 justify-center\">\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u0418\u0433\u0440\u0438\u0441\u0442\u043e\u0435\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83c\udf7e \u0418\u0433\u0440\u0438\u0441\u0442\u043e\u0435<\/span>\n <\/div>\n <\/label>\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u0412\u0438\u043d\u043e (\u041a\u0440\u0430\u0441\u043d\u043e\u0435\/\u0411\u0435\u043b\u043e\u0435)\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83c\udf77 \u0412\u0438\u043d\u043e<\/span>\n <\/div>\n <\/label>\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u0412\u043e\u0434\u043a\u0430 \/ \u0412\u0438\u0441\u043a\u0438 \/ \u041a\u043e\u043d\u044c\u044f\u043a\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83e\udd43 \u041a\u0440\u0435\u043f\u043a\u043e\u0435<\/span>\n <\/div>\n <\/label>\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u041f\u0438\u0432\u043e \/ \u0421\u0438\u0434\u0440\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83c\udf7a \u041f\u0438\u0432\u043e \/ \u0421\u0438\u0434\u0440<\/span>\n <\/div>\n <\/label>\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u041a\u043e\u043a\u0442\u0435\u0439\u043b\u0438\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83c\udf79 \u041a\u043e\u043a\u0442\u0435\u0439\u043b\u0438<\/span>\n <\/div>\n <\/label>\n <label class=\"relative cursor-pointer select-none\">\n <input type=\"checkbox\" name=\"drinks\" value=\"\u0422\u043e\u043b\u044c\u043a\u043e \u0431\u0435\u0437\u0430\u043b\u043a\u043e\u0433\u043e\u043b\u044c\u043d\u044b\u0435\" class=\"sr-only peer\">\n <div class=\"flex items-center gap-1.5 px-3 py-2.5 bg-white\/5 border border-white\/10 rounded-2xl transition-all peer-checked:bg-amber-500 peer-checked:border-amber-500 peer-checked:text-black text-[11px] font-bold uppercase tracking-wider\">\n <span>\ud83e\udd64 \u0422\u043e\u043b\u044c\u043a\u043e \u0411\/\u0410<\/span>\n <\/div>\n <\/label>\n <\/div>\n <\/div>\n\n <div class=\"space-y-3 pt-2 text-center\">\n <label for=\"message\" class=\"block text-[10px] uppercase text-gray-500 tracking-widest mx-auto\">\n <i class=\"fa-solid fa-utensils text-amber-500 mr-1\"><\/i> \u041f\u0438\u0449\u0435\u0432\u044b\u0435 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f, \u0430\u043b\u043b\u0435\u0440\u0433\u0438\u0438 \u0438\u043b\u0438 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f\n <\/label>\n <textarea id=\"message\" rows=\"2\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u0430\u043b\u043b\u0435\u0440\u0433\u0438\u044f \u043d\u0430 \u0446\u0438\u0442\u0440\u0443\u0441\u043e\u0432\u044b\u0435, \u0432\u0435\u0433\u0435\u0442\u0430\u0440\u0438\u0430\u043d\u0441\u043a\u043e\u0435 \u043c\u0435\u043d\u044e...\" \n class=\"peer w-full bg-white\/5 rounded-2xl p-4 focus:outline-none border-2 border-gray-800 focus:border-amber-500 transition-all text-sm text-center placeholder:text-gray-600\"><\/textarea>\n <\/div>\n\n <div class=\"flex items-start gap-3 py-2 text-left\">\n <input type=\"checkbox\" id=\"consent\" required\n class=\"w-4 h-4 mt-1 accent-amber-500 bg-black border-gray-800 rounded focus:ring-amber-500\">\n <label for=\"consent\" class=\"text-[10px] text-gray-400 leading-normal\">\n \u042f \u0434\u0430\u044e \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043c\u043e\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 <button type=\"button\" onclick=\"openPolicyModal()\" class=\"text-amber-500 underline hover:text-white transition\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/button> \u0434\u043b\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0438.\n <\/label>\n <\/div>\n\n <div class=\"py-2\">\n <div class=\"captcha-slider-container\" id=\"captchaContainer\">\n <div class=\"captcha-slider-text\" id=\"captchaText\">\u0421\u043c\u0430\u0445\u043d\u0438\u0442\u0435 \u0432\u043f\u0440\u0430\u0432\u043e \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438<\/div>\n <div class=\"captcha-slider-thumb\" id=\"captchaThumb\">\n <i class=\"fa-solid fa-angles-right\" id=\"captchaIcon\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n \n <button type=\"submit\" id=\"submitBtn\" disabled\n class=\"group relative w-full overflow-hidden bg-white\/10 text-white\/40 font-black py-6 rounded-2xl uppercase tracking-[0.3em] text-xs transition-all cursor-not-allowed\">\n <span id=\"btnText\" class=\"relative z-10\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442<\/span>\n <\/button>\n <\/form>\n\n <div id=\"successMsg\" class=\"hidden mt-8 text-center p-8 glass-card rounded-[30px] animate-pulse\">\n <i class=\"fa-solid fa-heart text-amber-500 text-3xl mb-4\"><\/i>\n <h3 class=\"font-black uppercase tracking-widest text-lg\">\u0421\u043f\u0430\u0441\u0438\u0431\u043e!<\/h3>\n <p class=\"text-xs text-gray-400 mt-2\">\u0412\u0430\u0448 \u043e\u0442\u0432\u0435\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u0433\u043e\u0441\u0442\u0435\u0439.<\/p>\n <\/div>\n \n <div id=\"errorMsg\" class=\"hidden mt-8 text-center p-6 border border-red-500\/30 bg-red-950\/20 rounded-[30px]\">\n <i class=\"fa-solid fa-triangle-exclamation text-red-500 text-2xl mb-2\"><\/i>\n <p class=\"text-xs text-red-200\">\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0421\u043a\u0440\u044b\u0442\u0430\u044f \u041f\u0430\u043d\u0435\u043b\u044c \u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u0430 -->\n <section id=\"adminPanel\" class=\"hidden py-12 bg-zinc-950 border-t border-amber-500\/30 relative\">\n <div class=\"max-w-xl mx-auto px-6\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-3 h-3 rounded-full bg-amber-500 animate-ping\"><\/div>\n <h3 class=\"text-sm font-black uppercase tracking-widest text-amber-500\">\u041f\u0430\u043d\u0435\u043b\u044c \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u0430<\/h3>\n <\/div>\n \n <div class=\"space-y-4 text-xs\">\n <div>\n <label class=\"block text-[10px] uppercase text-gray-500 tracking-wider mb-2\">\u0428\u0430\u0433 1. \u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u043a \u0433\u043e\u0441\u0442\u044e \/ \u0433\u043e\u0441\u0442\u044f\u043c<\/label>\n <select id=\"adminGreetingType\" class=\"w-full bg-white\/5 border border-zinc-800 p-3 rounded-xl focus:border-amber-500 focus:outline-none text-white\">\n <option value=\"DearPlural\" selected>\u0414\u043e\u0440\u043e\u0433\u0438\u0435 (\u0434\u043b\u044f \u043f\u0430\u0440\u044b \u0438\u043b\u0438 \u0441\u0435\u043c\u044c\u0438)<\/option>\n <option value=\"DearMale\">\u0414\u043e\u0440\u043e\u0433\u043e\u0439 (\u0434\u043b\u044f \u043c\u0443\u0436\u0447\u0438\u043d\u044b)<\/option>\n <option value=\"DearFemale\">\u0414\u043e\u0440\u043e\u0433\u0430\u044f (\u0434\u043b\u044f \u0436\u0435\u043d\u0449\u0438\u043d\u044b)<\/option>\n <option value=\"RespectedMale\">\u0423\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0439 (\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e, \u043c\u0443\u0436.)<\/option>\n <option value=\"RespectedFemale\">\u0423\u0432\u0430\u0436\u0430\u0435\u043c\u0430\u044f (\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e, \u0436\u0435\u043d.)<\/option>\n <option value=\"None\">\u0411\u0435\u0437 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f (\u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043c\u0435\u043d\u0430)<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"block text-[10px] uppercase text-gray-500 tracking-wider mb-2\">\u0428\u0430\u0433 2. \u0418\u043c\u0435\u043d\u0430 \u0433\u043e\u0441\u0442\u0435\u0439<\/label>\n <input type=\"text\" id=\"adminGuestNames\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u0435\u043d\u0430\" \n class=\"w-full bg-white\/5 border border-zinc-800 p-3 rounded-xl focus:border-amber-500 focus:outline-none text-white font-bold tracking-wide\">\n <\/div>\n\n <button type=\"button\" onclick=\"generateAndCopyLink()\" \n class=\"w-full bg-amber-500 text-black font-black py-4 rounded-xl uppercase tracking-widest hover:bg-white transition duration-300\">\n <i class=\"fa-solid fa-copy mr-2\"><\/i> \u0421\u043e\u0437\u0434\u0430\u0442\u044c \u0438 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443\n <\/button>\n\n <div id=\"adminSuccessAlert\" class=\"hidden p-3 bg-emerald-950\/30 border border-emerald-500\/30 rounded-xl text-center text-emerald-400\">\n \u0421\u0441\u044b\u043b\u043a\u0430 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0430!\n <\/div>\n\n <div class=\"mt-4 p-4 bg-black\/50 border border-zinc-900 rounded-xl\">\n <p class=\"text-[10px] text-gray-500 uppercase tracking-widest mb-1\">\u041f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430:<\/p>\n <p id=\"generatedLinkDisplay\" class=\"font-mono text-[10px] text-gray-400 break-all select-all\">\u0422\u0443\u0442 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0441\u0441\u044b\u043b\u043a\u0430…<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0424\u0443\u0442\u0435\u0440 -->\n <footer class=\"py-12 border-t border-white\/5 text-center mt-auto bg-black\">\n <p class=\"text-[9px] text-gray-600 uppercase tracking-[0.5em] font-medium\">\n Designed for Mikhail & Anna <br>\n <span class=\"mt-2 block opacity-50\">August 2026<\/span>\n <\/p>\n <div class=\"mt-4\">\n <button onclick=\"openPolicyModal()\" class=\"text-[10px] text-gray-500 underline hover:text-amber-500 transition\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 (152-\u0424\u0417)<\/button>\n <\/div>\n <\/footer>\n\n <!-- \u042e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u0438\u0439 Cookie \u0411\u0430\u043d\u043d\u0435\u0440 -->\n <div id=\"cookieBanner\" class=\"fixed bottom-4 left-4 right-4 md:left-auto md:max-w-md bg-zinc-900 border border-zinc-800 p-6 rounded-3xl shadow-2xl z-50 transform translate-y-20 opacity-0 transition-all duration-500 flex flex-col gap-4\">\n <div class=\"flex items-start gap-3\">\n <i class=\"fa-solid fa-cookie-bite text-amber-500 text-2xl mt-1\"><\/i>\n <div>\n <h4 class=\"text-xs font-black uppercase tracking-wider text-white\">\u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b Cookie<\/h4>\n <p class=\"text-[10px] text-gray-400 mt-1 leading-relaxed\">\n \u041d\u0430\u0448 \u0441\u0430\u0439\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0444\u0430\u0439\u043b\u044b cookie \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041e\u0441\u0442\u0430\u0432\u0430\u044f\u0441\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435, \u0432\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u0441 \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u043c\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0437\u0430\u043a\u043e\u043d\u043e\u0434\u0430\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0443 \u0420\u0424.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"flex justify-end gap-3 text-[10px] font-bold uppercase tracking-widest\">\n <button onclick=\"openPolicyModal()\" class=\"text-gray-400 hover:text-white px-3 py-2 transition\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/button>\n <button onclick=\"acceptCookies()\" class=\"bg-amber-500 text-black px-4 py-2 rounded-xl hover:bg-white transition\">\u041f\u0440\u0438\u043d\u044f\u0442\u044c<\/button>\n <\/div>\n <\/div>\n\n <!-- \u041c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e -->\n <div id=\"policyModal\" class=\"fixed inset-0 bg-black\/80 backdrop-blur-sm z-50 flex items-center justify-center p-4 opacity-0 pointer-events-none transition-all duration-300\">\n <div class=\"bg-zinc-950 border border-zinc-800 rounded-[30px] max-w-2xl w-full max-h-[80vh] flex flex-col overflow-hidden text-left shadow-2xl\">\n <div class=\"p-6 border-b border-zinc-800 flex justify-between items-center\">\n <h3 class=\"text-sm font-black uppercase tracking-wider text-amber-500\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u0432 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445<\/h3>\n <button onclick=\"closePolicyModal()\" class=\"text-gray-400 hover:text-white transition text-lg\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n <\/div>\n <div class=\"p-6 overflow-y-auto text-xs text-gray-300 space-y-4 leading-relaxed\">\n <p class=\"font-bold text-white text-xs\">1. \u041e\u0431\u0449\u0438\u0435 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/p>\n <p>\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u0424\u0435\u0434\u0435\u0440\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0437\u0430\u043a\u043e\u043d\u0430 \u043e\u0442 27.07.2006 \u2116 152-\u0424\u0417 \u00ab\u041e \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445\u00bb.<\/p>\n \n <p class=\"font-bold text-white text-xs\">2. \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/p>\n <p>\u041c\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u0434\u043e\u0431\u0440\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443 RSVP.<\/p>\n\n <p class=\"font-bold text-white text-xs\">3. \u0426\u0435\u043b\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445<\/p>\n <p>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0433\u043e\u0441\u0442\u0435\u0439 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441 \u0446\u0435\u043b\u044c\u044e \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438 \u0441\u0432\u0430\u0434\u0435\u0431\u043d\u043e\u0433\u043e \u0442\u043e\u0440\u0436\u0435\u0441\u0442\u0432\u0430.<\/p>\n\n <p class=\"font-bold text-white text-xs\">4. \u0411\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u044c \u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445<\/p>\n <p>\u0414\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u0442\u0440\u0435\u0442\u044c\u0438\u043c \u043b\u0438\u0446\u0430\u043c \u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u0434\u0430\u043b\u0435\u043d\u044b \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 (\u043f\u043e\u0441\u043b\u0435 9 \u0430\u0432\u0433\u0443\u0441\u0442\u0430 2026 \u0433\u043e\u0434\u0430).<\/p>\n\n <p class=\"font-bold text-white text-xs\">5. \u0424\u0430\u0439\u043b\u044b Cookie<\/p>\n <p>\u0421\u0430\u0439\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b cookie \u0434\u043b\u044f \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430.<\/p>\n \n <p class=\"font-bold text-white text-xs\">6. \u0412\u0430\u0448\u0438 \u043f\u0440\u0430\u0432\u0430<\/p>\n <p>\u0412\u044b \u0438\u043c\u0435\u0435\u0442\u0435 \u043f\u0440\u0430\u0432\u043e \u0432 \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u043e\u0442\u043e\u0437\u0432\u0430\u0442\u044c \u0441\u0432\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u0441\u0432\u044f\u0437\u0430\u0432\u0448\u0438\u0441\u044c \u0441 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u0430\u043c\u0438 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435: <span class=\"text-amber-500 font-mono\">shapitap@mail.ru<\/span>.<\/p>\n <\/div>\n <div class=\"p-6 border-t border-zinc-800 text-right\">\n <button onclick=\"closePolicyModal()\" class=\"bg-amber-500 text-black px-6 py-3 rounded-2xl text-[10px] font-black uppercase tracking-widest hover:bg-white transition\">\u041f\u043e\u043d\u044f\u0442\u043d\u043e<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const googleSheetsWebAppUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbyaBPn7rudVxkSS_W6Jz0EyLnKx5muROzDgXXcJs-v4DNEY38ESmXELlMsxLdiL-J-iTA\/exec\"; \n let isCaptchaVerified = false;\n let isSubmitting = false; \/\/ \u0424\u043b\u0430\u0433 \u0434\u043b\u044f \u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u043a\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u0439 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438\n\n window.addEventListener('load', () => {\n if (!localStorage.getItem('cookiesAccepted')) {\n setTimeout(() => {\n const banner = document.getElementById('cookieBanner');\n if (banner) banner.classList.remove('translate-y-20', 'opacity-0');\n }, 1500);\n }\n\n const urlParams = new URLSearchParams(window.location.search);\n const rawGuest = urlParams.get('to');\n const prefixType = urlParams.get('p') || 'None';\n\n if (rawGuest) {\n const guestName = decodeURIComponent(rawGuest).trim();\n let fullGreeting = \"\";\n switch (prefixType) {\n case 'DearPlural': fullGreeting = `\u0414\u043e\u0440\u043e\u0433\u0438\u0435 ${guestName}!`; break;\n case 'DearMale': fullGreeting = `\u0414\u043e\u0440\u043e\u0433\u043e\u0439 ${guestName}!`; break;\n case 'DearFemale': fullGreeting = `\u0414\u043e\u0440\u043e\u0433\u0430\u044f ${guestName}!`; break;\n case 'RespectedMale': fullGreeting = `\u0423\u0432\u0430\u0436\u0430\u0435\u043c\u044b\u0439 ${guestName}!`; break;\n case 'RespectedFemale': fullGreeting = `\u0423\u0432\u0430\u0436\u0430\u0435\u043c\u0430\u044f ${guestName}!`; break;\n default: fullGreeting = `${guestName}!`;\n }\n\n const personalContainer = document.getElementById('personalContainer');\n const personalGreeting = document.getElementById('personalGreeting');\n if (personalContainer && personalGreeting) {\n personalGreeting.textContent = fullGreeting;\n personalContainer.classList.remove('hidden');\n }\n\n const nameInput = document.getElementById('name');\n if (nameInput) {\n nameInput.value = guestName;\n const label = nameInput.nextElementSibling;\n if (label) { label.classList.remove('top-4'); label.classList.add('-top-4', 'text-amber-500'); }\n }\n }\n\n if (urlParams.get('admin') === '1') {\n const adminPanel = document.getElementById('adminPanel');\n if (adminPanel) adminPanel.classList.remove('hidden');\n }\n });\n\n function generateAndCopyLink() {\n const guestNames = document.getElementById('adminGuestNames').value.trim();\n const prefixType = document.getElementById('adminGreetingType').value;\n const successAlert = document.getElementById('adminSuccessAlert');\n const displayBox = document.getElementById('generatedLinkDisplay');\n\n if (!guestNames) { alert('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f \u0433\u043e\u0441\u0442\u044f.'); return; }\n\n const baseUrl = window.location.protocol + '\/\/' + window.location.host + window.location.pathname;\n const finalUrl = `${baseUrl}?to=${encodeURIComponent(guestNames)}&p=${prefixType}`;\n if (displayBox) displayBox.textContent = finalUrl;\n\n const tempInput = document.createElement('input');\n tempInput.value = finalUrl;\n document.body.appendChild(tempInput);\n tempInput.select();\n try { document.execCommand('copy'); } catch (err) {}\n document.body.removeChild(tempInput);\n\n if (successAlert) {\n successAlert.classList.remove('hidden');\n setTimeout(() => { successAlert.classList.add('hidden'); }, 4000);\n }\n }\n\n function acceptCookies() {\n localStorage.setItem('cookiesAccepted', 'true');\n const banner = document.getElementById('cookieBanner');\n if (banner) banner.classList.add('translate-y-20', 'opacity-0');\n }\n\n function openPolicyModal() {\n const modal = document.getElementById('policyModal');\n if (modal) modal.classList.remove('pointer-events-none', 'opacity-0');\n }\n\n function closePolicyModal() {\n const modal = document.getElementById('policyModal');\n if (modal) modal.classList.add('pointer-events-none', 'opacity-0');\n }\n\n \/\/ \u041b\u043e\u0433\u0438\u043a\u0430 \u0441\u043b\u0430\u0439\u0434\u0435\u0440\u0430 \u0441 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 touch\n const sliderContainer = document.getElementById('captchaContainer');\n const sliderThumb = document.getElementById('captchaThumb');\n const sliderText = document.getElementById('captchaText');\n const sliderIcon = document.getElementById('captchaIcon');\n const submitBtn = document.getElementById('submitBtn');\n\n let isDragging = false;\n let startX = 0;\n let maxTranslate = 0;\n\n function updateMaxTranslate() {\n if (sliderContainer && sliderThumb) maxTranslate = sliderContainer.clientWidth - sliderThumb.clientWidth - 4;\n }\n window.addEventListener('resize', updateMaxTranslate);\n updateMaxTranslate();\n\n function startDrag(e) {\n if (isCaptchaVerified) return;\n isDragging = true;\n startX = (e.type === 'touchstart' ? e.touches[0].clientX : e.clientX);\n }\n\n function moveDrag(e) {\n if (!isDragging || isCaptchaVerified || !sliderThumb) return;\n let clientX = (e.type === 'touchmove' ? e.touches[0].clientX : e.clientX);\n let deltaX = clientX - startX;\n if (deltaX < 0) deltaX = 0; \n if (deltaX > maxTranslate) deltaX = maxTranslate;\n sliderThumb.style.transform = `translateX(${deltaX}px)`;\n if (sliderText) sliderText.style.opacity = 1 - (deltaX \/ maxTranslate) * 1.5;\n }\n\n function endDrag() {\n if (!isDragging || isCaptchaVerified || !sliderThumb) return;\n isDragging = false;\n const currentTranslate = parseInt(sliderThumb.style.transform.replace('translateX(', '').replace('px)', '')) || 0;\n if (currentTranslate >= maxTranslate - 5) {\n isCaptchaVerified = true;\n sliderThumb.style.transform = `translateX(${maxTranslate}px)`;\n sliderThumb.style.backgroundColor = '#f59e0b';\n if (sliderIcon) sliderIcon.className = 'fa-solid fa-check text-black';\n if (sliderText) { sliderText.innerText = '\u041f\u0420\u041e\u0412\u0415\u0420\u041a\u0410 \u041f\u0420\u041e\u0419\u0414\u0415\u041d\u0410'; sliderText.style.color = '#f59e0b'; }\n if (submitBtn) { submitBtn.removeAttribute('disabled'); submitBtn.className = \"group relative w-full overflow-hidden bg-white text-black font-black py-6 rounded-2xl uppercase tracking-[0.3em] text-xs transition-all hover:bg-amber-500 cursor-pointer\"; }\n } else {\n sliderThumb.style.transform = 'translateX(0px)';\n sliderText.style.opacity = 1;\n }\n }\n\n if (sliderThumb) {\n sliderThumb.addEventListener('mousedown', startDrag);\n sliderThumb.addEventListener('touchstart', startDrag, { passive: false });\n }\n window.addEventListener('mousemove', moveDrag);\n window.addEventListener('touchmove', moveDrag, { passive: false });\n window.addEventListener('mouseup', endDrag);\n window.addEventListener('touchend', endDrag);\n\n document.getElementById('rsvpForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n if (!isCaptchaVerified || isSubmitting) return;\n\n \/\/ \u0411\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443\n isSubmitting = true;\n submitBtn.disabled = true;\n document.getElementById('btnText').innerText = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\n submitBtn.style.opacity = '0.5';\n submitBtn.style.cursor = 'wait';\n\n const nameValue = document.getElementById('name').value;\n const attendanceValue = document.querySelector('input[name=\"attendance\"]:checked').value === 'yes' ? '\u041f\u0440\u0438\u0434\u0443' : '\u041d\u0435 \u0441\u043c\u043e\u0433\u0443';\n const selectedDrinks = Array.from(document.querySelectorAll('input[name=\"drinks\"]:checked')).map(c => c.value).join(', ');\n const foodWishes = document.getElementById('message').value.trim();\n \n const formData = { name: nameValue, attendance: attendanceValue, message: `\u041d\u0430\u043f\u0438\u0442\u043a\u0438: ${selectedDrinks || '\u041d\u0435\u0442'} | \u041f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f: ${foodWishes || '\u041d\u0435\u0442'}` };\n \n try {\n await fetch(googleSheetsWebAppUrl, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(formData) });\n this.style.opacity = '0';\n setTimeout(() => { this.classList.add('hidden'); document.getElementById('successMsg').classList.remove('hidden'); }, 300);\n } catch (err) { \n isSubmitting = false;\n submitBtn.disabled = false;\n document.getElementById('btnText').innerText = '\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442';\n submitBtn.style.opacity = '1';\n submitBtn.style.cursor = 'pointer';\n document.getElementById('errorMsg').classList.remove('hidden'); \n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0421\u0432\u0430\u0434\u044c\u0431\u0430 \u041c\u0438\u0445\u0430\u0438\u043b\u0430 \u0438 \u0410\u043d\u043d\u044b M & A \u0414\u0435\u0442\u0430\u043b\u0438 RSVP \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0442\u0435\u0433 \u0432\u0438\u0434\u0435\u043e. \u0417\u0430\u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0439\u0442\u0435 \u0434\u0430\u0442\u0443 \u041c\u0438\u0445\u0430\u0438\u043b & \u0410\u043d\u043d\u0430 \u0415\u043c\u0435\u043b\u044c\u044f\u043d\u043e\u0432\u044b 1 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 | \u0417\u0410\u0413\u0421 8 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 | PARTY \u0414\u0432\u0430 \u0434\u043d\u044f \u2014 \u043e\u0434\u043d\u0430 \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0433\u0440\u0430\u0444\u0438\u043a\u043e\u043c \u043c\u0435\u0440\u043e\u043f\u0440\u0438\u044f\u0442\u0438\u0439 01 1 \u0410\u0432\u0433\u0443\u0441\u0442\u0430 \u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f 14:00 \u2014 \u0421\u0431\u043e\u0440 \u0433\u043e\u0441\u0442\u0435\u0439 \u0414\u0432\u043e\u0440\u0435\u0446 \u0431\u0440\u0430\u043a\u043e\u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u044f \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0417\u0410\u0413\u0421 \u0421\u0432\u0435\u0440\u0434\u043b\u043e\u0432\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0433. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emel.su\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":4,"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/emel.su\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/emel.su\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}