{"id":9,"date":"2026-05-14T23:57:51","date_gmt":"2026-05-14T23:57:51","guid":{"rendered":"https:\/\/recovermy.website\/teamcardly\/?page_id=9"},"modified":"2026-05-18T21:58:15","modified_gmt":"2026-05-18T21:58:15","slug":"create-card","status":"publish","type":"page","link":"https:\/\/recovermy.website\/teamcardly\/create-card\/","title":{"rendered":"Create Card"},"content":{"rendered":"        <div class=\"tc-wrap\" id=\"tc-create-wrap\">\n\n            <!-- Progress bar -->\n            <div class=\"tc-progress\" role=\"progressbar\" aria-valuemin=\"1\" aria-valuemax=\"5\" aria-valuenow=\"1\">\n                <div class=\"tc-progress-bar\">\n                    <span class=\"tc-progress-fill\" style=\"width:20%\"><\/span>\n                <\/div>\n                <div class=\"tc-steps-labels\" aria-hidden=\"true\">\n                    <span class=\"tc-step-label tc-step-active\">Card Type<\/span>\n                    <span class=\"tc-step-label\">Design<\/span>\n                    <span class=\"tc-step-label\">Details<\/span>\n                    <span class=\"tc-step-label\">Logo<\/span>\n                    <span class=\"tc-step-label\">Share<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 Step 1: Choose card type \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tc-step\" id=\"tc-step-1\">\n                <h2 class=\"tc-step-heading\">What type of card would you like to create?<\/h2>\n                <p class=\"tc-step-sub\">Choose one to get started. No account needed.<\/p>\n\n                <div class=\"tc-card-type-grid\" role=\"radiogroup\" aria-label=\"Card types\">\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"birthday\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-birthday\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Birthday<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"leaving\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-leaving\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Leaving<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"welcome\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-welcome\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Welcome<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"thank-you\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-thank-you\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Thank You<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"work-anniversary\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-work-anniversary\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Work Anniversary<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"congratulations\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-congratulations\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Congratulations<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"retirement\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-retirement\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Retirement<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"get-well-soon\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-get-well-soon\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Get Well Soon<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"volunteer-appreciation\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-volunteer-appreciation\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Volunteer Appreciation<\/span>\n                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"tc-card-type-btn\"\n                            data-type=\"team-celebration\"\n                            aria-pressed=\"false\"\n                        >\n                            <span class=\"tc-card-type-icon tc-icon-team-celebration\" aria-hidden=\"true\"><\/span>\n                            <span class=\"tc-card-type-label\">Team Celebration<\/span>\n                        <\/button>\n                                    <\/div>\n\n                <p class=\"tc-validation-msg tc-hidden\" style=\"color:#e8445a;font-size:14px;margin:8px 0 0;text-align:center;\">\n                    Please select a card type to continue.                <\/p>\n                <div class=\"tc-step-nav tc-step-nav-right\">\n                    <button type=\"button\" class=\"tc-btn tc-btn-primary tc-next-step\" disabled>\n                        Choose Design &#8594;\n                    <\/button>\n                <\/div>\n            <\/div>\n\n\n            <!-- \u2500\u2500 Step 2: Choose card design \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <!-- \u2500\u2500 Step 2: Choose card design \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tc-step tc-step-hidden\" id=\"tc-step-2\">\n                <h2 class=\"tc-step-heading\">Choose a card design<\/h2>\n                <p class=\"tc-step-sub\">Pick a design that suits the occasion.<\/p>\n\n                                <div class=\"tc-design-set\" id=\"tc-design-set-birthday\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#f9a8d4\"\/>\n      <stop offset=\"50%\" stop-color=\"#e879f9\"\/>\n      <stop offset=\"100%\" stop-color=\"#a855f7\"\/>\n    <\/linearGradient>\n    <linearGradient id=\"cake-body\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fde68a\"\/>\n      <stop offset=\"100%\" stop-color=\"#f59e0b\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <!-- Background -->\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Decorative circles -->\n  <circle cx=\"60\" cy=\"80\" r=\"40\" fill=\"rgba(255,255,255,0.12)\"\/>\n  <circle cx=\"440\" cy=\"120\" r=\"60\" fill=\"rgba(255,255,255,0.08)\"\/>\n  <circle cx=\"80\" cy=\"600\" r=\"80\" fill=\"rgba(255,255,255,0.07)\"\/>\n  <circle cx=\"420\" cy=\"620\" r=\"50\" fill=\"rgba(255,255,255,0.1)\"\/>\n  <!-- Confetti dots -->\n  <circle cx=\"120\" cy=\"150\" r=\"6\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <circle cx=\"380\" cy=\"180\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <circle cx=\"200\" cy=\"120\" r=\"5\" fill=\"rgba(255,255,255,0.6)\"\/>\n  <circle cx=\"310\" cy=\"90\" r=\"7\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <circle cx=\"450\" cy=\"250\" r=\"5\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <circle cx=\"50\" cy=\"300\" r=\"4\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <circle cx=\"160\" cy=\"580\" r=\"5\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <circle cx=\"400\" cy=\"560\" r=\"6\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <!-- Stars -->\n  <text x=\"100\" y=\"200\" font-size=\"20\" fill=\"rgba(255,255,255,0.5)\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"370\" y=\"160\" font-size=\"16\" fill=\"rgba(255,255,255,0.4)\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"440\" y=\"350\" font-size=\"14\" fill=\"rgba(255,255,255,0.35)\" font-family=\"sans-serif\">\u2605<\/text>\n  <!-- Birthday Cake -->\n  <!-- Plate -->\n  <ellipse cx=\"250\" cy=\"430\" rx=\"100\" ry=\"14\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <!-- Cake bottom tier -->\n  <rect x=\"155\" y=\"360\" width=\"190\" height=\"70\" rx=\"8\" fill=\"url(#cake-body)\"\/>\n  <rect x=\"155\" y=\"358\" width=\"190\" height=\"18\" rx=\"4\" fill=\"#fef3c7\"\/>\n  <!-- Pink frosting drips bottom -->\n  <path d=\"M155 376 Q170 390 185 376 Q200 390 215 376 Q230 390 245 376 Q260 390 275 376 Q290 390 305 376 Q320 390 335 376 Q345 376 345 376\" stroke=\"#f9a8d4\" stroke-width=\"8\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <!-- Cake top tier -->\n  <rect x=\"185\" y=\"295\" width=\"130\" height=\"65\" rx=\"8\" fill=\"#fde68a\"\/>\n  <rect x=\"185\" y=\"293\" width=\"130\" height=\"18\" rx=\"4\" fill=\"#fff\"\/>\n  <!-- Pink frosting drips top -->\n  <path d=\"M185 311 Q198 325 211 311 Q224 325 237 311 Q250 325 263 311 Q276 325 289 311 Q302 325 315 311\" stroke=\"#f9a8d4\" stroke-width=\"7\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <!-- Candles -->\n  <rect x=\"220\" y=\"262\" width=\"10\" height=\"34\" rx=\"4\" fill=\"#f472b6\"\/>\n  <rect x=\"245\" y=\"255\" width=\"10\" height=\"40\" rx=\"4\" fill=\"#a78bfa\"\/>\n  <rect x=\"270\" y=\"260\" width=\"10\" height=\"36\" rx=\"4\" fill=\"#fb923c\"\/>\n  <!-- Flames -->\n  <ellipse cx=\"225\" cy=\"258\" rx=\"5\" ry=\"8\" fill=\"#fbbf24\"\/>\n  <ellipse cx=\"225\" cy=\"255\" rx=\"3\" ry=\"5\" fill=\"#fff\"\/>\n  <ellipse cx=\"250\" cy=\"251\" rx=\"5\" ry=\"8\" fill=\"#fbbf24\"\/>\n  <ellipse cx=\"250\" cy=\"248\" rx=\"3\" ry=\"5\" fill=\"#fff\"\/>\n  <ellipse cx=\"275\" cy=\"256\" rx=\"5\" ry=\"8\" fill=\"#fbbf24\"\/>\n  <ellipse cx=\"275\" cy=\"253\" rx=\"3\" ry=\"5\" fill=\"#fff\"\/>\n  <!-- Decorative dots on cake -->\n  <circle cx=\"200\" cy=\"395\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <circle cx=\"225\" cy=\"388\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <circle cx=\"250\" cy=\"395\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <circle cx=\"275\" cy=\"388\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <circle cx=\"300\" cy=\"395\" r=\"5\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <!-- Balloons -->\n  <ellipse cx=\"140\" cy=\"180\" rx=\"28\" ry=\"35\" fill=\"rgba(251,191,36,0.85)\"\/>\n  <line x1=\"140\" y1=\"215\" x2=\"145\" y2=\"255\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1.5\"\/>\n  <ellipse cx=\"360\" cy=\"200\" rx=\"28\" ry=\"35\" fill=\"rgba(167,139,250,0.85)\"\/>\n  <line x1=\"360\" y1=\"235\" x2=\"355\" y2=\"270\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1.5\"\/>\n  <ellipse cx=\"410\" cy=\"160\" rx=\"22\" ry=\"28\" fill=\"rgba(249,168,212,0.85)\"\/>\n  <line x1=\"410\" y1=\"188\" x2=\"407\" y2=\"220\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1.5\"\/>\n<\/svg>\n                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#1d4ed8\"\/>\n      <stop offset=\"50%\" stop-color=\"#7c3aed\"\/>\n      <stop offset=\"100%\" stop-color=\"#db2777\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Stars scattered -->\n  <circle cx=\"80\" cy=\"100\" r=\"3\" fill=\"white\" opacity=\"0.8\"\/>\n  <circle cx=\"200\" cy=\"60\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"350\" cy=\"80\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"450\" cy=\"130\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"130\" cy=\"180\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"200\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"60\" cy=\"280\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"470\" cy=\"320\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"100\" cy=\"560\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"400\" cy=\"580\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <!-- Large gift box -->\n  <!-- Box shadow -->\n  <rect x=\"142\" y=\"382\" width=\"216\" height=\"160\" rx=\"4\" fill=\"rgba(0,0,0,0.2)\"\/>\n  <!-- Box body -->\n  <rect x=\"140\" y=\"380\" width=\"216\" height=\"160\" rx=\"4\" fill=\"#dc2626\"\/>\n  <!-- Box lid -->\n  <rect x=\"130\" y=\"340\" width=\"236\" height=\"50\" rx=\"6\" fill=\"#b91c1c\"\/>\n  <!-- Ribbon vertical -->\n  <rect x=\"240\" y=\"340\" width=\"20\" height=\"200\" fill=\"#fbbf24\"\/>\n  <!-- Ribbon horizontal -->\n  <rect x=\"130\" y=\"355\" width=\"236\" height=\"20\" fill=\"#fbbf24\"\/>\n  <!-- Bow left loop -->\n  <ellipse cx=\"210\" cy=\"320\" rx=\"40\" ry=\"25\" fill=\"#f59e0b\" transform=\"rotate(-20 210 320)\"\/>\n  <ellipse cx=\"207\" cy=\"318\" rx=\"28\" ry=\"16\" fill=\"#fbbf24\" transform=\"rotate(-20 207 318)\"\/>\n  <!-- Bow right loop -->\n  <ellipse cx=\"290\" cy=\"320\" rx=\"40\" ry=\"25\" fill=\"#f59e0b\" transform=\"rotate(20 290 320)\"\/>\n  <ellipse cx=\"293\" cy=\"318\" rx=\"28\" ry=\"16\" fill=\"#fbbf24\" transform=\"rotate(20 293 318)\"\/>\n  <!-- Bow centre -->\n  <circle cx=\"250\" cy=\"330\" r=\"16\" fill=\"#f59e0b\"\/>\n  <circle cx=\"250\" cy=\"330\" r=\"10\" fill=\"#fbbf24\"\/>\n  <!-- Polka dots on box -->\n  <circle cx=\"180\" cy=\"420\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"220\" cy=\"460\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"310\" cy=\"415\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"340\" cy=\"460\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"200\" cy=\"500\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"320\" cy=\"500\" r=\"10\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <!-- Sparkles around box -->\n  <text x=\"100\" y=\"360\" font-size=\"28\" fill=\"rgba(251,191,36,0.9)\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"370\" y=\"340\" font-size=\"22\" fill=\"rgba(251,191,36,0.8)\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"380\" y=\"480\" font-size=\"18\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"90\" y=\"500\" font-size=\"16\" fill=\"rgba(255,255,255,0.5)\" font-family=\"sans-serif\">\u2726<\/text>\n  <!-- Confetti -->\n  <rect x=\"90\" y=\"200\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#fbbf24\" transform=\"rotate(30 90 200)\"\/>\n  <rect x=\"400\" y=\"220\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#f9a8d4\" transform=\"rotate(-20 400 220)\"\/>\n  <rect x=\"130\" y=\"260\" width=\"6\" height=\"3\" rx=\"1\" fill=\"#a78bfa\" transform=\"rotate(45 130 260)\"\/>\n  <rect x=\"380\" y=\"280\" width=\"6\" height=\"3\" rx=\"1\" fill=\"#86efac\" transform=\"rotate(-35 380 280)\"\/>\n  <rect x=\"70\" y=\"380\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#fde68a\" transform=\"rotate(15 70 380)\"\/>\n  <rect x=\"430\" y=\"400\" width=\"6\" height=\"3\" rx=\"1\" fill=\"#fca5a5\" transform=\"rotate(-45 430 400)\"\/>\n<\/svg>\n                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#0f172a\"\/>\n      <stop offset=\"100%\" stop-color=\"#1e1b4b\"\/>\n    <\/linearGradient>\n    <radialGradient id=\"glow\" cx=\"50%\" cy=\"45%\" r=\"40%\">\n      <stop offset=\"0%\" stop-color=\"#a855f7\" stop-opacity=\"0.4\"\/>\n      <stop offset=\"100%\" stop-color=\"transparent\"\/>\n    <\/radialGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <rect width=\"500\" height=\"700\" fill=\"url(#glow)\"\/>\n  <!-- Fireworks -->\n  <!-- Firework 1 - gold top left -->\n  <g transform=\"translate(120,160)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-55\" stroke=\"#fbbf24\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"39\" y2=\"-39\" stroke=\"#fbbf24\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"55\" y2=\"0\" stroke=\"#fbbf24\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"39\" y2=\"39\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"55\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-39\" y2=\"39\" stroke=\"#fbbf24\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-55\" y2=\"0\" stroke=\"#fbbf24\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-39\" y2=\"-39\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"-55\" r=\"4\" fill=\"#fde68a\"\/>\n    <circle cx=\"39\" cy=\"-39\" r=\"4\" fill=\"#fde68a\"\/>\n    <circle cx=\"55\" cy=\"0\" r=\"4\" fill=\"#fde68a\"\/>\n    <circle cx=\"39\" cy=\"39\" r=\"3\" fill=\"#fbbf24\"\/>\n    <circle cx=\"0\" cy=\"55\" r=\"3\" fill=\"#fbbf24\"\/>\n    <circle cx=\"-39\" cy=\"39\" r=\"4\" fill=\"#fde68a\"\/>\n    <circle cx=\"-55\" cy=\"0\" r=\"4\" fill=\"#fde68a\"\/>\n    <circle cx=\"-39\" cy=\"-39\" r=\"3\" fill=\"#fbbf24\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#fef3c7\"\/>\n  <\/g>\n  <!-- Firework 2 - pink right -->\n  <g transform=\"translate(380,200)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-45\" stroke=\"#f472b6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"32\" y2=\"-32\" stroke=\"#f472b6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"45\" y2=\"0\" stroke=\"#f9a8d4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"32\" y2=\"32\" stroke=\"#f9a8d4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"45\" stroke=\"#f472b6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-32\" y2=\"32\" stroke=\"#f472b6\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-45\" y2=\"0\" stroke=\"#f9a8d4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-32\" y2=\"-32\" stroke=\"#f9a8d4\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"-45\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"32\" cy=\"-32\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"45\" cy=\"0\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"32\" cy=\"32\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"0\" cy=\"45\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"-32\" cy=\"32\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"-45\" cy=\"0\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"-32\" cy=\"-32\" r=\"3\" fill=\"#fce7f3\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#fdf2f8\"\/>\n  <\/g>\n  <!-- Firework 3 - purple centre -->\n  <g transform=\"translate(250,340)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-65\" stroke=\"#a855f7\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"46\" y2=\"-46\" stroke=\"#c084fc\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"65\" y2=\"0\" stroke=\"#a855f7\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"46\" y2=\"46\" stroke=\"#c084fc\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"65\" stroke=\"#a855f7\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-46\" y2=\"46\" stroke=\"#c084fc\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-65\" y2=\"0\" stroke=\"#a855f7\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-46\" y2=\"-46\" stroke=\"#c084fc\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"-65\" r=\"5\" fill=\"#e9d5ff\"\/>\n    <circle cx=\"46\" cy=\"-46\" r=\"5\" fill=\"#e9d5ff\"\/>\n    <circle cx=\"65\" cy=\"0\" r=\"5\" fill=\"#e9d5ff\"\/>\n    <circle cx=\"46\" cy=\"46\" r=\"4\" fill=\"#c084fc\"\/>\n    <circle cx=\"0\" cy=\"65\" r=\"4\" fill=\"#c084fc\"\/>\n    <circle cx=\"-46\" cy=\"46\" r=\"5\" fill=\"#e9d5ff\"\/>\n    <circle cx=\"-65\" cy=\"0\" r=\"5\" fill=\"#e9d5ff\"\/>\n    <circle cx=\"-46\" cy=\"-46\" r=\"4\" fill=\"#c084fc\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#f5f3ff\"\/>\n  <\/g>\n  <!-- Firework 4 small - bottom left -->\n  <g transform=\"translate(90,520)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-35\" stroke=\"#34d399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"25\" y2=\"-25\" stroke=\"#34d399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"35\" y2=\"0\" stroke=\"#34d399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"25\" y2=\"25\" stroke=\"#6ee7b7\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"35\" stroke=\"#6ee7b7\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-25\" y2=\"25\" stroke=\"#34d399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-35\" y2=\"0\" stroke=\"#34d399\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-25\" y2=\"-25\" stroke=\"#6ee7b7\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#d1fae5\"\/>\n  <\/g>\n  <!-- Firework 5 small - bottom right -->\n  <g transform=\"translate(420,510)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-32\" stroke=\"#fb923c\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"23\" y2=\"-23\" stroke=\"#fb923c\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"32\" y2=\"0\" stroke=\"#fdba74\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"23\" y2=\"23\" stroke=\"#fdba74\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"32\" stroke=\"#fb923c\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-23\" y2=\"23\" stroke=\"#fb923c\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-32\" y2=\"0\" stroke=\"#fdba74\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <line x1=\"0\" y1=\"0\" x2=\"-23\" y2=\"-23\" stroke=\"#fdba74\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#ffedd5\"\/>\n  <\/g>\n  <!-- Floating stars -->\n  <circle cx=\"180\" cy=\"580\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"320\" cy=\"600\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"60\" cy=\"420\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"460\" cy=\"430\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>\n                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fef3c7\"\/>\n      <stop offset=\"100%\" stop-color=\"#fde68a\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Confetti pieces - lots of them -->\n  <rect x=\"60\" y=\"50\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#f472b6\" transform=\"rotate(25 60 50)\"\/>\n  <rect x=\"130\" y=\"80\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-15 130 80)\"\/>\n  <rect x=\"200\" y=\"40\" width=\"14\" height=\"6\" rx=\"3\" fill=\"#3b82f6\" transform=\"rotate(40 200 40)\"\/>\n  <rect x=\"280\" y=\"70\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-30 280 70)\"\/>\n  <rect x=\"360\" y=\"50\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#f59e0b\" transform=\"rotate(20 360 50)\"\/>\n  <rect x=\"430\" y=\"90\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#ef4444\" transform=\"rotate(-40 430 90)\"\/>\n  <rect x=\"80\" y=\"150\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#8b5cf6\" transform=\"rotate(55 80 150)\"\/>\n  <rect x=\"420\" y=\"160\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#06b6d4\" transform=\"rotate(-25 420 160)\"\/>\n  <rect x=\"50\" y=\"600\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(35 50 600)\"\/>\n  <rect x=\"450\" y=\"580\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#a855f7\" transform=\"rotate(-15 450 580)\"\/>\n  <rect x=\"100\" y=\"620\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(45 100 620)\"\/>\n  <rect x=\"400\" y=\"640\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-35 400 640)\"\/>\n  <!-- Big number candles -->\n  <!-- Number 3 -->\n  <text x=\"90\" y=\"450\" font-size=\"240\" font-weight=\"900\" fill=\"rgba(251,191,36,0.35)\" font-family=\"Georgia, serif\">3<\/text>\n  <!-- Big cake slice icon centre -->\n  <g transform=\"translate(250,350)\">\n    <!-- Cake slice -->\n    <path d=\"M0,-80 L70,40 L-70,40 Z\" fill=\"#fde68a\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n    <path d=\"M-70,40 L70,40 L70,80 L-70,80 Z\" fill=\"#fbbf24\"\/>\n    <!-- Frosting on top of slice -->\n    <path d=\"M-70,40 Q-50,20 -30,40 Q-10,20 10,40 Q30,20 50,40 Q60,30 70,40\" fill=\"#fff\" stroke=\"#f9a8d4\" stroke-width=\"2\"\/>\n    <!-- Candle on top -->\n    <rect x=\"-8\" y=\"-110\" width=\"16\" height=\"35\" rx=\"6\" fill=\"#f472b6\"\/>\n    <!-- Flame -->\n    <ellipse cx=\"0\" cy=\"-118\" rx=\"7\" ry=\"12\" fill=\"#fbbf24\"\/>\n    <ellipse cx=\"0\" cy=\"-122\" rx=\"4\" ry=\"7\" fill=\"#fff7ed\"\/>\n    <!-- Sprinkles -->\n    <rect x=\"-40\" y=\"50\" width=\"8\" height=\"3\" rx=\"1\" fill=\"#f472b6\" transform=\"rotate(30 -40 50)\"\/>\n    <rect x=\"-15\" y=\"55\" width=\"8\" height=\"3\" rx=\"1\" fill=\"#a855f7\" transform=\"rotate(-20 -15 55)\"\/>\n    <rect x=\"15\" y=\"48\" width=\"8\" height=\"3\" rx=\"1\" fill=\"#3b82f6\" transform=\"rotate(45 15 48)\"\/>\n    <rect x=\"40\" y=\"54\" width=\"8\" height=\"3\" rx=\"1\" fill=\"#10b981\" transform=\"rotate(-35 40 54)\"\/>\n  <\/g>\n  <!-- Stars around -->\n  <text x=\"80\" y=\"300\" font-size=\"24\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"280\" font-size=\"20\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"430\" y=\"460\" font-size=\"16\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"60\" y=\"480\" font-size=\"18\" fill=\"#3b82f6\" font-family=\"sans-serif\">\u2605<\/text>\n<\/svg>\n                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#ecfdf5\"\/>\n      <stop offset=\"100%\" stop-color=\"#d1fae5\"\/>\n    <\/linearGradient>\n    <linearGradient id=\"stem\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n      <stop offset=\"0%\" stop-color=\"#166534\"\/>\n      <stop offset=\"100%\" stop-color=\"#22c55e\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Botanical - flowers and leaves -->\n  <!-- Large flower centre -->\n  <!-- Petals -->\n  <ellipse cx=\"250\" cy=\"280\" rx=\"38\" ry=\"65\" fill=\"#f9a8d4\" transform=\"rotate(0 250 280)\"\/>\n  <ellipse cx=\"250\" cy=\"280\" rx=\"38\" ry=\"65\" fill=\"#f472b6\" transform=\"rotate(45 250 280)\"\/>\n  <ellipse cx=\"250\" cy=\"280\" rx=\"38\" ry=\"65\" fill=\"#f9a8d4\" transform=\"rotate(90 250 280)\"\/>\n  <ellipse cx=\"250\" cy=\"280\" rx=\"38\" ry=\"65\" fill=\"#f472b6\" transform=\"rotate(135 250 280)\"\/>\n  <!-- Flower centre -->\n  <circle cx=\"250\" cy=\"280\" r=\"32\" fill=\"#fbbf24\"\/>\n  <circle cx=\"250\" cy=\"280\" r=\"22\" fill=\"#f59e0b\"\/>\n  <circle cx=\"250\" cy=\"280\" r=\"12\" fill=\"#92400e\"\/>\n  <!-- Dots on centre -->\n  <circle cx=\"250\" cy=\"265\" r=\"3\" fill=\"#fde68a\"\/>\n  <circle cx=\"261\" cy=\"276\" r=\"3\" fill=\"#fde68a\"\/>\n  <circle cx=\"257\" cy=\"290\" r=\"3\" fill=\"#fde68a\"\/>\n  <circle cx=\"243\" cy=\"291\" r=\"3\" fill=\"#fde68a\"\/>\n  <circle cx=\"239\" cy=\"276\" r=\"3\" fill=\"#fde68a\"\/>\n  <!-- Stem -->\n  <path d=\"M250 310 Q240 380 230 450 Q220 500 225 560\" stroke=\"url(#stem)\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <!-- Leaves on stem -->\n  <ellipse cx=\"218\" cy=\"400\" rx=\"30\" ry=\"14\" fill=\"#16a34a\" transform=\"rotate(-30 218 400)\"\/>\n  <ellipse cx=\"245\" cy=\"460\" rx=\"28\" ry=\"13\" fill=\"#15803d\" transform=\"rotate(25 245 460)\"\/>\n  <ellipse cx=\"215\" cy=\"510\" rx=\"24\" ry=\"11\" fill=\"#16a34a\" transform=\"rotate(-20 215 510)\"\/>\n  <!-- Small flowers left -->\n  <g transform=\"translate(100,200)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#c084fc\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#a855f7\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#c084fc\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"#fde68a\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#f59e0b\"\/>\n  <\/g>\n  <!-- Small flowers right -->\n  <g transform=\"translate(400,220)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#86efac\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#4ade80\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#86efac\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#fef3c7\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"8\" fill=\"#fbbf24\"\/>\n  <\/g>\n  <!-- Tiny flowers top -->\n  <g transform=\"translate(160,100)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#fca5a5\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#f87171\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#fca5a5\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#fde68a\"\/>\n  <\/g>\n  <g transform=\"translate(350,110)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#93c5fd\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#60a5fa\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"10\" ry=\"18\" fill=\"#93c5fd\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#fde68a\"\/>\n  <\/g>\n  <!-- Scattered leaves -->\n  <ellipse cx=\"80\" cy=\"360\" rx=\"22\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(-40 80 360)\" opacity=\"0.7\"\/>\n  <ellipse cx=\"420\" cy=\"380\" rx=\"20\" ry=\"9\" fill=\"#15803d\" transform=\"rotate(35 420 380)\" opacity=\"0.7\"\/>\n  <ellipse cx=\"70\" cy=\"550\" rx=\"18\" ry=\"8\" fill=\"#22c55e\" transform=\"rotate(-25 70 550)\" opacity=\"0.6\"\/>\n  <ellipse cx=\"440\" cy=\"530\" rx=\"20\" ry=\"9\" fill=\"#16a34a\" transform=\"rotate(30 440 530)\" opacity=\"0.6\"\/>\n  <!-- Dots\/berries -->\n  <circle cx=\"130\" cy=\"320\" r=\"5\" fill=\"#ef4444\"\/>\n  <circle cx=\"145\" cy=\"308\" r=\"4\" fill=\"#dc2626\"\/>\n  <circle cx=\"370\" cy=\"340\" r=\"5\" fill=\"#f59e0b\"\/>\n  <circle cx=\"385\" cy=\"328\" r=\"4\" fill=\"#d97706\"\/>\n<\/svg>\n                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-leaving\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#1e3a5f\"\/><stop offset=\"100%\" stop-color=\"#2d6a4f\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Road -->\n  <path d=\"M250 700 L150 400 L350 400 Z\" fill=\"rgba(255,255,255,0.06)\"\/>\n  <path d=\"M250 700 Q200 550 180 400\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"12,8\"\/>\n  <path d=\"M250 700 Q300 550 320 400\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"12,8\"\/>\n  <!-- Aeroplane -->\n  <g transform=\"translate(280,250) rotate(-30)\">\n    <path d=\"M0,-20 L40,0 L0,20 L5,0 Z\" fill=\"white\"\/>\n    <path d=\"M5,-8 L-20,-30 L-18,-8 Z\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <path d=\"M5,8 L-20,30 L-18,8 Z\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <path d=\"M-5,-3 L-20,-12 L-19,-3 Z\" fill=\"rgba(255,255,255,0.6)\"\/>\n    <path d=\"M-5,3 L-20,12 L-19,3 Z\" fill=\"rgba(255,255,255,0.6)\"\/>\n  <\/g>\n  <!-- Plane trail -->\n  <path d=\"M240 270 Q180 310 120 320 Q80 325 40 315\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"6,4\"\/>\n  <!-- Stars\/clouds -->\n  <circle cx=\"80\" cy=\"120\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"160\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"350\" cy=\"100\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"430\" cy=\"140\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"100\" cy=\"200\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"400\" cy=\"180\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <!-- Sun\/moon -->\n  <circle cx=\"420\" cy=\"80\" r=\"35\" fill=\"rgba(251,191,36,0.25)\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"2\"\/>\n  <circle cx=\"420\" cy=\"80\" r=\"25\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <!-- Waving hand -->\n  <text x=\"140\" y=\"480\" font-size=\"100\" font-family=\"sans-serif\" opacity=\"0.85\">\ud83d\udc4b<\/text>\n  <!-- Mountains\/horizon -->\n  <path d=\"M0 580 L100 480 L200 540 L300 460 L400 520 L500 470 L500 700 L0 700 Z\" fill=\"rgba(255,255,255,0.06)\"\/>\n  <path d=\"M0 620 L500 620 L500 700 L0 700 Z\" fill=\"rgba(255,255,255,0.04)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#7c3aed\"\/><stop offset=\"100%\" stop-color=\"#db2777\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Large door open -->\n  <rect x=\"155\" y=\"250\" width=\"190\" height=\"280\" rx=\"8\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"3\"\/>\n  <!-- Door frame shadow -->\n  <rect x=\"162\" y=\"258\" width=\"176\" height=\"265\" rx=\"5\" fill=\"rgba(255,255,255,0.08)\"\/>\n  <!-- Door panel details -->\n  <rect x=\"170\" y=\"270\" width=\"75\" height=\"110\" rx=\"4\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\/>\n  <rect x=\"255\" y=\"270\" width=\"75\" height=\"110\" rx=\"4\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\/>\n  <rect x=\"170\" y=\"395\" width=\"160\" height=\"120\" rx=\"4\" fill=\"rgba(255,255,255,0.12)\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\/>\n  <!-- Door handle -->\n  <circle cx=\"320\" cy=\"390\" r=\"8\" fill=\"rgba(251,191,36,0.9)\"\/>\n  <!-- Light emanating from door -->\n  <path d=\"M155 250 L80 180 L80 530 L155 530 Z\" fill=\"rgba(251,191,36,0.08)\"\/>\n  <path d=\"M155 250 L60 200 L60 540 L155 530 Z\" fill=\"rgba(251,191,36,0.05)\"\/>\n  <!-- Footprints going to door -->\n  <ellipse cx=\"250\" cy=\"600\" rx=\"12\" ry=\"8\" fill=\"rgba(255,255,255,0.2)\" transform=\"rotate(-10 250 600)\"\/>\n  <ellipse cx=\"230\" cy=\"580\" rx=\"12\" ry=\"8\" fill=\"rgba(255,255,255,0.2)\" transform=\"rotate(10 230 580)\"\/>\n  <ellipse cx=\"252\" cy=\"560\" rx=\"12\" ry=\"8\" fill=\"rgba(255,255,255,0.2)\" transform=\"rotate(-10 252 560)\"\/>\n  <ellipse cx=\"232\" cy=\"542\" rx=\"12\" ry=\"8\" fill=\"rgba(255,255,255,0.2)\" transform=\"rotate(10 232 542)\"\/>\n  <!-- Stars -->\n  <circle cx=\"80\" cy=\"80\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"180\" cy=\"120\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"420\" cy=\"90\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"440\" cy=\"200\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"100\" cy=\"180\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fef3c7\"\/><stop offset=\"60%\" stop-color=\"#fed7aa\"\/><stop offset=\"100%\" stop-color=\"#fdba74\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Sunset sky layers -->\n  <path d=\"M0 0 L500 0 L500 350 Q250 400 0 350 Z\" fill=\"rgba(251,113,133,0.2)\"\/>\n  <!-- Sun setting -->\n  <circle cx=\"250\" cy=\"340\" r=\"70\" fill=\"rgba(251,191,36,0.6)\"\/>\n  <circle cx=\"250\" cy=\"340\" r=\"55\" fill=\"rgba(251,191,36,0.8)\"\/>\n  <!-- Sun rays -->\n  <line x1=\"250\" y1=\"255\" x2=\"250\" y2=\"230\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"3\"\/>\n  <line x1=\"306\" y1=\"274\" x2=\"322\" y2=\"258\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"3\"\/>\n  <line x1=\"325\" y1=\"330\" x2=\"350\" y2=\"330\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"3\"\/>\n  <line x1=\"194\" y1=\"274\" x2=\"178\" y2=\"258\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"3\"\/>\n  <line x1=\"175\" y1=\"330\" x2=\"150\" y2=\"330\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"3\"\/>\n  <!-- Water\/horizon line -->\n  <path d=\"M0 420 Q125 400 250 420 Q375 440 500 420 L500 700 L0 700 Z\" fill=\"rgba(96,165,250,0.35)\"\/>\n  <path d=\"M0 445 Q125 430 250 445 Q375 460 500 445 L500 700 L0 700 Z\" fill=\"rgba(59,130,246,0.3)\"\/>\n  <path d=\"M0 480 L500 480 L500 700 L0 700 Z\" fill=\"rgba(29,78,216,0.2)\"\/>\n  <!-- Boat silhouette -->\n  <path d=\"M180 420 Q250 400 320 420 L310 440 L190 440 Z\" fill=\"rgba(30,41,59,0.7)\"\/>\n  <line x1=\"250\" y1=\"440\" x2=\"250\" y2=\"340\" stroke=\"rgba(30,41,59,0.7)\" stroke-width=\"4\"\/>\n  <path d=\"M250 340 L310 400 L250 400 Z\" fill=\"rgba(30,41,59,0.5)\"\/>\n  <!-- Birds -->\n  <path d=\"M80 200 Q90 195 100 200\" stroke=\"rgba(30,41,59,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M110 185 Q122 180 134 185\" stroke=\"rgba(30,41,59,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M350 210 Q360 205 370 210\" stroke=\"rgba(30,41,59,0.4)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M380 190 Q392 185 404 190\" stroke=\"rgba(30,41,59,0.4)\" stroke-width=\"2\" fill=\"none\"\/>\n  <!-- Clouds -->\n  <ellipse cx=\"120\" cy=\"140\" rx=\"50\" ry=\"22\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <ellipse cx=\"155\" cy=\"128\" rx=\"35\" ry=\"20\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <ellipse cx=\"390\" cy=\"160\" rx=\"45\" ry=\"20\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <ellipse cx=\"420\" cy=\"148\" rx=\"30\" ry=\"18\" fill=\"rgba(255,255,255,0.4)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#e0f2fe\"\/><stop offset=\"100%\" stop-color=\"#bae6fd\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Map\/compass design -->\n  <!-- Compass rose -->\n  <g transform=\"translate(250,320)\">\n    <circle cx=\"0\" cy=\"0\" r=\"110\" fill=\"rgba(255,255,255,0.3)\" stroke=\"rgba(14,116,144,0.4)\" stroke-width=\"2\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"85\" fill=\"rgba(255,255,255,0.2)\" stroke=\"rgba(14,116,144,0.3)\" stroke-width=\"1.5\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"12\" fill=\"rgba(14,116,144,0.6)\"\/>\n    <!-- N arrow -->\n    <path d=\"M0,-110 L-12,-70 L0,-30 L12,-70 Z\" fill=\"#0e7490\"\/>\n    <path d=\"M0,-30 L-12,-70 L0,-110 L12,-70 Z\" fill=\"rgba(14,116,144,0.4)\"\/>\n    <!-- S arrow -->\n    <path d=\"M0,110 L-10,70 L0,30 L10,70 Z\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <!-- E arrow -->\n    <path d=\"M110,0 L70,-10 L30,0 L70,10 Z\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <!-- W arrow -->\n    <path d=\"M-110,0 L-70,-10 L-30,0 L-70,10 Z\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <!-- Labels -->\n    <text x=\"0\" y=\"-118\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"bold\" fill=\"#0e7490\" font-family=\"Georgia,serif\">N<\/text>\n    <text x=\"0\" y=\"134\" text-anchor=\"middle\" font-size=\"16\" fill=\"#0e7490\" font-family=\"Georgia,serif\">S<\/text>\n    <text x=\"122\" y=\"6\" text-anchor=\"middle\" font-size=\"16\" fill=\"#0e7490\" font-family=\"Georgia,serif\">E<\/text>\n    <text x=\"-118\" y=\"6\" text-anchor=\"middle\" font-size=\"16\" fill=\"#0e7490\" font-family=\"Georgia,serif\">W<\/text>\n    <!-- Degree marks -->\n    <circle cx=\"0\" cy=\"-85\" r=\"3\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <circle cx=\"85\" cy=\"0\" r=\"3\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <circle cx=\"0\" cy=\"85\" r=\"3\" fill=\"rgba(14,116,144,0.5)\"\/>\n    <circle cx=\"-85\" cy=\"0\" r=\"3\" fill=\"rgba(14,116,144,0.5)\"\/>\n  <\/g>\n  <!-- Dotted travel path -->\n  <path d=\"M80 620 Q120 500 200 450 Q280 400 310 300 Q330 250 380 180\" stroke=\"rgba(14,116,144,0.5)\" stroke-width=\"2.5\" fill=\"none\" stroke-dasharray=\"8,5\"\/>\n  <!-- Location pins -->\n  <g transform=\"translate(80,630)\">\n    <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"#ef4444\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"white\"\/>\n  <\/g>\n  <g transform=\"translate(380,175)\">\n    <path d=\"M0,-20 Q14,-20 14,-8 Q14,4 0,18 Q-14,4 -14,-8 Q-14,-20 0,-20 Z\" fill=\"#10b981\"\/>\n    <circle cx=\"0\" cy=\"-8\" r=\"6\" fill=\"white\"\/>\n  <\/g>\n  <!-- Suitcase -->\n  <g transform=\"translate(350,540)\">\n    <rect x=\"-35\" y=\"-25\" width=\"70\" height=\"55\" rx=\"6\" fill=\"rgba(14,116,144,0.7)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\"\/>\n    <rect x=\"-18\" y=\"-35\" width=\"36\" height=\"14\" rx=\"4\" fill=\"none\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"2\"\/>\n    <line x1=\"-35\" y1=\"-2\" x2=\"35\" y2=\"-2\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"2\"\/>\n    <rect x=\"-5\" y=\"5\" width=\"10\" height=\"16\" rx=\"3\" fill=\"rgba(251,191,36,0.8)\"\/>\n  <\/g>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fdf4ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Large thumbs up -->\n  <text x=\"130\" y=\"420\" font-size=\"220\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83d\udc4d<\/text>\n  <!-- Party popper -->\n  <text x=\"280\" y=\"320\" font-size=\"140\" font-family=\"sans-serif\" opacity=\"0.2\">\ud83c\udf8a<\/text>\n  <!-- Speech bubble with \"Good Luck!\" -->\n  <path d=\"M80 180 Q80 130 130 130 L370 130 Q420 130 420 180 L420 260 Q420 310 370 310 L200 310 L160 350 L170 310 L130 310 Q80 310 80 260 Z\" fill=\"rgba(124,58,237,0.15)\" stroke=\"rgba(124,58,237,0.4)\" stroke-width=\"2.5\"\/>\n  <text x=\"250\" y=\"185\" text-anchor=\"middle\" font-size=\"32\" font-weight=\"bold\" fill=\"#7c3aed\" font-family=\"Georgia,serif\">Good<\/text>\n  <text x=\"250\" y=\"230\" text-anchor=\"middle\" font-size=\"32\" font-weight=\"bold\" fill=\"#7c3aed\" font-family=\"Georgia,serif\">Luck!<\/text>\n  <text x=\"250\" y=\"278\" text-anchor=\"middle\" font-size=\"22\" fill=\"#a855f7\" font-family=\"Georgia,serif\">We will miss you!<\/text>\n  <!-- Stars -->\n  <text x=\"60\" y=\"120\" font-size=\"22\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"420\" y=\"110\" font-size=\"18\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"440\" y=\"420\" font-size=\"16\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"50\" y=\"440\" font-size=\"14\" fill=\"#3b82f6\" font-family=\"sans-serif\">\u2605<\/text>\n  <!-- Confetti -->\n  <rect x=\"70\" y=\"380\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(35 70 380)\"\/>\n  <rect x=\"430\" y=\"380\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 430 380)\"\/>\n  <rect x=\"80\" y=\"550\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(45 80 550)\"\/>\n  <rect x=\"420\" y=\"560\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-35 420 560)\"\/>\n  <rect x=\"200\" y=\"600\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f59e0b\" transform=\"rotate(20 200 600)\"\/>\n  <rect x=\"320\" y=\"590\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#ef4444\" transform=\"rotate(-15 320 590)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-welcome\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#ecfdf5\"\/><stop offset=\"100%\" stop-color=\"#d1fae5\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Open arms \/ welcome -->\n  <text x=\"55\" y=\"420\" font-size=\"160\" font-family=\"sans-serif\" opacity=\"0.2\">\ud83e\udd17<\/text>\n  <!-- Bunting\/flags across top -->\n  <line x1=\"0\" y1=\"80\" x2=\"500\" y2=\"80\" stroke=\"rgba(16,185,129,0.4)\" stroke-width=\"2\"\/>\n  <polygon points=\"40,80 60,80 50,110\" fill=\"#f472b6\"\/>\n  <polygon points=\"80,80 100,80 90,110\" fill=\"#fbbf24\"\/>\n  <polygon points=\"120,80 140,80 130,110\" fill=\"#3b82f6\"\/>\n  <polygon points=\"160,80 180,80 170,110\" fill=\"#a855f7\"\/>\n  <polygon points=\"200,80 220,80 210,110\" fill=\"#10b981\"\/>\n  <polygon points=\"240,80 260,80 250,110\" fill=\"#ef4444\"\/>\n  <polygon points=\"280,80 300,80 290,110\" fill=\"#f59e0b\"\/>\n  <polygon points=\"320,80 340,80 330,110\" fill=\"#06b6d4\"\/>\n  <polygon points=\"360,80 380,80 370,110\" fill=\"#f472b6\"\/>\n  <polygon points=\"400,80 420,80 410,110\" fill=\"#8b5cf6\"\/>\n  <polygon points=\"440,80 460,80 450,110\" fill=\"#22c55e\"\/>\n  <!-- Speech bubble WELCOME -->\n  <rect x=\"80\" y=\"150\" width=\"340\" height=\"90\" rx=\"18\" fill=\"rgba(16,185,129,0.15)\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"2.5\"\/>\n  <path d=\"M240 240 L250 270 L260 240\" fill=\"rgba(16,185,129,0.3)\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"1.5\"\/>\n  <text x=\"250\" y=\"207\" text-anchor=\"middle\" font-size=\"40\" font-weight=\"bold\" fill=\"#065f46\" font-family=\"Georgia,serif\">WELCOME!<\/text>\n  <!-- Flowers -->\n  <g transform=\"translate(100,400)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#fca5a5\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#f87171\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#fca5a5\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#fde68a\"\/>\n    <rect x=\"-4\" y=\"16\" width=\"8\" height=\"50\" rx=\"4\" fill=\"#16a34a\"\/>\n    <ellipse cx=\"-18\" cy=\"50\" rx=\"16\" ry=\"8\" fill=\"#22c55e\" transform=\"rotate(-30 -18 50)\"\/>\n  <\/g>\n  <g transform=\"translate(400,380)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#93c5fd\" transform=\"rotate(0 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#60a5fa\" transform=\"rotate(60 0 0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"16\" ry=\"28\" fill=\"#93c5fd\" transform=\"rotate(120 0 0)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"#fde68a\"\/>\n    <rect x=\"-4\" y=\"16\" width=\"8\" height=\"50\" rx=\"4\" fill=\"#16a34a\"\/>\n    <ellipse cx=\"18\" cy=\"50\" rx=\"16\" ry=\"8\" fill=\"#22c55e\" transform=\"rotate(30 18 50)\"\/>\n  <\/g>\n  <!-- Key icon -->\n  <g transform=\"translate(250,530)\">\n    <circle cx=\"0\" cy=\"0\" r=\"28\" fill=\"none\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"6\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"none\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"4\"\/>\n    <line x1=\"28\" y1=\"0\" x2=\"70\" y2=\"0\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n    <line x1=\"55\" y1=\"0\" x2=\"55\" y2=\"15\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n    <line x1=\"68\" y1=\"0\" x2=\"68\" y2=\"12\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n  <\/g>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fffbeb\"\/><stop offset=\"100%\" stop-color=\"#fef3c7\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- House\/home icon -->\n  <g transform=\"translate(250,340)\">\n    <!-- House roof -->\n    <path d=\"M-120,0 L0,-110 L120,0 Z\" fill=\"#f59e0b\"\/>\n    <path d=\"M-110,-5 L0,-100 L110,-5 Z\" fill=\"#fbbf24\"\/>\n    <!-- Chimney -->\n    <rect x=\"50\" y=\"-130\" width=\"25\" height=\"50\" rx=\"3\" fill=\"#d97706\"\/>\n    <!-- Smoke -->\n    <path d=\"M62 -135 Q55 -155 62 -170 Q70 -185 62 -200\" stroke=\"rgba(156,163,175,0.6)\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M72 -130 Q80 -150 72 -165 Q64 -180 72 -195\" stroke=\"rgba(156,163,175,0.5)\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <!-- House walls -->\n    <rect x=\"-100\" y=\"0\" width=\"200\" height=\"150\" rx=\"4\" fill=\"#fde68a\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n    <!-- Door -->\n    <rect x=\"-22\" y=\"70\" width=\"44\" height=\"80\" rx=\"6\" fill=\"#d97706\"\/>\n    <circle cx=\"16\" cy=\"110\" r=\"5\" fill=\"#92400e\"\/>\n    <!-- Windows -->\n    <rect x=\"-80\" y=\"20\" width=\"50\" height=\"50\" rx=\"4\" fill=\"#bae6fd\" stroke=\"#f59e0b\" stroke-width=\"2\"\/>\n    <line x1=\"-80\" y1=\"45\" x2=\"-30\" y2=\"45\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n    <line x1=\"-55\" y1=\"20\" x2=\"-55\" y2=\"70\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n    <rect x=\"30\" y=\"20\" width=\"50\" height=\"50\" rx=\"4\" fill=\"#bae6fd\" stroke=\"#f59e0b\" stroke-width=\"2\"\/>\n    <line x1=\"30\" y1=\"45\" x2=\"80\" y2=\"45\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n    <line x1=\"55\" y1=\"20\" x2=\"55\" y2=\"70\" stroke=\"#f59e0b\" stroke-width=\"1.5\"\/>\n    <!-- Garden path -->\n    <ellipse cx=\"0\" cy=\"160\" rx=\"30\" ry=\"12\" fill=\"rgba(146,64,14,0.2)\"\/>\n    <path d=\"M-20 160 Q0 175 20 160\" stroke=\"rgba(146,64,14,0.3)\" stroke-width=\"3\" fill=\"none\"\/>\n  <\/g>\n  <!-- Garden elements -->\n  <circle cx=\"90\" cy=\"540\" r=\"22\" fill=\"#22c55e\" opacity=\"0.7\"\/>\n  <circle cx=\"100\" cy=\"525\" r=\"18\" fill=\"#16a34a\" opacity=\"0.7\"\/>\n  <rect x=\"95\" y=\"545\" width=\"8\" height=\"30\" rx=\"4\" fill=\"#92400e\"\/>\n  <circle cx=\"410\" cy=\"540\" r=\"22\" fill=\"#22c55e\" opacity=\"0.7\"\/>\n  <circle cx=\"400\" cy=\"525\" r=\"18\" fill=\"#16a34a\" opacity=\"0.7\"\/>\n  <rect x=\"405\" y=\"545\" width=\"8\" height=\"30\" rx=\"4\" fill=\"#92400e\"\/>\n  <!-- Sun -->\n  <circle cx=\"80\" cy=\"100\" r=\"40\" fill=\"rgba(251,191,36,0.5)\"\/>\n  <circle cx=\"80\" cy=\"100\" r=\"28\" fill=\"rgba(251,191,36,0.8)\"\/>\n  <line x1=\"80\" y1=\"48\" x2=\"80\" y2=\"30\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"109\" y1=\"69\" x2=\"121\" y2=\"57\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"120\" y1=\"100\" x2=\"138\" y2=\"100\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"109\" y1=\"131\" x2=\"121\" y2=\"143\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"51\" y1=\"69\" x2=\"39\" y2=\"57\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <!-- Clouds -->\n  <ellipse cx=\"360\" cy=\"100\" rx=\"55\" ry=\"24\" fill=\"rgba(255,255,255,0.8)\"\/>\n  <ellipse cx=\"395\" cy=\"88\" rx=\"38\" ry=\"22\" fill=\"rgba(255,255,255,0.8)\"\/>\n  <ellipse cx=\"330\" cy=\"92\" rx=\"30\" ry=\"18\" fill=\"rgba(255,255,255,0.8)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#1d4ed8\"\/><stop offset=\"100%\" stop-color=\"#06b6d4\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Stars background -->\n  <circle cx=\"60\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"140\" cy=\"50\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"300\" cy=\"70\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"420\" cy=\"90\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"480\" cy=\"140\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"30\" cy=\"200\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"470\" cy=\"250\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <!-- Rocket -->\n  <g transform=\"translate(250,320) rotate(-15)\">\n    <!-- Exhaust flame -->\n    <path d=\"M-18,90 Q0,130 18,90\" fill=\"#f97316\"\/>\n    <path d=\"M-12,90 Q0,110 12,90\" fill=\"#fbbf24\"\/>\n    <!-- Body -->\n    <path d=\"M-30,80 L-30,-30 Q-30,-90 0,-130 Q30,-90 30,-30 L30,80 Z\" fill=\"white\"\/>\n    <!-- Window -->\n    <circle cx=\"0\" cy=\"-20\" r=\"22\" fill=\"#bae6fd\" stroke=\"#1d4ed8\" stroke-width=\"4\"\/>\n    <circle cx=\"0\" cy=\"-20\" r=\"14\" fill=\"#1d4ed8\"\/>\n    <!-- Fins -->\n    <path d=\"M-30,40 L-60,90 L-30,80 Z\" fill=\"#ef4444\"\/>\n    <path d=\"M30,40 L60,90 L30,80 Z\" fill=\"#ef4444\"\/>\n    <!-- Nose cone -->\n    <path d=\"M-30,-30 Q-30,-90 0,-130 Q30,-90 30,-30 Z\" fill=\"#ef4444\"\/>\n    <!-- Stars on body -->\n    <text x=\"-8\" y=\"35\" font-size=\"14\" fill=\"rgba(29,78,216,0.6)\" font-family=\"sans-serif\">\u2605<\/text>\n    <text x=\"-6\" y=\"65\" font-size=\"12\" fill=\"rgba(29,78,216,0.5)\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <!-- Orbit rings -->\n  <ellipse cx=\"250\" cy=\"320\" rx=\"160\" ry=\"40\" fill=\"none\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"2\" stroke-dasharray=\"8,6\"\/>\n  <ellipse cx=\"250\" cy=\"320\" rx=\"200\" ry=\"55\" fill=\"none\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1.5\" stroke-dasharray=\"6,8\"\/>\n  <!-- Planets -->\n  <circle cx=\"90\" cy=\"310\" r=\"18\" fill=\"#f59e0b\"\/>\n  <ellipse cx=\"90\" cy=\"310\" rx=\"30\" ry=\"8\" fill=\"none\" stroke=\"#fbbf24\" stroke-width=\"2.5\" opacity=\"0.8\"\/>\n  <circle cx=\"420\" cy=\"330\" r=\"14\" fill=\"#ef4444\" opacity=\"0.9\"\/>\n  <!-- Shooting stars -->\n  <line x1=\"350\" y1=\"120\" x2=\"440\" y2=\"80\" stroke=\"white\" stroke-width=\"2\" opacity=\"0.6\"\/>\n  <circle cx=\"350\" cy=\"120\" r=\"3\" fill=\"white\" opacity=\"0.8\"\/>\n  <line x1=\"60\" y1=\"440\" x2=\"140\" y2=\"400\" stroke=\"white\" stroke-width=\"1.5\" opacity=\"0.5\"\/>\n  <circle cx=\"60\" cy=\"440\" r=\"2\" fill=\"white\" opacity=\"0.7\"\/>\n  <!-- Ground\/platform -->\n  <rect x=\"100\" y=\"580\" width=\"300\" height=\"20\" rx=\"10\" fill=\"rgba(255,255,255,0.15)\"\/>\n  <rect x=\"130\" y=\"560\" width=\"8\" height=\"30\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <rect x=\"362\" y=\"560\" width=\"8\" height=\"30\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <!-- Launch smoke -->\n  <ellipse cx=\"200\" cy=\"580\" rx=\"30\" ry=\"15\" fill=\"rgba(255,255,255,0.1)\"\/>\n  <ellipse cx=\"300\" cy=\"580\" rx=\"30\" ry=\"15\" fill=\"rgba(255,255,255,0.1)\"\/>\n  <ellipse cx=\"250\" cy=\"590\" rx=\"40\" ry=\"20\" fill=\"rgba(255,255,255,0.08)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#f0fdf4\"\/><stop offset=\"100%\" stop-color=\"#dcfce7\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Handshake large -->\n  <text x=\"80\" y=\"420\" font-size=\"180\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83e\udd1d<\/text>\n  <!-- Circle frames with welcome -->\n  <circle cx=\"250\" cy=\"260\" r=\"130\" fill=\"none\" stroke=\"rgba(16,185,129,0.3)\" stroke-width=\"3\"\/>\n  <circle cx=\"250\" cy=\"260\" r=\"110\" fill=\"rgba(16,185,129,0.08)\" stroke=\"rgba(16,185,129,0.2)\" stroke-width=\"2\"\/>\n  <!-- Stars on circle -->\n  <circle cx=\"250\" cy=\"130\" r=\"8\" fill=\"#10b981\"\/>\n  <circle cx=\"368\" cy=\"198\" r=\"6\" fill=\"#34d399\"\/>\n  <circle cx=\"368\" cy=\"322\" r=\"6\" fill=\"#34d399\"\/>\n  <circle cx=\"250\" cy=\"390\" r=\"8\" fill=\"#10b981\"\/>\n  <circle cx=\"132\" cy=\"322\" r=\"6\" fill=\"#34d399\"\/>\n  <circle cx=\"132\" cy=\"198\" r=\"6\" fill=\"#34d399\"\/>\n  <!-- Inner decorative ring -->\n  <circle cx=\"250\" cy=\"260\" r=\"90\" fill=\"none\" stroke=\"rgba(16,185,129,0.15)\" stroke-width=\"1.5\" stroke-dasharray=\"5,5\"\/>\n  <!-- Confetti -->\n  <rect x=\"70\" y=\"100\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25)\"\/>\n  <rect x=\"420\" y=\"120\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-15)\"\/>\n  <rect x=\"80\" y=\"520\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(40)\"\/>\n  <rect x=\"420\" y=\"540\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#f59e0b\" transform=\"rotate(-30)\"\/>\n  <rect x=\"160\" y=\"600\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#ef4444\" transform=\"rotate(20)\"\/>\n  <rect x=\"340\" y=\"590\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-25)\"\/>\n  <!-- Leaves\/plants bottom -->\n  <ellipse cx=\"90\" cy=\"620\" rx=\"28\" ry=\"12\" fill=\"#22c55e\" transform=\"rotate(-30 90 620)\" opacity=\"0.6\"\/>\n  <ellipse cx=\"110\" cy=\"640\" rx=\"24\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(20 110 640)\" opacity=\"0.6\"\/>\n  <ellipse cx=\"400\" cy=\"630\" rx=\"28\" ry=\"12\" fill=\"#22c55e\" transform=\"rotate(30 400 630)\" opacity=\"0.6\"\/>\n  <ellipse cx=\"380\" cy=\"648\" rx=\"24\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(-20 380 648)\" opacity=\"0.6\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs>\n    <linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n      <stop offset=\"0%\" stop-color=\"#fdf4ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/>\n    <\/linearGradient>\n  <\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Teamwork - multiple hands joining -->\n  <text x=\"80\" y=\"280\" font-size=\"120\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83d\udc65<\/text>\n  <!-- Office building silhouette -->\n  <rect x=\"60\" y=\"480\" width=\"80\" height=\"160\" rx=\"4\" fill=\"rgba(124,58,237,0.15)\" stroke=\"rgba(124,58,237,0.25)\" stroke-width=\"2\"\/>\n  <rect x=\"75\" y=\"495\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(124,58,237,0.25)\"\/>\n  <rect x=\"100\" y=\"495\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <rect x=\"75\" y=\"520\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <rect x=\"100\" y=\"520\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(124,58,237,0.25)\"\/>\n  <rect x=\"75\" y=\"545\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(124,58,237,0.25)\"\/>\n  <rect x=\"100\" y=\"545\" width=\"15\" height=\"15\" rx=\"2\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <rect x=\"80\" y=\"595\" width=\"40\" height=\"45\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <!-- Taller building -->\n  <rect x=\"180\" y=\"400\" width=\"140\" height=\"240\" rx=\"4\" fill=\"rgba(124,58,237,0.12)\" stroke=\"rgba(124,58,237,0.2)\" stroke-width=\"2\"\/>\n  <rect x=\"195\" y=\"415\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"227\" y=\"415\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"259\" y=\"415\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"195\" y=\"445\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"227\" y=\"445\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"259\" y=\"445\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"195\" y=\"475\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"227\" y=\"475\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"259\" y=\"475\" width=\"22\" height=\"18\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"215\" y=\"580\" width=\"70\" height=\"60\" rx=\"3\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <!-- Right building -->\n  <rect x=\"360\" y=\"460\" width=\"90\" height=\"180\" rx=\"4\" fill=\"rgba(124,58,237,0.13)\" stroke=\"rgba(124,58,237,0.22)\" stroke-width=\"2\"\/>\n  <rect x=\"372\" y=\"475\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"396\" y=\"475\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"420\" y=\"475\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"372\" y=\"500\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"396\" y=\"500\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(251,191,36,0.35)\"\/>\n  <rect x=\"420\" y=\"500\" width=\"16\" height=\"14\" rx=\"2\" fill=\"rgba(124,58,237,0.2)\"\/>\n  <rect x=\"380\" y=\"560\" width=\"40\" height=\"80\" rx=\"2\" fill=\"rgba(124,58,237,0.18)\"\/>\n  <!-- Ground -->\n  <rect x=\"0\" y=\"635\" width=\"500\" height=\"65\" fill=\"rgba(124,58,237,0.08)\"\/>\n  <!-- Stars\/sparkles -->\n  <text x=\"80\" y=\"100\" font-size=\"20\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"390\" y=\"120\" font-size=\"16\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"440\" y=\"380\" font-size=\"14\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-thank-you\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fdf2f8\"\/><stop offset=\"100%\" stop-color=\"#fce7f3\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"50\" y=\"350\" font-size=\"180\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83d\ude4f<\/text>\n  <!-- Heart -->\n  <path d=\"M250 200 Q250 160 210 160 Q160 160 160 210 Q160 260 250 330 Q340 260 340 210 Q340 160 290 160 Q250 160 250 200 Z\" fill=\"rgba(244,63,94,0.35)\" stroke=\"rgba(244,63,94,0.6)\" stroke-width=\"3\"\/>\n  <!-- Smaller hearts -->\n  <path d=\"M110 420 Q110 400 90 400 Q65 400 65 420 Q65 445 110 475 Q155 445 155 420 Q155 400 130 400 Q110 400 110 420 Z\" fill=\"rgba(244,63,94,0.2)\"\/>\n  <path d=\"M400 380 Q400 362 382 362 Q358 362 358 380 Q358 402 400 428 Q442 402 442 380 Q442 362 418 362 Q400 362 400 380 Z\" fill=\"rgba(244,63,94,0.2)\"\/>\n  <path d=\"M80 550 Q80 536 66 536 Q48 536 48 550 Q48 568 80 588 Q112 568 112 550 Q112 536 94 536 Q80 536 80 550 Z\" fill=\"rgba(244,63,94,0.15)\"\/>\n  <path d=\"M430 540 Q430 526 416 526 Q398 526 398 540 Q398 558 430 578 Q462 558 462 540 Q462 526 444 526 Q430 526 430 540 Z\" fill=\"rgba(244,63,94,0.15)\"\/>\n  <!-- Thank you text style -->\n  <path d=\"M150 500 Q250 470 350 500\" stroke=\"rgba(219,39,119,0.3)\" stroke-width=\"3\" fill=\"none\"\/>\n  <path d=\"M130 520 Q250 490 370 520\" stroke=\"rgba(219,39,119,0.2)\" stroke-width=\"2\" fill=\"none\"\/>\n  <!-- Sparkles -->\n  <text x=\"80\" y=\"200\" font-size=\"20\" fill=\"#f9a8d4\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"180\" font-size=\"16\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"430\" y=\"460\" font-size=\"14\" fill=\"#f9a8d4\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"60\" y=\"470\" font-size=\"18\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fffbeb\"\/><stop offset=\"100%\" stop-color=\"#fef9c3\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Trophy -->\n  <g transform=\"translate(250,300)\">\n    <rect x=\"-25\" y=\"100\" width=\"50\" height=\"20\" rx=\"4\" fill=\"#d97706\"\/>\n    <rect x=\"-45\" y=\"118\" width=\"90\" height=\"16\" rx=\"4\" fill=\"#b45309\"\/>\n    <path d=\"M-60,-80 L-60,80 Q-60,110 0,110 Q60,110 60,80 L60,-80 Z\" fill=\"#fbbf24\"\/>\n    <path d=\"M-55,-75 L-55,75 Q-55,100 0,100 Q55,100 55,75 L55,-75 Z\" fill=\"#fcd34d\"\/>\n    <!-- Handles -->\n    <path d=\"M-60,-40 Q-110,-40 -110,0 Q-110,40 -60,40\" stroke=\"#f59e0b\" stroke-width=\"12\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M60,-40 Q110,-40 110,0 Q110,40 60,40\" stroke=\"#f59e0b\" stroke-width=\"12\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <!-- Star on trophy -->\n    <text x=\"-18\" y=\"25\" font-size=\"40\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <!-- Stars around -->\n  <text x=\"70\" y=\"200\" font-size=\"28\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"220\" font-size=\"22\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"430\" y=\"480\" font-size=\"18\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"60\" y=\"500\" font-size=\"20\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"160\" y=\"140\" font-size=\"16\" fill=\"#fcd34d\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"340\" y=\"130\" font-size=\"14\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <!-- Confetti -->\n  <rect x=\"80\" y=\"550\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25 80 550)\"\/>\n  <rect x=\"420\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-15 420 560)\"\/>\n  <rect x=\"100\" y=\"600\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(40 100 600)\"\/>\n  <rect x=\"400\" y=\"610\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-30 400 610)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f0f9ff\"\/><stop offset=\"100%\" stop-color=\"#e0f2fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Envelope with heart -->\n  <g transform=\"translate(250,340)\">\n    <rect x=\"-130\" y=\"-90\" width=\"260\" height=\"180\" rx=\"10\" fill=\"white\" stroke=\"rgba(14,116,144,0.4)\" stroke-width=\"3\"\/>\n    <!-- Envelope flap -->\n    <path d=\"M-130,-90 L0,-10 L130,-90 Z\" fill=\"rgba(14,116,144,0.15)\" stroke=\"rgba(14,116,144,0.3)\" stroke-width=\"1.5\"\/>\n    <!-- Envelope bottom fold lines -->\n    <path d=\"M-130,90 L-30,10\" stroke=\"rgba(14,116,144,0.25)\" stroke-width=\"1.5\"\/>\n    <path d=\"M130,90 L30,10\" stroke=\"rgba(14,116,144,0.25)\" stroke-width=\"1.5\"\/>\n    <!-- Heart on envelope -->\n    <path d=\"M0,30 Q0,5 -20,5 Q-45,5 -45,30 Q-45,60 0,85 Q45,60 45,30 Q45,5 20,5 Q0,5 0,30 Z\" fill=\"rgba(244,63,94,0.7)\"\/>\n  <\/g>\n  <!-- Flying hearts -->\n  <path d=\"M100 180 Q100 162 82 162 Q58 162 58 180 Q58 202 100 222 Q142 202 142 180 Q142 162 118 162 Q100 162 100 180 Z\" fill=\"rgba(244,63,94,0.2)\"\/>\n  <path d=\"M400 200 Q400 184 384 184 Q362 184 362 200 Q362 220 400 238 Q438 220 438 200 Q438 184 416 184 Q400 184 400 200 Z\" fill=\"rgba(244,63,94,0.2)\"\/>\n  <path d=\"M160 520 Q160 506 146 506 Q128 506 128 520 Q128 538 160 554 Q192 538 192 520 Q192 506 174 506 Q160 506 160 520 Z\" fill=\"rgba(244,63,94,0.15)\"\/>\n  <path d=\"M350 540 Q350 526 336 526 Q318 526 318 540 Q318 558 350 574 Q382 558 382 540 Q382 526 364 526 Q350 526 350 540 Z\" fill=\"rgba(244,63,94,0.15)\"\/>\n  <!-- Stamp decoration -->\n  <rect x=\"340\" y=\"230\" width=\"55\" height=\"45\" rx=\"3\" fill=\"none\" stroke=\"rgba(14,116,144,0.3)\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n  <rect x=\"345\" y=\"235\" width=\"45\" height=\"35\" rx=\"2\" fill=\"rgba(14,116,144,0.1)\"\/>\n  <text x=\"358\" y=\"258\" font-size=\"18\" fill=\"rgba(14,116,144,0.5)\" font-family=\"sans-serif\">\u2605<\/text>\n  <!-- Dotted lines (post mark) -->\n  <path d=\"M100 570 Q250 540 400 570\" stroke=\"rgba(14,116,144,0.2)\" stroke-width=\"2\" fill=\"none\" stroke-dasharray=\"5,4\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#166534\"\/><stop offset=\"50%\" stop-color=\"#15803d\"\/><stop offset=\"100%\" stop-color=\"#4ade80\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Circular wreath -->\n  <g transform=\"translate(250,320)\">\n    <!-- Leaves around circle -->\n    <ellipse cx=\"0\" cy=\"-120\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(0 0 -120)\"\/>\n    <ellipse cx=\"60\" cy=\"-104\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(30 60 -104)\"\/>\n    <ellipse cx=\"104\" cy=\"-60\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(60 104 -60)\"\/>\n    <ellipse cx=\"120\" cy=\"0\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(90 120 0)\"\/>\n    <ellipse cx=\"104\" cy=\"60\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(120 104 60)\"\/>\n    <ellipse cx=\"60\" cy=\"104\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(150 60 104)\"\/>\n    <ellipse cx=\"0\" cy=\"120\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(180 0 120)\"\/>\n    <ellipse cx=\"-60\" cy=\"104\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(210 -60 104)\"\/>\n    <ellipse cx=\"-104\" cy=\"60\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(240 -104 60)\"\/>\n    <ellipse cx=\"-120\" cy=\"0\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(270 -120 0)\"\/>\n    <ellipse cx=\"-104\" cy=\"-60\" rx=\"18\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(300 -104 -60)\"\/>\n    <ellipse cx=\"-60\" cy=\"-104\" rx=\"18\" ry=\"10\" fill=\"#16a34a\" transform=\"rotate(330 -60 -104)\"\/>\n    <!-- Berries -->\n    <circle cx=\"30\" cy=\"-115\" r=\"6\" fill=\"#ef4444\"\/>\n    <circle cx=\"44\" cy=\"-108\" r=\"5\" fill=\"#dc2626\"\/>\n    <circle cx=\"-30\" cy=\"-115\" r=\"6\" fill=\"#ef4444\"\/>\n    <circle cx=\"-44\" cy=\"-108\" r=\"5\" fill=\"#dc2626\"\/>\n    <circle cx=\"115\" cy=\"30\" r=\"5\" fill=\"#f59e0b\"\/>\n    <circle cx=\"-115\" cy=\"-30\" r=\"5\" fill=\"#f59e0b\"\/>\n    <!-- Bow -->\n    <path d=\"M-40,-130 Q-25,-150 0,-140 Q25,-150 40,-130\" fill=\"none\" stroke=\"#fbbf24\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n    <circle cx=\"0\" cy=\"-140\" r=\"10\" fill=\"#fbbf24\"\/>\n    <!-- Inner circle -->\n    <circle cx=\"0\" cy=\"0\" r=\"80\" fill=\"rgba(255,255,255,0.1)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"65\" fill=\"rgba(255,255,255,0.08)\"\/>\n  <\/g>\n  <!-- Stars scattered -->\n  <circle cx=\"80\" cy=\"100\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"420\" cy=\"120\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"70\" cy=\"580\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"440\" cy=\"560\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f5f3ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Flowers bouquet -->\n  <!-- Stems -->\n  <path d=\"M250 600 Q240 500 220 420\" stroke=\"#22c55e\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <path d=\"M250 600 Q250 500 250 420\" stroke=\"#16a34a\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <path d=\"M250 600 Q260 500 280 420\" stroke=\"#22c55e\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <path d=\"M250 600 Q230 480 200 380\" stroke=\"#16a34a\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <path d=\"M250 600 Q270 480 300 380\" stroke=\"#22c55e\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <!-- Leaves -->\n  <ellipse cx=\"232\" cy=\"510\" rx=\"20\" ry=\"10\" fill=\"#4ade80\" transform=\"rotate(-30 232 510)\"\/>\n  <ellipse cx=\"268\" cy=\"490\" rx=\"20\" ry=\"10\" fill=\"#22c55e\" transform=\"rotate(30 268 490)\"\/>\n  <ellipse cx=\"215\" cy=\"450\" rx=\"18\" ry=\"9\" fill=\"#4ade80\" transform=\"rotate(-40 215 450)\"\/>\n  <ellipse cx=\"285\" cy=\"435\" rx=\"18\" ry=\"9\" fill=\"#22c55e\" transform=\"rotate(40 285 435)\"\/>\n  <!-- Flowers -->\n  <g transform=\"translate(220,390)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"20\" ry=\"35\" fill=\"#f9a8d4\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"20\" ry=\"35\" fill=\"#f472b6\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"20\" ry=\"35\" fill=\"#f9a8d4\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"18\" fill=\"#fde68a\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"#f59e0b\"\/>\n  <\/g>\n  <g transform=\"translate(250,380)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#c084fc\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#a855f7\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#c084fc\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"#fde68a\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#f59e0b\"\/>\n  <\/g>\n  <g transform=\"translate(280,390)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#fca5a5\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#f87171\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"18\" ry=\"32\" fill=\"#fca5a5\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"16\" fill=\"#fde68a\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"9\" fill=\"#f59e0b\"\/>\n  <\/g>\n  <g transform=\"translate(200,350)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#86efac\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#4ade80\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#86efac\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"13\" fill=\"#fef3c7\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#fbbf24\"\/>\n  <\/g>\n  <g transform=\"translate(300,350)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#93c5fd\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#60a5fa\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"15\" ry=\"26\" fill=\"#93c5fd\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"13\" fill=\"#fef3c7\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#fbbf24\"\/>\n  <\/g>\n  <!-- Ribbon around bouquet -->\n  <path d=\"M210 580 Q250 560 290 580\" stroke=\"#f472b6\" stroke-width=\"5\" fill=\"none\"\/>\n  <path d=\"M225 590 L250 565 L275 590\" stroke=\"#f472b6\" stroke-width=\"4\" fill=\"none\"\/>\n  <!-- Sparkles -->\n  <text x=\"80\" y=\"280\" font-size=\"20\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"300\" font-size=\"16\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"430\" y=\"500\" font-size=\"14\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"60\" y=\"480\" font-size=\"18\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-work-anniversary\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0f172a\"\/><stop offset=\"100%\" stop-color=\"#1e3a5f\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Medal -->\n  <g transform=\"translate(250,300)\">\n    <line x1=\"0\" y1=\"-150\" x2=\"0\" y2=\"-100\" stroke=\"#fbbf24\" stroke-width=\"12\" stroke-linecap=\"round\"\/>\n    <path d=\"M-25,-150 Q0,-175 25,-150 L15,-100 L-15,-100 Z\" fill=\"#f59e0b\"\/>\n    <circle cx=\"0\" cy=\"-60\" r=\"70\" fill=\"#f59e0b\"\/>\n    <circle cx=\"0\" cy=\"-60\" r=\"60\" fill=\"#fbbf24\"\/>\n    <circle cx=\"0\" cy=\"-60\" r=\"50\" fill=\"#f59e0b\"\/>\n    <text x=\"0\" y=\"-40\" text-anchor=\"middle\" font-size=\"28\" font-weight=\"bold\" fill=\"white\" font-family=\"Georgia,serif\">\u2605<\/text>\n    <text x=\"0\" y=\"-15\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"bold\" fill=\"white\" font-family=\"Georgia,serif\">YEARS<\/text>\n  <\/g>\n  <!-- Stars -->\n  <circle cx=\"80\" cy=\"100\" r=\"3\" fill=\"#fbbf24\" opacity=\"0.8\"\/>\n  <circle cx=\"420\" cy=\"120\" r=\"2\" fill=\"#fbbf24\" opacity=\"0.6\"\/>\n  <circle cx=\"150\" cy=\"60\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"350\" cy=\"80\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"60\" cy=\"500\" r=\"2\" fill=\"#fbbf24\" opacity=\"0.5\"\/>\n  <circle cx=\"450\" cy=\"480\" r=\"3\" fill=\"#fbbf24\" opacity=\"0.6\"\/>\n  <!-- Confetti -->\n  <rect x=\"80\" y=\"480\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25 80 480)\"\/>\n  <rect x=\"420\" y=\"460\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-15 420 460)\"\/>\n  <rect x=\"90\" y=\"560\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(40 90 560)\"\/>\n  <rect x=\"410\" y=\"570\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-30 410 570)\"\/>\n  <!-- Ribbons from medal -->\n  <path d=\"M235 245 L190 400 L210 400 L250 260 Z\" fill=\"rgba(239,68,68,0.4)\"\/>\n  <path d=\"M265 245 L310 400 L290 400 L250 260 Z\" fill=\"rgba(59,130,246,0.4)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#1e3a5f\"\/><stop offset=\"100%\" stop-color=\"#1e40af\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Timeline\/growth chart -->\n  <line x1=\"80\" y1=\"580\" x2=\"420\" y2=\"580\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"3\"\/>\n  <line x1=\"80\" y1=\"580\" x2=\"80\" y2=\"180\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"3\"\/>\n  <!-- Arrow tips -->\n  <path d=\"M410 575 L425 580 L410 585\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <path d=\"M75 190 L80 175 L85 190\" fill=\"rgba(255,255,255,0.4)\"\/>\n  <!-- Growth line -->\n  <path d=\"M100 540 Q150 500 200 460 Q250 380 300 320 Q350 260 400 200\" stroke=\"#fbbf24\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n  <!-- Data points -->\n  <circle cx=\"100\" cy=\"540\" r=\"8\" fill=\"#fbbf24\"\/>\n  <circle cx=\"200\" cy=\"460\" r=\"8\" fill=\"#fbbf24\"\/>\n  <circle cx=\"300\" cy=\"320\" r=\"8\" fill=\"#fbbf24\"\/>\n  <circle cx=\"400\" cy=\"200\" r=\"10\" fill=\"#fbbf24\" stroke=\"white\" stroke-width=\"3\"\/>\n  <!-- Glow on last point -->\n  <circle cx=\"400\" cy=\"200\" r=\"20\" fill=\"rgba(251,191,36,0.2)\"\/>\n  <circle cx=\"400\" cy=\"200\" r=\"14\" fill=\"rgba(251,191,36,0.3)\"\/>\n  <!-- Year labels -->\n  <text x=\"100\" y=\"600\" text-anchor=\"middle\" font-size=\"14\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">Y1<\/text>\n  <text x=\"200\" y=\"600\" text-anchor=\"middle\" font-size=\"14\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">Y2<\/text>\n  <text x=\"300\" y=\"600\" text-anchor=\"middle\" font-size=\"14\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">Y3<\/text>\n  <text x=\"400\" y=\"600\" text-anchor=\"middle\" font-size=\"14\" fill=\"#fbbf24\" font-family=\"sans-serif\">Now<\/text>\n  <!-- Star burst at top -->\n  <g transform=\"translate(400,200)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-30\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n    <line x1=\"21\" y1=\"-21\" x2=\"0\" y2=\"0\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n    <line x1=\"30\" y1=\"0\" x2=\"0\" y2=\"0\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n    <line x1=\"21\" y1=\"21\" x2=\"0\" y2=\"0\" stroke=\"#fbbf24\" stroke-width=\"2\"\/>\n  <\/g>\n  <!-- Floating stars -->\n  <circle cx=\"150\" cy=\"280\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"350\" cy=\"350\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"100\" cy=\"350\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#7c3aed\"\/><stop offset=\"100%\" stop-color=\"#1d4ed8\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Calendar icon -->\n  <g transform=\"translate(250,300)\">\n    <rect x=\"-120\" y=\"-110\" width=\"240\" height=\"220\" rx=\"16\" fill=\"white\" opacity=\"0.15\" stroke=\"white\" stroke-width=\"2\" stroke-opacity=\"0.4\"\/>\n    <rect x=\"-120\" y=\"-110\" width=\"240\" height=\"55\" rx=\"16\" fill=\"rgba(251,191,36,0.8)\"\/>\n    <rect x=\"-120\" y=\"-70\" width=\"240\" height=\"20\" fill=\"rgba(251,191,36,0.8)\"\/>\n    <!-- Calendar rings -->\n    <rect x=\"-70\" y=\"-130\" width=\"14\" height=\"36\" rx=\"7\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <rect x=\"56\" y=\"-130\" width=\"14\" height=\"36\" rx=\"7\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <!-- Day grid -->\n    <text x=\"-80\" y=\"-30\" font-size=\"14\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">Su Mo Tu We<\/text>\n    <text x=\"-80\" y=\"0\" font-size=\"14\" fill=\"rgba(255,255,255,0.7)\" font-family=\"sans-serif\"> 1  2  3  4<\/text>\n    <text x=\"-80\" y=\"28\" font-size=\"14\" fill=\"rgba(255,255,255,0.7)\" font-family=\"sans-serif\"> 8  9 10 11<\/text>\n    <text x=\"-80\" y=\"56\" font-size=\"14\" fill=\"rgba(255,255,255,0.7)\" font-family=\"sans-serif\">15 16 17 18<\/text>\n    <!-- Highlighted anniversary date -->\n    <circle cx=\"60\" cy=\"50\" r=\"22\" fill=\"#ef4444\"\/>\n    <text x=\"60\" y=\"58\" text-anchor=\"middle\" font-size=\"18\" font-weight=\"bold\" fill=\"white\" font-family=\"sans-serif\">25<\/text>\n    <!-- Star icon in header -->\n    <text x=\"0\" y=\"-72\" text-anchor=\"middle\" font-size=\"22\" fill=\"white\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <!-- Sparkles -->\n  <circle cx=\"80\" cy=\"150\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"170\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"70\" cy=\"520\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"440\" cy=\"500\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <!-- Confetti -->\n  <rect x=\"80\" y=\"520\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#fbbf24\" transform=\"rotate(25 80 520)\"\/>\n  <rect x=\"420\" y=\"510\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f9a8d4\" transform=\"rotate(-15 420 510)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#92400e\"\/><stop offset=\"50%\" stop-color=\"#d97706\"\/><stop offset=\"100%\" stop-color=\"#fbbf24\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Shield\/achievement badge -->\n  <g transform=\"translate(250,310)\">\n    <path d=\"M0,-140 L110,-90 L110,30 Q110,130 0,160 Q-110,130 -110,30 L-110,-90 Z\" fill=\"rgba(255,255,255,0.2)\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"3\"\/>\n    <path d=\"M0,-120 L90,-76 L90,28 Q90,112 0,138 Q-90,112 -90,28 L-90,-76 Z\" fill=\"rgba(255,255,255,0.12)\"\/>\n    <!-- Star on shield -->\n    <text x=\"0\" y=\"10\" text-anchor=\"middle\" font-size=\"70\" fill=\"rgba(255,255,255,0.8)\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <!-- Laurel branches -->\n  <g opacity=\"0.6\">\n    <ellipse cx=\"110\" cy=\"330\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(-50 110 330)\"\/>\n    <ellipse cx=\"92\" cy=\"355\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(-60 92 355)\"\/>\n    <ellipse cx=\"80\" cy=\"383\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(-70 80 383)\"\/>\n    <ellipse cx=\"390\" cy=\"330\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(50 390 330)\"\/>\n    <ellipse cx=\"408\" cy=\"355\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(60 408 355)\"\/>\n    <ellipse cx=\"420\" cy=\"383\" rx=\"20\" ry=\"10\" fill=\"rgba(255,255,255,0.7)\" transform=\"rotate(70 420 383)\"\/>\n  <\/g>\n  <!-- Stars -->\n  <circle cx=\"80\" cy=\"120\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"420\" cy=\"140\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"160\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"340\" cy=\"100\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"70\" cy=\"560\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"440\" cy=\"540\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#ecfdf5\"\/><stop offset=\"100%\" stop-color=\"#d1fae5\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Thumbs up large -->\n  <text x=\"120\" y=\"440\" font-size=\"200\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83d\udc4f<\/text>\n  <!-- Circular badge -->\n  <circle cx=\"250\" cy=\"280\" r=\"130\" fill=\"rgba(16,185,129,0.15)\" stroke=\"rgba(16,185,129,0.4)\" stroke-width=\"3\"\/>\n  <circle cx=\"250\" cy=\"280\" r=\"105\" fill=\"rgba(16,185,129,0.1)\" stroke=\"rgba(16,185,129,0.3)\" stroke-width=\"2\"\/>\n  <!-- Text in circle -->\n  <text x=\"250\" y=\"248\" text-anchor=\"middle\" font-size=\"22\" fill=\"#065f46\" font-family=\"Georgia,serif\" font-weight=\"bold\">Happy<\/text>\n  <text x=\"250\" y=\"280\" text-anchor=\"middle\" font-size=\"22\" fill=\"#065f46\" font-family=\"Georgia,serif\" font-weight=\"bold\">Work<\/text>\n  <text x=\"250\" y=\"312\" text-anchor=\"middle\" font-size=\"22\" fill=\"#065f46\" font-family=\"Georgia,serif\" font-weight=\"bold\">Anniversary!<\/text>\n  <!-- Stars on ring -->\n  <circle cx=\"250\" cy=\"150\" r=\"8\" fill=\"#10b981\"\/>\n  <circle cx=\"250\" cy=\"410\" r=\"8\" fill=\"#10b981\"\/>\n  <circle cx=\"120\" cy=\"280\" r=\"6\" fill=\"#34d399\"\/>\n  <circle cx=\"380\" cy=\"280\" r=\"6\" fill=\"#34d399\"\/>\n  <!-- Confetti -->\n  <rect x=\"70\" y=\"480\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25 70 480)\"\/>\n  <rect x=\"430\" y=\"460\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-15 430 460)\"\/>\n  <rect x=\"90\" y=\"560\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(40 90 560)\"\/>\n  <rect x=\"410\" y=\"570\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#f59e0b\" transform=\"rotate(-30 410 570)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-congratulations\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0f172a\"\/><stop offset=\"100%\" stop-color=\"#1e1b4b\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"85\" y=\"430\" font-size=\"170\" font-family=\"sans-serif\" opacity=\"0.25\">\ud83c\udfc6<\/text>\n  <g transform=\"translate(250,280)\">\n    <rect x=\"-30\" y=\"110\" width=\"60\" height=\"18\" rx=\"4\" fill=\"#d97706\"\/>\n    <rect x=\"-50\" y=\"126\" width=\"100\" height=\"14\" rx=\"4\" fill=\"#b45309\"\/>\n    <path d=\"M-70,-90 L-70,90 Q-70,120 0,120 Q70,120 70,90 L70,-90 Z\" fill=\"#fbbf24\"\/>\n    <path d=\"M-65,-85 L-65,85 Q-65,108 0,108 Q65,108 65,85 L65,-85 Z\" fill=\"#fcd34d\"\/>\n    <path d=\"M-70,-60 Q-120,-60 -120,0 Q-120,50 -70,50\" stroke=\"#f59e0b\" stroke-width=\"14\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M70,-60 Q120,-60 120,0 Q120,50 70,50\" stroke=\"#f59e0b\" stroke-width=\"14\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <text x=\"0\" y=\"20\" text-anchor=\"middle\" font-size=\"50\" fill=\"rgba(146,64,14,0.6)\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <rect x=\"80\" y=\"120\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#f472b6\" transform=\"rotate(25 80 120)\"\/>\n  <rect x=\"400\" y=\"140\" width=\"12\" height=\"6\" rx=\"3\" fill=\"#a855f7\" transform=\"rotate(-20 400 140)\"\/>\n  <rect x=\"100\" y=\"550\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(40 100 550)\"\/>\n  <rect x=\"410\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#10b981\" transform=\"rotate(-35 410 560)\"\/>\n  <circle cx=\"80\" cy=\"200\" r=\"3\" fill=\"#fbbf24\" opacity=\"0.7\"\/>\n  <circle cx=\"420\" cy=\"180\" r=\"2\" fill=\"#fbbf24\" opacity=\"0.6\"\/>\n  <circle cx=\"150\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"350\" cy=\"90\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f5f3ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <g transform=\"translate(250,480)\">\n    <rect x=\"-160\" y=\"-80\" width=\"100\" height=\"80\" rx=\"6\" fill=\"rgba(192,132,252,0.6)\"\/>\n    <text x=\"-110\" y=\"-90\" text-anchor=\"middle\" font-size=\"24\" fill=\"#7c3aed\" font-family=\"Georgia,serif\" font-weight=\"bold\">2<\/text>\n    <rect x=\"-55\" y=\"-130\" width=\"110\" height=\"130\" rx=\"6\" fill=\"rgba(124,58,237,0.7)\"\/>\n    <text x=\"0\" y=\"-140\" text-anchor=\"middle\" font-size=\"28\" fill=\"#7c3aed\" font-family=\"Georgia,serif\" font-weight=\"bold\">1<\/text>\n    <rect x=\"60\" y=\"-50\" width=\"100\" height=\"50\" rx=\"6\" fill=\"rgba(167,139,250,0.5)\"\/>\n    <text x=\"110\" y=\"-58\" text-anchor=\"middle\" font-size=\"22\" fill=\"#7c3aed\" font-family=\"Georgia,serif\" font-weight=\"bold\">3<\/text>\n    <text x=\"-110\" y=\"-110\" text-anchor=\"middle\" font-size=\"30\" font-family=\"sans-serif\">\ud83e\udd48<\/text>\n    <text x=\"0\" y=\"-155\" text-anchor=\"middle\" font-size=\"40\" font-family=\"sans-serif\">\ud83e\udd47<\/text>\n    <text x=\"110\" y=\"-68\" text-anchor=\"middle\" font-size=\"28\" font-family=\"sans-serif\">\ud83e\udd49<\/text>\n  <\/g>\n  <text x=\"80\" y=\"250\" font-size=\"22\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"230\" font-size=\"18\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"430\" y=\"420\" font-size=\"16\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2605<\/text>\n  <rect x=\"80\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25 80 560)\"\/>\n  <rect x=\"420\" y=\"550\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(-20 420 550)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fef3c7\"\/><stop offset=\"100%\" stop-color=\"#fde68a\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <g transform=\"translate(250,320)\">\n    <line x1=\"0\" y1=\"-130\" x2=\"0\" y2=\"-160\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"92\" y1=\"-92\" x2=\"113\" y2=\"-113\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"130\" y1=\"0\" x2=\"160\" y2=\"0\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"92\" y1=\"92\" x2=\"113\" y2=\"113\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"0\" y1=\"130\" x2=\"0\" y2=\"160\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"-92\" y1=\"92\" x2=\"-113\" y2=\"113\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"-130\" y1=\"0\" x2=\"-160\" y2=\"0\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <line x1=\"-92\" y1=\"-92\" x2=\"-113\" y2=\"-113\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"100\" fill=\"rgba(251,191,36,0.25)\" stroke=\"#f59e0b\" stroke-width=\"4\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"78\" fill=\"rgba(251,191,36,0.3)\"\/>\n    <text x=\"0\" y=\"18\" text-anchor=\"middle\" font-size=\"70\" fill=\"#92400e\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <circle cx=\"100\" cy=\"160\" r=\"5\" fill=\"#f59e0b\" opacity=\"0.6\"\/>\n  <circle cx=\"400\" cy=\"180\" r=\"4\" fill=\"#f59e0b\" opacity=\"0.5\"\/>\n  <circle cx=\"80\" cy=\"520\" r=\"4\" fill=\"#f59e0b\" opacity=\"0.5\"\/>\n  <circle cx=\"430\" cy=\"500\" r=\"5\" fill=\"#f59e0b\" opacity=\"0.6\"\/>\n  <rect x=\"70\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 70 560)\"\/>\n  <rect x=\"430\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 430 570)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0c4a6e\"\/><stop offset=\"100%\" stop-color=\"#0369a1\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <g transform=\"translate(210,340)\">\n    <path d=\"M-30,-160 Q-40,0 -20,80 L20,80 Q40,0 30,-160 Z\" fill=\"rgba(251,191,36,0.4)\" stroke=\"rgba(251,191,36,0.7)\" stroke-width=\"2\"\/>\n    <path d=\"M-20,80 L-10,140 L10,140 L20,80 Z\" fill=\"rgba(251,191,36,0.5)\"\/>\n    <rect x=\"-25\" y=\"140\" width=\"50\" height=\"12\" rx=\"4\" fill=\"rgba(251,191,36,0.6)\"\/>\n    <ellipse cx=\"0\" cy=\"-160\" rx=\"30\" ry=\"10\" fill=\"rgba(255,255,255,0.3)\"\/>\n    <circle cx=\"-10\" cy=\"-80\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n    <circle cx=\"5\" cy=\"-40\" r=\"3\" fill=\"rgba(255,255,255,0.3)\"\/>\n    <circle cx=\"-5\" cy=\"0\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n    <circle cx=\"10\" cy=\"-120\" r=\"3\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <\/g>\n  <g transform=\"translate(300,340)\">\n    <path d=\"M-25,-140 Q-35,0 -18,70 L18,70 Q35,0 25,-140 Z\" fill=\"rgba(251,191,36,0.35)\" stroke=\"rgba(251,191,36,0.6)\" stroke-width=\"2\"\/>\n    <path d=\"M-18,70 L-9,125 L9,125 L18,70 Z\" fill=\"rgba(251,191,36,0.45)\"\/>\n    <rect x=\"-22\" y=\"125\" width=\"44\" height=\"10\" rx=\"3\" fill=\"rgba(251,191,36,0.55)\"\/>\n    <circle cx=\"8\" cy=\"-70\" r=\"3\" fill=\"rgba(255,255,255,0.35)\"\/>\n    <circle cx=\"-5\" cy=\"-30\" r=\"4\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <\/g>\n  <!-- Bubbles floating up -->\n  <circle cx=\"195\" cy=\"150\" r=\"5\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"210\" cy=\"100\" r=\"4\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <circle cx=\"185\" cy=\"70\" r=\"6\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <circle cx=\"310\" cy=\"180\" r=\"5\" fill=\"rgba(255,255,255,0.25)\"\/>\n  <circle cx=\"325\" cy=\"130\" r=\"3\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <circle cx=\"295\" cy=\"90\" r=\"4\" fill=\"rgba(255,255,255,0.2)\"\/>\n  <!-- Stars -->\n  <circle cx=\"80\" cy=\"120\" r=\"3\" fill=\"#fbbf24\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"140\" r=\"2\" fill=\"#fbbf24\" opacity=\"0.5\"\/>\n  <circle cx=\"70\" cy=\"500\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"440\" cy=\"480\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#db2777\"\/><stop offset=\"100%\" stop-color=\"#f43f5e\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <g transform=\"translate(250,290)\">\n    <circle cx=\"0\" cy=\"0\" r=\"110\" fill=\"rgba(255,255,255,0.2)\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"4\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"90\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"2\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"70\" fill=\"rgba(255,255,255,0.12)\"\/>\n    <text x=\"0\" y=\"25\" text-anchor=\"middle\" font-size=\"65\" fill=\"rgba(255,255,255,0.85)\" font-family=\"sans-serif\">\u2605<\/text>\n    <path d=\"M-30,110 L-60,200 L0,170 L60,200 L30,110 Z\" fill=\"rgba(255,255,255,0.25)\"\/>\n    <path d=\"M-60,200 L-75,180 L0,155 L75,180 L60,200 L0,170 Z\" fill=\"rgba(255,255,255,0.15)\"\/>\n  <\/g>\n  <circle cx=\"80\" cy=\"120\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"140\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"150\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"350\" cy=\"90\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"70\" cy=\"530\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"440\" cy=\"510\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <rect x=\"80\" y=\"550\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#fbbf24\" transform=\"rotate(25 80 550)\"\/>\n  <rect x=\"420\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#fde68a\" transform=\"rotate(-20 420 560)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-retirement\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0c4a6e\"\/><stop offset=\"40%\" stop-color=\"#7c3aed\"\/><stop offset=\"70%\" stop-color=\"#dc2626\"\/><stop offset=\"100%\" stop-color=\"#f97316\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Sunset beach scene -->\n  <ellipse cx=\"250\" cy=\"420\" rx=\"90\" ry=\"90\" fill=\"rgba(251,191,36,0.7)\"\/>\n  <ellipse cx=\"250\" cy=\"420\" rx=\"70\" ry=\"70\" fill=\"rgba(251,191,36,0.9)\"\/>\n  <!-- Water\/horizon -->\n  <path d=\"M0 430 Q125 415 250 430 Q375 445 500 430 L500 700 L0 700 Z\" fill=\"rgba(14,116,144,0.5)\"\/>\n  <path d=\"M0 460 Q125 448 250 460 Q375 472 500 460 L500 700 L0 700 Z\" fill=\"rgba(14,116,144,0.4)\"\/>\n  <path d=\"M0 500 L500 500 L500 700 L0 700 Z\" fill=\"rgba(7,89,133,0.4)\"\/>\n  <!-- Sun reflection on water -->\n  <path d=\"M220 430 Q250 440 280 430 Q260 460 250 480 Q240 460 220 430 Z\" fill=\"rgba(251,191,36,0.3)\"\/>\n  <!-- Boat -->\n  <path d=\"M140 460 Q200 445 260 460 L250 478 L150 478 Z\" fill=\"rgba(15,23,42,0.7)\"\/>\n  <line x1=\"200\" y1=\"478\" x2=\"200\" y2=\"405\" stroke=\"rgba(15,23,42,0.7)\" stroke-width=\"3\"\/>\n  <path d=\"M200 405 L245 450 L200 450 Z\" fill=\"rgba(15,23,42,0.5)\"\/>\n  <!-- Palm trees -->\n  <line x1=\"80\" y1=\"700\" x2=\"95\" y2=\"500\" stroke=\"#92400e\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n  <ellipse cx=\"60\" cy=\"500\" rx=\"40\" ry=\"16\" fill=\"#22c55e\" transform=\"rotate(-30 60 500)\"\/>\n  <ellipse cx=\"95\" cy=\"490\" rx=\"40\" ry=\"15\" fill=\"#16a34a\" transform=\"rotate(10 95 490)\"\/>\n  <ellipse cx=\"120\" cy=\"505\" rx=\"38\" ry=\"14\" fill=\"#22c55e\" transform=\"rotate(35 120 505)\"\/>\n  <line x1=\"430\" y1=\"700\" x2=\"415\" y2=\"490\" stroke=\"#92400e\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n  <ellipse cx=\"455\" cy=\"488\" rx=\"40\" ry=\"16\" fill=\"#22c55e\" transform=\"rotate(25 455 488)\"\/>\n  <ellipse cx=\"415\" cy=\"478\" rx=\"40\" ry=\"15\" fill=\"#16a34a\" transform=\"rotate(-10 415 478)\"\/>\n  <ellipse cx=\"390\" cy=\"494\" rx=\"38\" ry=\"14\" fill=\"#22c55e\" transform=\"rotate(-35 390 494)\"\/>\n  <!-- Birds -->\n  <path d=\"M150 220 Q160 215 170 220\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M185 205 Q197 200 209 205\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M330 230 Q340 225 350 230\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f5f3ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"60\" y=\"400\" font-size=\"180\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83c\udf89<\/text>\n  <!-- Rocking chair -->\n  <g transform=\"translate(250,380)\">\n    <path d=\"M-80,60 Q-100,80 -80,100 Q-60,120 -40,100\" stroke=\"#7c3aed\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M80,60 Q100,80 80,100 Q60,120 40,100\" stroke=\"#7c3aed\" stroke-width=\"6\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <rect x=\"-80\" y=\"-80\" width=\"160\" height=\"20\" rx=\"8\" fill=\"#a855f7\"\/>\n    <rect x=\"-80\" y=\"40\" width=\"160\" height=\"20\" rx=\"8\" fill=\"#a855f7\"\/>\n    <line x1=\"-60\" y1=\"-60\" x2=\"-60\" y2=\"40\" stroke=\"#a855f7\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\n    <line x1=\"-20\" y1=\"-60\" x2=\"-20\" y2=\"40\" stroke=\"#a855f7\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\n    <line x1=\"20\" y1=\"-60\" x2=\"20\" y2=\"40\" stroke=\"#a855f7\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\n    <line x1=\"60\" y1=\"-60\" x2=\"60\" y2=\"40\" stroke=\"#a855f7\" stroke-width=\"10\" stroke-linecap=\"round\"\/>\n    <rect x=\"-85\" y=\"-160\" width=\"170\" height=\"90\" rx=\"12\" fill=\"#c084fc\"\/>\n  <\/g>\n  <text x=\"80\" y=\"200\" font-size=\"20\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"220\" font-size=\"16\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2605<\/text>\n  <rect x=\"80\" y=\"540\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(25 80 540)\"\/>\n  <rect x=\"420\" y=\"550\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(-20 420 550)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#166534\"\/><stop offset=\"100%\" stop-color=\"#4ade80\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Golf scene -->\n  <!-- Rolling hills -->\n  <path d=\"M0 500 Q125 430 250 500 Q375 570 500 500 L500 700 L0 700 Z\" fill=\"rgba(34,197,94,0.5)\"\/>\n  <path d=\"M0 550 Q125 490 250 550 Q375 610 500 550 L500 700 L0 700 Z\" fill=\"rgba(22,163,74,0.6)\"\/>\n  <!-- Flag\/hole -->\n  <line x1=\"300\" y1=\"330\" x2=\"300\" y2=\"490\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"3\"\/>\n  <path d=\"M300 330 L350 355 L300 380 Z\" fill=\"#ef4444\"\/>\n  <!-- Golf ball -->\n  <circle cx=\"180\" cy=\"480\" r=\"14\" fill=\"white\"\/>\n  <circle cx=\"175\" cy=\"475\" r=\"3\" fill=\"rgba(0,0,0,0.1)\"\/>\n  <circle cx=\"183\" cy=\"472\" r=\"3\" fill=\"rgba(0,0,0,0.1)\"\/>\n  <circle cx=\"177\" cy=\"483\" r=\"3\" fill=\"rgba(0,0,0,0.1)\"\/>\n  <!-- Club -->\n  <line x1=\"150\" y1=\"420\" x2=\"185\" y2=\"485\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n  <rect x=\"174\" y=\"480\" width=\"18\" height=\"10\" rx=\"3\" fill=\"rgba(255,255,255,0.5)\" transform=\"rotate(40 174 480)\"\/>\n  <!-- Trees -->\n  <circle cx=\"80\" cy=\"400\" r=\"35\" fill=\"rgba(21,128,61,0.8)\"\/>\n  <circle cx=\"80\" cy=\"380\" r=\"28\" fill=\"rgba(22,163,74,0.8)\"\/>\n  <rect x=\"74\" y=\"425\" width=\"12\" height=\"35\" rx=\"4\" fill=\"#92400e\"\/>\n  <circle cx=\"420\" cy=\"420\" r=\"30\" fill=\"rgba(21,128,61,0.8)\"\/>\n  <circle cx=\"420\" cy=\"402\" r=\"24\" fill=\"rgba(22,163,74,0.8)\"\/>\n  <rect x=\"414\" y=\"442\" width=\"12\" height=\"30\" rx=\"4\" fill=\"#92400e\"\/>\n  <!-- Sky elements -->\n  <ellipse cx=\"150\" cy=\"160\" rx=\"60\" ry=\"25\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <ellipse cx=\"190\" cy=\"148\" rx=\"42\" ry=\"22\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <circle cx=\"380\" cy=\"120\" r=\"40\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <circle cx=\"380\" cy=\"120\" r=\"28\" fill=\"rgba(251,191,36,0.5)\"\/>\n  <!-- Birds -->\n  <path d=\"M280 200 Q290 195 300 200\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n  <path d=\"M310 185 Q322 180 334 185\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"2\" fill=\"none\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fffbeb\"\/><stop offset=\"100%\" stop-color=\"#fef3c7\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Hourglass -->\n  <g transform=\"translate(250,320)\">\n    <rect x=\"-80\" y=\"-160\" width=\"160\" height=\"15\" rx=\"6\" fill=\"#d97706\"\/>\n    <rect x=\"-80\" y=\"145\" width=\"160\" height=\"15\" rx=\"6\" fill=\"#d97706\"\/>\n    <path d=\"M-75,-145 L75,-145 L0,0 L75,145 L-75,145 L0,0 Z\" fill=\"rgba(251,191,36,0.15)\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n    <path d=\"M-75,-145 L75,-145 L0,0 Z\" fill=\"rgba(251,191,36,0.4)\"\/>\n    <ellipse cx=\"0\" cy=\"-145\" rx=\"75\" ry=\"12\" fill=\"rgba(251,191,36,0.3)\"\/>\n    <!-- Sand in bottom -->\n    <path d=\"M-40,60 L40,60 L70,145 L-70,145 Z\" fill=\"rgba(251,191,36,0.5)\"\/>\n    <path d=\"M-55,90 L55,90 L70,145 L-70,145 Z\" fill=\"rgba(251,191,36,0.6)\"\/>\n    <ellipse cx=\"0\" cy=\"145\" rx=\"70\" ry=\"10\" fill=\"rgba(251,191,36,0.4)\"\/>\n    <!-- Sand falling -->\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"50\" stroke=\"rgba(251,191,36,0.6)\" stroke-width=\"2\" stroke-dasharray=\"3,3\"\/>\n  <\/g>\n  <text x=\"80\" y=\"200\" font-size=\"18\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"400\" y=\"180\" font-size=\"14\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"420\" y=\"490\" font-size=\"16\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"70\" y=\"510\" font-size=\"14\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <rect x=\"80\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 570)\"\/>\n  <rect x=\"420\" y=\"580\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 420 580)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fdf4ff\"\/><stop offset=\"100%\" stop-color=\"#fce7f3\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"60\" y=\"420\" font-size=\"180\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83c\udf05<\/text>\n  <!-- Books stacked -->\n  <g transform=\"translate(250,380)\">\n    <rect x=\"-100\" y=\"40\" width=\"200\" height=\"35\" rx=\"5\" fill=\"#3b82f6\"\/>\n    <rect x=\"-95\" y=\"42\" width=\"8\" height=\"31\" fill=\"#1d4ed8\"\/>\n    <rect x=\"-90\" y=\"40\" width=\"185\" height=\"5\" rx=\"2\" fill=\"#1e40af\"\/>\n    <rect x=\"-110\" y=\"5\" width=\"220\" height=\"38\" rx=\"5\" fill=\"#ef4444\"\/>\n    <rect x=\"-105\" y=\"7\" width=\"8\" height=\"34\" fill=\"#dc2626\"\/>\n    <rect x=\"-110\" y=\"5\" width=\"220\" height=\"5\" rx=\"2\" fill=\"#b91c1c\"\/>\n    <rect x=\"-95\" y=\"-30\" width=\"190\" height=\"38\" rx=\"5\" fill=\"#10b981\"\/>\n    <rect x=\"-90\" y=\"-28\" width=\"8\" height=\"34\" fill=\"#059669\"\/>\n    <rect x=\"-95\" y=\"-30\" width=\"190\" height=\"5\" rx=\"2\" fill=\"#065f46\"\/>\n    <!-- Bookmark ribbons -->\n    <rect x=\"30\" y=\"-30\" width=\"8\" height=\"60\" fill=\"#fbbf24\"\/>\n    <rect x=\"-50\" y=\"5\" width=\"6\" height=\"50\" fill=\"#f9a8d4\"\/>\n  <\/g>\n  <!-- Reading glasses -->\n  <g transform=\"translate(250,280)\">\n    <circle cx=\"-35\" cy=\"0\" r=\"28\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"4\"\/>\n    <circle cx=\"35\" cy=\"0\" r=\"28\" fill=\"none\" stroke=\"#7c3aed\" stroke-width=\"4\"\/>\n    <line x1=\"-7\" y1=\"0\" x2=\"7\" y2=\"0\" stroke=\"#7c3aed\" stroke-width=\"4\"\/>\n    <line x1=\"-63\" y1=\"-5\" x2=\"-90\" y2=\"-15\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <line x1=\"63\" y1=\"-5\" x2=\"90\" y2=\"-15\" stroke=\"#7c3aed\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <ellipse cx=\"-35\" cy=\"0\" rx=\"22\" ry=\"20\" fill=\"rgba(147,197,253,0.25)\"\/>\n    <ellipse cx=\"35\" cy=\"0\" rx=\"22\" ry=\"20\" fill=\"rgba(147,197,253,0.25)\"\/>\n  <\/g>\n  <text x=\"80\" y=\"200\" font-size=\"18\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"400\" y=\"220\" font-size=\"14\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2605<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-get-well-soon\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#ecfdf5\"\/><stop offset=\"100%\" stop-color=\"#d1fae5\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Heart with medical cross -->\n  <path d=\"M250 220 Q250 170 200 170 Q135 170 135 230 Q135 300 250 380 Q365 300 365 230 Q365 170 300 170 Q250 170 250 220 Z\" fill=\"rgba(239,68,68,0.3)\" stroke=\"rgba(239,68,68,0.5)\" stroke-width=\"3\"\/>\n  <!-- Medical cross in heart -->\n  <rect x=\"225\" y=\"240\" width=\"50\" height=\"100\" rx=\"8\" fill=\"rgba(239,68,68,0.5)\"\/>\n  <rect x=\"200\" y=\"265\" width=\"100\" height=\"50\" rx=\"8\" fill=\"rgba(239,68,68,0.5)\"\/>\n  <rect x=\"228\" y=\"243\" width=\"44\" height=\"94\" rx=\"6\" fill=\"rgba(239,68,68,0.3)\"\/>\n  <rect x=\"203\" y=\"268\" width=\"94\" height=\"44\" rx=\"6\" fill=\"rgba(239,68,68,0.3)\"\/>\n  <!-- Flowers and stars -->\n  <g transform=\"translate(100,480)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#86efac\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#4ade80\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#86efac\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"12\" fill=\"#fde68a\"\/>\n  <\/g>\n  <g transform=\"translate(400,460)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#fca5a5\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#f87171\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#fca5a5\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"12\" fill=\"#fde68a\"\/>\n  <\/g>\n  <text x=\"80\" y=\"200\" font-size=\"18\" fill=\"#10b981\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"180\" font-size=\"16\" fill=\"#34d399\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"430\" y=\"540\" font-size=\"14\" fill=\"#10b981\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"60\" y=\"560\" font-size=\"16\" fill=\"#34d399\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fdf4ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"80\" y=\"360\" font-size=\"160\" font-family=\"sans-serif\" opacity=\"0.2\">\ud83c\udf08<\/text>\n  <!-- Rainbow arch -->\n  <path d=\"M60 500 Q250 200 440 500\" stroke=\"#ef4444\" stroke-width=\"14\" fill=\"none\"\/>\n  <path d=\"M80 510 Q250 230 420 510\" stroke=\"#f97316\" stroke-width=\"12\" fill=\"none\"\/>\n  <path d=\"M100 520 Q250 260 400 520\" stroke=\"#fbbf24\" stroke-width=\"10\" fill=\"none\"\/>\n  <path d=\"M118 528 Q250 286 382 528\" stroke=\"#22c55e\" stroke-width=\"9\" fill=\"none\"\/>\n  <path d=\"M135 535 Q250 308 365 535\" stroke=\"#3b82f6\" stroke-width=\"8\" fill=\"none\"\/>\n  <path d=\"M150 540 Q250 328 350 540\" stroke=\"#a855f7\" stroke-width=\"7\" fill=\"none\"\/>\n  <!-- Sun -->\n  <circle cx=\"80\" cy=\"160\" r=\"45\" fill=\"rgba(251,191,36,0.4)\"\/>\n  <circle cx=\"80\" cy=\"160\" r=\"32\" fill=\"rgba(251,191,36,0.7)\"\/>\n  <line x1=\"80\" y1=\"102\" x2=\"80\" y2=\"82\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"118\" y1=\"122\" x2=\"133\" y2=\"107\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"138\" y1=\"160\" x2=\"158\" y2=\"160\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <line x1=\"42\" y1=\"122\" x2=\"27\" y2=\"107\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n  <!-- Clouds -->\n  <ellipse cx=\"360\" cy=\"150\" rx=\"58\" ry=\"26\" fill=\"rgba(255,255,255,0.7)\"\/>\n  <ellipse cx=\"398\" cy=\"138\" rx=\"40\" ry=\"23\" fill=\"rgba(255,255,255,0.7)\"\/>\n  <ellipse cx=\"330\" cy=\"144\" rx=\"32\" ry=\"20\" fill=\"rgba(255,255,255,0.7)\"\/>\n  <!-- Sparkles -->\n  <text x=\"80\" y=\"540\" font-size=\"16\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"420\" y=\"550\" font-size=\"14\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fef3c7\"\/><stop offset=\"100%\" stop-color=\"#fde68a\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Soup bowl - cozy healing -->\n  <g transform=\"translate(250,360)\">\n    <!-- Steam -->\n    <path d=\"M-40,-100 Q-30,-130 -40,-160 Q-50,-190 -40,-220\" stroke=\"rgba(156,163,175,0.5)\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M0,-90 Q10,-125 0,-155 Q-10,-185 0,-215\" stroke=\"rgba(156,163,175,0.45)\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <path d=\"M40,-100 Q50,-130 40,-160 Q30,-190 40,-220\" stroke=\"rgba(156,163,175,0.5)\" stroke-width=\"5\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <!-- Bowl -->\n    <path d=\"M-110,-30 Q-110,80 0,90 Q110,80 110,-30 Z\" fill=\"#f97316\"\/>\n    <path d=\"M-110,-30 Q-110,72 0,82 Q110,72 110,-30 Z\" fill=\"#ea580c\"\/>\n    <!-- Soup inside -->\n    <ellipse cx=\"0\" cy=\"-30\" rx=\"110\" ry=\"28\" fill=\"#fb923c\"\/>\n    <ellipse cx=\"0\" cy=\"-30\" rx=\"95\" ry=\"22\" fill=\"#fed7aa\"\/>\n    <!-- Vegetables in soup -->\n    <circle cx=\"-30\" cy=\"-33\" r=\"8\" fill=\"#22c55e\" opacity=\"0.8\"\/>\n    <circle cx=\"10\" cy=\"-27\" r=\"6\" fill=\"#ef4444\" opacity=\"0.8\"\/>\n    <circle cx=\"45\" cy=\"-33\" r=\"7\" fill=\"#fbbf24\" opacity=\"0.8\"\/>\n    <circle cx=\"-65\" cy=\"-28\" r=\"6\" fill=\"#22c55e\" opacity=\"0.7\"\/>\n    <!-- Plate\/saucer -->\n    <ellipse cx=\"0\" cy=\"88\" rx=\"130\" ry=\"18\" fill=\"#fde68a\" stroke=\"#f59e0b\" stroke-width=\"2\"\/>\n    <!-- Spoon -->\n    <line x1=\"120\" y1=\"88\" x2=\"180\" y2=\"-20\" stroke=\"#d97706\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n    <ellipse cx=\"182\" cy=\"-24\" rx=\"12\" ry=\"8\" fill=\"#d97706\" transform=\"rotate(-30 182 -24)\"\/>\n  <\/g>\n  <text x=\"80\" y=\"200\" font-size=\"18\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"400\" y=\"180\" font-size=\"14\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <rect x=\"80\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 570)\"\/>\n  <rect x=\"420\" y=\"580\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 420 580)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f0fdf4\"\/><stop offset=\"100%\" stop-color=\"#dcfce7\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Butterfly - symbol of healing\/transformation -->\n  <g transform=\"translate(250,300)\">\n    <!-- Left wings -->\n    <path d=\"M0,0 Q-80,-80 -130,-40 Q-160,0 -130,50 Q-80,100 0,60 Z\" fill=\"rgba(168,85,247,0.5)\"\/>\n    <path d=\"M0,0 Q-70,-60 -110,-30 Q-135,0 -110,40 Q-70,80 0,50 Z\" fill=\"rgba(192,132,252,0.6)\"\/>\n    <!-- Right wings -->\n    <path d=\"M0,0 Q80,-80 130,-40 Q160,0 130,50 Q80,100 0,60 Z\" fill=\"rgba(168,85,247,0.5)\"\/>\n    <path d=\"M0,0 Q70,-60 110,-30 Q135,0 110,40 Q70,80 0,50 Z\" fill=\"rgba(192,132,252,0.6)\"\/>\n    <!-- Wing patterns -->\n    <circle cx=\"-75\" cy=\"-10\" r=\"18\" fill=\"rgba(251,191,36,0.4)\"\/>\n    <circle cx=\"-85\" cy=\"35\" r=\"14\" fill=\"rgba(251,191,36,0.35)\"\/>\n    <circle cx=\"75\" cy=\"-10\" r=\"18\" fill=\"rgba(251,191,36,0.4)\"\/>\n    <circle cx=\"85\" cy=\"35\" r=\"14\" fill=\"rgba(251,191,36,0.35)\"\/>\n    <!-- Body -->\n    <ellipse cx=\"0\" cy=\"28\" rx=\"8\" ry=\"45\" fill=\"#7c3aed\"\/>\n    <!-- Antennae -->\n    <path d=\"M-5,-15 Q-25,-55 -30,-70\" stroke=\"#7c3aed\" stroke-width=\"2.5\" fill=\"none\"\/>\n    <circle cx=\"-30\" cy=\"-70\" r=\"5\" fill=\"#7c3aed\"\/>\n    <path d=\"M5,-15 Q25,-55 30,-70\" stroke=\"#7c3aed\" stroke-width=\"2.5\" fill=\"none\"\/>\n    <circle cx=\"30\" cy=\"-70\" r=\"5\" fill=\"#7c3aed\"\/>\n  <\/g>\n  <!-- Flowers -->\n  <g transform=\"translate(100,520)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#fca5a5\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#f87171\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#fca5a5\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"12\" fill=\"#fde68a\"\/>\n    <rect x=\"-4\" y=\"16\" width=\"8\" height=\"35\" rx=\"4\" fill=\"#22c55e\"\/>\n  <\/g>\n  <g transform=\"translate(400,530)\">\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#86efac\" transform=\"rotate(0)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#4ade80\" transform=\"rotate(60)\"\/>\n    <ellipse cx=\"0\" cy=\"0\" rx=\"14\" ry=\"24\" fill=\"#86efac\" transform=\"rotate(120)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"12\" fill=\"#fde68a\"\/>\n    <rect x=\"-4\" y=\"16\" width=\"8\" height=\"35\" rx=\"4\" fill=\"#22c55e\"\/>\n  <\/g>\n  <text x=\"80\" y=\"180\" font-size=\"18\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"160\" font-size=\"16\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fdf2f8\"\/><stop offset=\"100%\" stop-color=\"#fce7f3\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"60\" y=\"380\" font-size=\"170\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83d\udc90<\/text>\n  <!-- Teddy bear -->\n  <g transform=\"translate(280,300)\">\n    <!-- Ears -->\n    <circle cx=\"-55\" cy=\"-90\" r=\"30\" fill=\"#d97706\"\/>\n    <circle cx=\"-55\" cy=\"-90\" r=\"18\" fill=\"#fde68a\"\/>\n    <circle cx=\"55\" cy=\"-90\" r=\"30\" fill=\"#d97706\"\/>\n    <circle cx=\"55\" cy=\"-90\" r=\"18\" fill=\"#fde68a\"\/>\n    <!-- Head -->\n    <circle cx=\"0\" cy=\"-50\" r=\"70\" fill=\"#f59e0b\"\/>\n    <circle cx=\"0\" cy=\"-50\" r=\"60\" fill=\"#fbbf24\"\/>\n    <!-- Snout -->\n    <ellipse cx=\"0\" cy=\"-20\" rx=\"28\" ry=\"22\" fill=\"#fde68a\"\/>\n    <!-- Eyes -->\n    <circle cx=\"-25\" cy=\"-65\" r=\"12\" fill=\"#1f2937\"\/>\n    <circle cx=\"25\" cy=\"-65\" r=\"12\" fill=\"#1f2937\"\/>\n    <circle cx=\"-20\" cy=\"-68\" r=\"4\" fill=\"white\"\/>\n    <circle cx=\"30\" cy=\"-68\" r=\"4\" fill=\"white\"\/>\n    <!-- Nose -->\n    <ellipse cx=\"0\" cy=\"-28\" rx=\"9\" ry=\"7\" fill=\"#92400e\"\/>\n    <!-- Smile -->\n    <path d=\"M-15,-15 Q0,-5 15,-15\" stroke=\"#92400e\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n    <!-- Body -->\n    <ellipse cx=\"0\" cy=\"70\" rx=\"60\" ry=\"75\" fill=\"#f59e0b\"\/>\n    <ellipse cx=\"0\" cy=\"75\" rx=\"45\" ry=\"55\" fill=\"#fbbf24\"\/>\n    <!-- Paws -->\n    <circle cx=\"-70\" cy=\"40\" r=\"25\" fill=\"#f59e0b\"\/>\n    <circle cx=\"70\" cy=\"40\" r=\"25\" fill=\"#f59e0b\"\/>\n    <!-- Heart on chest -->\n    <path d=\"M0,45 Q0,30 -12,30 Q-28,30 -28,45 Q-28,62 0,75 Q28,62 28,45 Q28,30 12,30 Q0,30 0,45 Z\" fill=\"rgba(239,68,68,0.6)\"\/>\n    <!-- Bow tie -->\n    <path d=\"M-28,-5 Q0,10 28,-5 Q0,-20 -28,-5 Z\" fill=\"#ef4444\"\/>\n    <circle cx=\"0\" cy=\"-5\" r=\"6\" fill=\"#dc2626\"\/>\n  <\/g>\n  <text x=\"80\" y=\"180\" font-size=\"16\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"80\" y=\"540\" font-size=\"14\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"420\" y=\"560\" font-size=\"16\" fill=\"#f472b6\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-volunteer-appreciation\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fffbeb\"\/><stop offset=\"100%\" stop-color=\"#fef3c7\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"60\" y=\"420\" font-size=\"180\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83c\udf1f<\/text>\n  <g transform=\"translate(250,290)\">\n    <circle cx=\"0\" cy=\"0\" r=\"120\" fill=\"rgba(251,191,36,0.2)\" stroke=\"rgba(251,191,36,0.5)\" stroke-width=\"4\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"95\" fill=\"rgba(251,191,36,0.15)\"\/>\n    <!-- 5 pointed star -->\n    <polygon points=\"0,-85 20,-28 79,-26 31,12 49,72 0,40 -49,72 -31,12 -79,-26 -20,-28\" fill=\"#f59e0b\"\/>\n    <polygon points=\"0,-75 18,-25 70,-23 27,10 43,64 0,35 -43,64 -27,10 -70,-23 -18,-25\" fill=\"#fbbf24\"\/>\n  <\/g>\n  <text x=\"80\" y=\"180\" font-size=\"20\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"160\" font-size=\"18\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"430\" y=\"500\" font-size=\"16\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"60\" y=\"520\" font-size=\"18\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <rect x=\"80\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 570)\"\/>\n  <rect x=\"420\" y=\"580\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 420 580)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#f0fdf4\"\/><stop offset=\"100%\" stop-color=\"#dcfce7\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"80\" y=\"380\" font-size=\"160\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83e\udd32<\/text>\n  <!-- Earth with care hands -->\n  <circle cx=\"250\" cy=\"290\" r=\"120\" fill=\"rgba(59,130,246,0.25)\" stroke=\"rgba(59,130,246,0.4)\" stroke-width=\"3\"\/>\n  <circle cx=\"250\" cy=\"290\" r=\"100\" fill=\"rgba(59,130,246,0.2)\"\/>\n  <!-- Continents approximate -->\n  <path d=\"M190 230 Q220 210 260 220 Q280 240 270 260 Q250 275 230 265 Q205 255 190 230 Z\" fill=\"rgba(34,197,94,0.5)\"\/>\n  <path d=\"M270 260 Q290 245 310 260 Q320 280 305 295 Q285 300 270 285 Z\" fill=\"rgba(34,197,94,0.5)\"\/>\n  <path d=\"M180 290 Q195 280 210 290 Q215 310 200 320 Q185 318 180 300 Z\" fill=\"rgba(34,197,94,0.4)\"\/>\n  <path d=\"M250 320 Q270 305 290 320 Q295 345 275 355 Q255 355 250 340 Z\" fill=\"rgba(34,197,94,0.5)\"\/>\n  <!-- Heart overlay -->\n  <path d=\"M250 260 Q250 240 232 240 Q208 240 208 260 Q208 285 250 310 Q292 285 292 260 Q292 240 268 240 Q250 240 250 260 Z\" fill=\"rgba(239,68,68,0.4)\"\/>\n  <text x=\"80\" y=\"180\" font-size=\"18\" fill=\"#10b981\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"160\" font-size=\"16\" fill=\"#34d399\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"420\" y=\"510\" font-size=\"14\" fill=\"#10b981\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"70\" y=\"530\" font-size=\"16\" fill=\"#34d399\" font-family=\"sans-serif\">\u2726<\/text>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#1d4ed8\"\/><stop offset=\"100%\" stop-color=\"#7c3aed\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Certificate\/ribbon design -->\n  <g transform=\"translate(250,300)\">\n    <rect x=\"-150\" y=\"-130\" width=\"300\" height=\"220\" rx=\"12\" fill=\"rgba(255,255,255,0.15)\" stroke=\"rgba(255,255,255,0.4)\" stroke-width=\"3\"\/>\n    <rect x=\"-140\" y=\"-120\" width=\"280\" height=\"200\" rx=\"8\" fill=\"rgba(255,255,255,0.08)\"\/>\n    <!-- Stars row top -->\n    <text x=\"-90\" y=\"-88\" font-size=\"20\" fill=\"rgba(251,191,36,0.8)\" font-family=\"sans-serif\">\u2605 \u2605 \u2605 \u2605 \u2605<\/text>\n    <line x1=\"-130\" y1=\"-68\" x2=\"130\" y2=\"-68\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\"\/>\n    <text x=\"0\" y=\"-30\" text-anchor=\"middle\" font-size=\"16\" fill=\"rgba(255,255,255,0.7)\" font-family=\"Georgia,serif\">Certificate of<\/text>\n    <text x=\"0\" y=\"10\" text-anchor=\"middle\" font-size=\"22\" font-weight=\"bold\" fill=\"white\" font-family=\"Georgia,serif\">Appreciation<\/text>\n    <line x1=\"-130\" y1=\"28\" x2=\"130\" y2=\"28\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\"\/>\n    <text x=\"0\" y=\"58\" text-anchor=\"middle\" font-size=\"14\" fill=\"rgba(255,255,255,0.6)\" font-family=\"sans-serif\">For outstanding service<\/text>\n    <!-- Seal -->\n    <circle cx=\"0\" cy=\"-200\" r=\"36\" fill=\"rgba(251,191,36,0.6)\" stroke=\"rgba(251,191,36,0.8)\" stroke-width=\"3\"\/>\n    <text x=\"0\" y=\"-184\" text-anchor=\"middle\" font-size=\"26\" fill=\"white\" font-family=\"sans-serif\">\u2605<\/text>\n  <\/g>\n  <circle cx=\"80\" cy=\"120\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"140\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"70\" cy=\"540\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <circle cx=\"440\" cy=\"520\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fdf4ff\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Hero cape \/ superhero volunteer -->\n  <g transform=\"translate(250,340)\">\n    <!-- Cape -->\n    <path d=\"M-80,-100 Q-120,0 -100,120 Q-60,160 0,150 Q60,160 100,120 Q120,0 80,-100 Z\" fill=\"rgba(239,68,68,0.5)\" stroke=\"rgba(239,68,68,0.7)\" stroke-width=\"2\"\/>\n    <path d=\"M-75,-100 L75,-100 L60,0 L0,20 L-60,0 Z\" fill=\"rgba(239,68,68,0.7)\"\/>\n    <!-- Star on cape -->\n    <polygon points=\"0,30 8,55 35,55 14,70 22,95 0,80 -22,95 -14,70 -35,55 -8,55\" fill=\"rgba(251,191,36,0.9)\"\/>\n    <!-- Head\/collar hint -->\n    <rect x=\"-30\" y=\"-120\" width=\"60\" height=\"25\" rx=\"8\" fill=\"rgba(255,255,255,0.5)\"\/>\n  <\/g>\n  <!-- Stars around -->\n  <text x=\"80\" y=\"220\" font-size=\"22\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"390\" y=\"240\" font-size=\"18\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"420\" y=\"500\" font-size=\"16\" fill=\"#a855f7\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"60\" y=\"520\" font-size=\"20\" fill=\"#c084fc\" font-family=\"sans-serif\">\u2726<\/text>\n  <!-- Confetti -->\n  <rect x=\"80\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 560)\"\/>\n  <rect x=\"420\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(-25 420 570)\"\/>\n  <rect x=\"160\" y=\"600\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#fbbf24\" transform=\"rotate(20 160 600)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#ecfdf5\"\/><stop offset=\"100%\" stop-color=\"#d1fae5\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"70\" y=\"400\" font-size=\"170\" font-family=\"sans-serif\" opacity=\"0.18\">\ud83c\udf3b<\/text>\n  <!-- Connected people\/community -->\n  <g opacity=\"0.7\">\n    <!-- Person 1 centre -->\n    <circle cx=\"250\" cy=\"260\" r=\"28\" fill=\"#10b981\"\/>\n    <path d=\"M222 290 Q222 340 278 340 Q278 290 278 290\" fill=\"#10b981\" stroke=\"none\"\/>\n    <!-- Person 2 left -->\n    <circle cx=\"150\" cy=\"290\" r=\"22\" fill=\"#3b82f6\"\/>\n    <path d=\"M128 312 Q128 355 172 355 Q172 312 172 312\" fill=\"#3b82f6\"\/>\n    <!-- Person 3 right -->\n    <circle cx=\"350\" cy=\"290\" r=\"22\" fill=\"#f59e0b\"\/>\n    <path d=\"M328 312 Q328 355 372 355 Q372 312 372 312\" fill=\"#f59e0b\"\/>\n    <!-- Person 4 far left -->\n    <circle cx=\"80\" cy=\"310\" r=\"18\" fill=\"#a855f7\"\/>\n    <path d=\"M62 330 Q62 366 98 366 Q98 330 98 330\" fill=\"#a855f7\"\/>\n    <!-- Person 5 far right -->\n    <circle cx=\"420\" cy=\"310\" r=\"18\" fill=\"#ef4444\"\/>\n    <path d=\"M402 330 Q402 366 438 366 Q438 330 438 330\" fill=\"#ef4444\"\/>\n    <!-- Connection lines -->\n    <line x1=\"172\" y1=\"310\" x2=\"222\" y2=\"295\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"3\"\/>\n    <line x1=\"278\" y1=\"295\" x2=\"328\" y2=\"310\" stroke=\"rgba(16,185,129,0.5)\" stroke-width=\"3\"\/>\n    <line x1=\"98\" y1=\"318\" x2=\"128\" y2=\"308\" stroke=\"rgba(59,130,246,0.5)\" stroke-width=\"3\"\/>\n    <line x1=\"372\" y1=\"308\" x2=\"402\" y2=\"318\" stroke=\"rgba(245,158,11,0.5)\" stroke-width=\"3\"\/>\n    <!-- Heart above centre person -->\n    <path d=\"M250 218 Q250 204 240 204 Q225 204 225 218 Q225 234 250 248 Q275 234 275 218 Q275 204 260 204 Q250 204 250 218 Z\" fill=\"rgba(239,68,68,0.6)\"\/>\n  <\/g>\n  <text x=\"80\" y=\"180\" font-size=\"16\" fill=\"#10b981\" font-family=\"sans-serif\">\u2726<\/text>\n  <text x=\"400\" y=\"180\" font-size=\"14\" fill=\"#34d399\" font-family=\"sans-serif\">\u2726<\/text>\n  <rect x=\"80\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 560)\"\/>\n  <rect x=\"420\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 420 570)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                                <div class=\"tc-design-set tc-hidden\" id=\"tc-design-set-team-celebration\">\n                    <div class=\"tc-design-grid\">\n                                            <button type=\"button\"\n                            class=\"tc-design-btn tc-design-selected\"\n                            data-tmpl=\"1\"\n                            aria-pressed=\"true\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0f172a\"\/><stop offset=\"100%\" stop-color=\"#1e1b4b\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Lots of fireworks -->\n  <g transform=\"translate(150,200)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-50\" stroke=\"#f472b6\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"35\" y2=\"-35\" stroke=\"#f472b6\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"50\" y2=\"0\" stroke=\"#f9a8d4\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"35\" y2=\"35\" stroke=\"#f9a8d4\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"50\" stroke=\"#f472b6\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-35\" y2=\"35\" stroke=\"#f472b6\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-50\" y2=\"0\" stroke=\"#f9a8d4\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-35\" y2=\"-35\" stroke=\"#f9a8d4\" stroke-width=\"2\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"8\" fill=\"#fce7f3\"\/>\n    <circle cx=\"0\" cy=\"-50\" r=\"4\" fill=\"#fce7f3\"\/><circle cx=\"50\" cy=\"0\" r=\"4\" fill=\"#fce7f3\"\/><circle cx=\"0\" cy=\"50\" r=\"4\" fill=\"#fce7f3\"\/><circle cx=\"-50\" cy=\"0\" r=\"4\" fill=\"#fce7f3\"\/>\n  <\/g>\n  <g transform=\"translate(350,180)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-60\" stroke=\"#fbbf24\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"42\" y2=\"-42\" stroke=\"#fbbf24\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"60\" y2=\"0\" stroke=\"#f59e0b\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"42\" y2=\"42\" stroke=\"#f59e0b\" stroke-width=\"2.5\"\/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"60\" stroke=\"#fbbf24\" stroke-width=\"2.5\"\/><line x1=\"0\" y1=\"0\" x2=\"-42\" y2=\"42\" stroke=\"#fbbf24\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"-60\" y2=\"0\" stroke=\"#f59e0b\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"-42\" y2=\"-42\" stroke=\"#f59e0b\" stroke-width=\"3\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"10\" fill=\"#fffbeb\"\/>\n    <circle cx=\"0\" cy=\"-60\" r=\"5\" fill=\"#fffbeb\"\/><circle cx=\"60\" cy=\"0\" r=\"5\" fill=\"#fffbeb\"\/><circle cx=\"0\" cy=\"60\" r=\"5\" fill=\"#fffbeb\"\/><circle cx=\"-60\" cy=\"0\" r=\"5\" fill=\"#fffbeb\"\/>\n  <\/g>\n  <g transform=\"translate(250,420)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-70\" stroke=\"#a855f7\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"49\" y2=\"-49\" stroke=\"#c084fc\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"70\" y2=\"0\" stroke=\"#a855f7\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"49\" y2=\"49\" stroke=\"#c084fc\" stroke-width=\"2.5\"\/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"70\" stroke=\"#a855f7\" stroke-width=\"2.5\"\/><line x1=\"0\" y1=\"0\" x2=\"-49\" y2=\"49\" stroke=\"#c084fc\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"-70\" y2=\"0\" stroke=\"#a855f7\" stroke-width=\"3\"\/><line x1=\"0\" y1=\"0\" x2=\"-49\" y2=\"-49\" stroke=\"#c084fc\" stroke-width=\"3\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"11\" fill=\"#f5f3ff\"\/>\n    <circle cx=\"0\" cy=\"-70\" r=\"5\" fill=\"#f5f3ff\"\/><circle cx=\"70\" cy=\"0\" r=\"5\" fill=\"#f5f3ff\"\/><circle cx=\"0\" cy=\"70\" r=\"5\" fill=\"#f5f3ff\"\/><circle cx=\"-70\" cy=\"0\" r=\"5\" fill=\"#f5f3ff\"\/>\n  <\/g>\n  <g transform=\"translate(100,430)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-40\" stroke=\"#34d399\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"28\" y2=\"-28\" stroke=\"#34d399\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"40\" y2=\"0\" stroke=\"#6ee7b7\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"28\" y2=\"28\" stroke=\"#6ee7b7\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"40\" stroke=\"#34d399\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-28\" y2=\"28\" stroke=\"#34d399\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-40\" y2=\"0\" stroke=\"#6ee7b7\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-28\" y2=\"-28\" stroke=\"#6ee7b7\" stroke-width=\"2\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"6\" fill=\"#d1fae5\"\/>\n  <\/g>\n  <g transform=\"translate(400,400)\">\n    <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-45\" stroke=\"#fb923c\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"32\" y2=\"-32\" stroke=\"#fb923c\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"45\" y2=\"0\" stroke=\"#fdba74\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"32\" y2=\"32\" stroke=\"#fdba74\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"45\" stroke=\"#fb923c\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-32\" y2=\"32\" stroke=\"#fb923c\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-45\" y2=\"0\" stroke=\"#fdba74\" stroke-width=\"2\"\/><line x1=\"0\" y1=\"0\" x2=\"-32\" y2=\"-32\" stroke=\"#fdba74\" stroke-width=\"2\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"7\" fill=\"#fff7ed\"\/>\n  <\/g>\n  <circle cx=\"80\" cy=\"580\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"420\" cy=\"560\" r=\"2\" fill=\"white\" opacity=\"0.4\"\/>\n  <rect x=\"70\" y=\"600\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#fbbf24\" transform=\"rotate(30 70 600)\"\/>\n  <rect x=\"430\" y=\"610\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(-25 430 610)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 1<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"2\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fce7f3\"\/><stop offset=\"100%\" stop-color=\"#ede9fe\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <text x=\"50\" y=\"360\" font-size=\"170\" font-family=\"sans-serif\" opacity=\"0.15\">\ud83c\udf8a<\/text>\n  <!-- Party horn\/popper group -->\n  <g transform=\"translate(280,280) rotate(-30)\">\n    <path d=\"M-15,-60 L15,-60 L30,60 L-30,60 Z\" fill=\"#f472b6\"\/>\n    <ellipse cx=\"0\" cy=\"-60\" rx=\"15\" ry=\"8\" fill=\"#fbbf24\"\/>\n    <ellipse cx=\"0\" cy=\"60\" rx=\"30\" ry=\"10\" fill=\"#db2777\"\/>\n    <!-- Confetti from horn -->\n    <rect x=\"20\" y=\"-80\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(20)\"\/>\n    <rect x=\"35\" y=\"-100\" width=\"6\" height=\"3\" rx=\"1\" fill=\"#fbbf24\" transform=\"rotate(-15)\"\/>\n    <rect x=\"50\" y=\"-70\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(35)\"\/>\n    <rect x=\"15\" y=\"-120\" width=\"6\" height=\"3\" rx=\"1\" fill=\"#10b981\" transform=\"rotate(-25)\"\/>\n    <circle cx=\"55\" cy=\"-90\" r=\"5\" fill=\"#f9a8d4\"\/>\n    <circle cx=\"30\" cy=\"-130\" r=\"4\" fill=\"#fbbf24\"\/>\n  <\/g>\n  <!-- Streamers -->\n  <path d=\"M80 150 Q120 200 100 250 Q80 300 120 350\" stroke=\"#f472b6\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"8,4\"\/>\n  <path d=\"M420 160 Q380 210 400 260 Q420 310 380 360\" stroke=\"#a855f7\" stroke-width=\"3\" fill=\"none\" stroke-dasharray=\"8,4\"\/>\n  <!-- Bunting -->\n  <line x1=\"0\" y1=\"80\" x2=\"500\" y2=\"80\" stroke=\"rgba(168,85,247,0.3)\" stroke-width=\"1.5\"\/>\n  <polygon points=\"30,80 50,80 40,108\" fill=\"#f472b6\" opacity=\"0.7\"\/>\n  <polygon points=\"70,80 90,80 80,108\" fill=\"#fbbf24\" opacity=\"0.7\"\/>\n  <polygon points=\"110,80 130,80 120,108\" fill=\"#3b82f6\" opacity=\"0.7\"\/>\n  <polygon points=\"150,80 170,80 160,108\" fill=\"#10b981\" opacity=\"0.7\"\/>\n  <polygon points=\"190,80 210,80 200,108\" fill=\"#ef4444\" opacity=\"0.7\"\/>\n  <polygon points=\"230,80 250,80 240,108\" fill=\"#a855f7\" opacity=\"0.7\"\/>\n  <polygon points=\"270,80 290,80 280,108\" fill=\"#f59e0b\" opacity=\"0.7\"\/>\n  <polygon points=\"310,80 330,80 320,108\" fill=\"#f472b6\" opacity=\"0.7\"\/>\n  <polygon points=\"350,80 370,80 360,108\" fill=\"#3b82f6\" opacity=\"0.7\"\/>\n  <polygon points=\"390,80 410,80 400,108\" fill=\"#10b981\" opacity=\"0.7\"\/>\n  <polygon points=\"430,80 450,80 440,108\" fill=\"#fbbf24\" opacity=\"0.7\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 2<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"3\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#1d4ed8\"\/><stop offset=\"100%\" stop-color=\"#7c3aed\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- People raising hands in celebration -->\n  <g opacity=\"0.75\">\n    <circle cx=\"130\" cy=\"320\" r=\"22\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <path d=\"M108 344 Q108 390 152 390 Q152 344 152 344\" fill=\"rgba(255,255,255,0.7)\"\/>\n    <line x1=\"108\" y1=\"360\" x2=\"78\" y2=\"310\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n    <line x1=\"152\" y1=\"360\" x2=\"162\" y2=\"295\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n    <circle cx=\"78\" cy=\"307\" r=\"9\" fill=\"rgba(255,255,255,0.6)\"\/>\n    <circle cx=\"162\" cy=\"292\" r=\"9\" fill=\"rgba(255,255,255,0.6)\"\/>\n    <circle cx=\"250\" cy=\"300\" r=\"26\" fill=\"rgba(255,255,255,0.85)\"\/>\n    <path d=\"M224 328 Q224 380 276 380 Q276 328 276 328\" fill=\"rgba(255,255,255,0.75)\"\/>\n    <line x1=\"224\" y1=\"348\" x2=\"185\" y2=\"285\" stroke=\"rgba(255,255,255,0.75)\" stroke-width=\"9\" stroke-linecap=\"round\"\/>\n    <line x1=\"276\" y1=\"348\" x2=\"315\" y2=\"285\" stroke=\"rgba(255,255,255,0.75)\" stroke-width=\"9\" stroke-linecap=\"round\"\/>\n    <circle cx=\"185\" cy=\"282\" r=\"10\" fill=\"rgba(255,255,255,0.65)\"\/>\n    <circle cx=\"315\" cy=\"282\" r=\"10\" fill=\"rgba(255,255,255,0.65)\"\/>\n    <circle cx=\"370\" cy=\"320\" r=\"22\" fill=\"rgba(255,255,255,0.8)\"\/>\n    <path d=\"M348 344 Q348 390 392 390 Q392 344 392 344\" fill=\"rgba(255,255,255,0.7)\"\/>\n    <line x1=\"348\" y1=\"360\" x2=\"338\" y2=\"295\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n    <line x1=\"392\" y1=\"360\" x2=\"422\" y2=\"310\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n    <circle cx=\"338\" cy=\"292\" r=\"9\" fill=\"rgba(255,255,255,0.6)\"\/>\n    <circle cx=\"422\" cy=\"307\" r=\"9\" fill=\"rgba(255,255,255,0.6)\"\/>\n  <\/g>\n  <!-- Stars above -->\n  <circle cx=\"130\" cy=\"200\" r=\"4\" fill=\"#fbbf24\" opacity=\"0.8\"\/>\n  <circle cx=\"250\" cy=\"160\" r=\"5\" fill=\"#fbbf24\" opacity=\"0.9\"\/>\n  <circle cx=\"370\" cy=\"200\" r=\"4\" fill=\"#fbbf24\" opacity=\"0.8\"\/>\n  <circle cx=\"80\" cy=\"240\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"240\" r=\"3\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"200\" cy=\"180\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"300\" cy=\"180\" r=\"3\" fill=\"white\" opacity=\"0.5\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 3<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"4\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#fef3c7\"\/><stop offset=\"100%\" stop-color=\"#fde68a\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Large party popper -->\n  <text x=\"80\" y=\"440\" font-size=\"200\" font-family=\"sans-serif\" opacity=\"0.2\">\ud83c\udf89<\/text>\n  <!-- Champagne glasses clinking -->\n  <g transform=\"translate(210,320)\">\n    <path d=\"M-30,-90 Q-40,-40 -20,20 L20,20 Q40,-40 30,-90 Z\" fill=\"rgba(251,191,36,0.4)\" stroke=\"rgba(251,191,36,0.7)\" stroke-width=\"2\"\/>\n    <path d=\"M-20,20 L-8,80 L8,80 L20,20 Z\" fill=\"rgba(251,191,36,0.5)\"\/>\n    <line x1=\"-8\" y1=\"80\" x2=\"8\" y2=\"80\" stroke=\"rgba(251,191,36,0.7)\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n    <ellipse cx=\"0\" cy=\"-90\" rx=\"30\" ry=\"8\" fill=\"rgba(255,255,255,0.4)\"\/>\n    <circle cx=\"-10\" cy=\"-50\" r=\"4\" fill=\"rgba(255,255,255,0.4)\"\/>\n    <circle cx=\"5\" cy=\"-20\" r=\"3\" fill=\"rgba(255,255,255,0.35)\"\/>\n  <\/g>\n  <g transform=\"translate(300,320)\">\n    <path d=\"M-30,-80 Q-40,-35 -20,18 L20,18 Q40,-35 30,-80 Z\" fill=\"rgba(251,191,36,0.35)\" stroke=\"rgba(251,191,36,0.6)\" stroke-width=\"2\"\/>\n    <path d=\"M-20,18 L-8,72 L8,72 L20,18 Z\" fill=\"rgba(251,191,36,0.45)\"\/>\n    <line x1=\"-8\" y1=\"72\" x2=\"8\" y2=\"72\" stroke=\"rgba(251,191,36,0.6)\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n    <circle cx=\"8\" cy=\"-40\" r=\"3\" fill=\"rgba(255,255,255,0.35)\"\/>\n    <circle cx=\"-5\" cy=\"-10\" r=\"4\" fill=\"rgba(255,255,255,0.3)\"\/>\n  <\/g>\n  <!-- Clink point -->\n  <text x=\"234\" y=\"245\" font-size=\"20\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2726<\/text>\n  <!-- Stars -->\n  <text x=\"80\" y=\"200\" font-size=\"20\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"390\" y=\"220\" font-size=\"18\" fill=\"#fbbf24\" font-family=\"sans-serif\">\u2605<\/text>\n  <text x=\"430\" y=\"500\" font-size=\"16\" fill=\"#f59e0b\" font-family=\"sans-serif\">\u2605<\/text>\n  <!-- Confetti -->\n  <rect x=\"80\" y=\"560\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#f472b6\" transform=\"rotate(30 80 560)\"\/>\n  <rect x=\"420\" y=\"570\" width=\"10\" height=\"5\" rx=\"2\" fill=\"#a855f7\" transform=\"rotate(-25 420 570)\"\/>\n  <rect x=\"160\" y=\"600\" width=\"8\" height=\"4\" rx=\"2\" fill=\"#3b82f6\" transform=\"rotate(20 160 600)\"\/>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 4<\/span>\n                        <\/button>\n                                            <button type=\"button\"\n                            class=\"tc-design-btn\"\n                            data-tmpl=\"5\"\n                            aria-pressed=\"false\">\n                            <div class=\"tc-design-thumb\">\n                                <svg preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 700\">\n  <defs><linearGradient id=\"bg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#0f172a\"\/><stop offset=\"60%\" stop-color=\"#1e3a5f\"\/><stop offset=\"100%\" stop-color=\"#7c3aed\"\/><\/linearGradient><\/defs>\n  <rect width=\"500\" height=\"700\" fill=\"url(#bg)\"\/>\n  <!-- Night sky with confetti burst -->\n  <!-- Stars -->\n  <circle cx=\"60\" cy=\"80\" r=\"2\" fill=\"white\" opacity=\"0.8\"\/>\n  <circle cx=\"150\" cy=\"50\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <circle cx=\"300\" cy=\"70\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"420\" cy=\"90\" r=\"3\" fill=\"white\" opacity=\"0.8\"\/>\n  <circle cx=\"480\" cy=\"150\" r=\"2\" fill=\"white\" opacity=\"0.5\"\/>\n  <circle cx=\"30\" cy=\"200\" r=\"2\" fill=\"white\" opacity=\"0.6\"\/>\n  <circle cx=\"460\" cy=\"250\" r=\"3\" fill=\"white\" opacity=\"0.7\"\/>\n  <!-- Central burst -->\n  <g transform=\"translate(250,340)\">\n    <circle cx=\"0\" cy=\"0\" r=\"60\" fill=\"rgba(251,191,36,0.15)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"40\" fill=\"rgba(251,191,36,0.2)\"\/>\n    <circle cx=\"0\" cy=\"0\" r=\"22\" fill=\"rgba(251,191,36,0.35)\"\/>\n    <!-- Burst rays -->\n    <line x1=\"0\" y1=\"-90\" x2=\"0\" y2=\"-200\" stroke=\"rgba(251,191,36,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"64\" y1=\"-64\" x2=\"141\" y2=\"-141\" stroke=\"rgba(244,114,182,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"90\" y1=\"0\" x2=\"200\" y2=\"0\" stroke=\"rgba(168,85,247,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"64\" y1=\"64\" x2=\"141\" y2=\"141\" stroke=\"rgba(52,211,153,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"0\" y1=\"90\" x2=\"0\" y2=\"200\" stroke=\"rgba(251,191,36,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"-64\" y1=\"64\" x2=\"-141\" y2=\"141\" stroke=\"rgba(244,114,182,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"-90\" y1=\"0\" x2=\"-200\" y2=\"0\" stroke=\"rgba(168,85,247,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <line x1=\"-64\" y1=\"-64\" x2=\"-141\" y2=\"-141\" stroke=\"rgba(52,211,153,0.4)\" stroke-width=\"2\" stroke-dasharray=\"10,8\"\/>\n    <!-- Confetti dots at ray tips -->\n    <circle cx=\"0\" cy=\"-200\" r=\"6\" fill=\"#fbbf24\"\/>\n    <circle cx=\"141\" cy=\"-141\" r=\"5\" fill=\"#f472b6\"\/>\n    <circle cx=\"200\" cy=\"0\" r=\"6\" fill=\"#a855f7\"\/>\n    <circle cx=\"141\" cy=\"141\" r=\"5\" fill=\"#34d399\"\/>\n    <circle cx=\"0\" cy=\"200\" r=\"6\" fill=\"#fbbf24\"\/>\n    <circle cx=\"-141\" cy=\"141\" r=\"5\" fill=\"#f472b6\"\/>\n    <circle cx=\"-200\" cy=\"0\" r=\"6\" fill=\"#a855f7\"\/>\n    <circle cx=\"-141\" cy=\"-141\" r=\"5\" fill=\"#34d399\"\/>\n  <\/g>\n<\/svg>                            <\/div>\n                            <span class=\"tc-design-label\">Design 5<\/span>\n                        <\/button>\n                                        <\/div>\n                <\/div>\n                \n                <div class=\"tc-step-nav\" style=\"margin-top:16px;\">\n                    <button type=\"button\" class=\"tc-btn tc-btn-secondary tc-prev-step\">\n                        \u2190 Back                    <\/button>\n                    <button type=\"button\" class=\"tc-btn tc-btn-primary tc-next-step\">\n                        Add Details &#8594;\n                    <\/button>\n                <\/div>\n            <\/div>\n            <div class=\"tc-step tc-step-hidden\" id=\"tc-step-3\">\n                <h2 class=\"tc-step-heading\">Add the recipient details<\/h2>\n\n                <div class=\"tc-field-group\">\n                    <label class=\"tc-label\" for=\"tc-recipient-name\">\n                        Recipient name                        <span class=\"tc-required\" aria-label=\"required\">*<\/span>\n                    <\/label>\n                    <input\n                        type=\"text\"\n                        id=\"tc-recipient-name\"\n                        name=\"recipient_name\"\n                        class=\"tc-input\"\n                        maxlength=\"100\"\n                        placeholder=\"e.g. Sarah Jones\"\n                        autocomplete=\"off\"\n                        required\n                    \/>\n                <\/div>\n\n                <div class=\"tc-field-group\">\n                    <label class=\"tc-label\" for=\"tc-card-title\">\n                        Card title                        <span class=\"tc-optional\">(optional)<\/span>\n                    <\/label>\n                    <input\n                        type=\"text\"\n                        id=\"tc-card-title\"\n                        name=\"card_title\"\n                        class=\"tc-input\"\n                        maxlength=\"150\"\n                        placeholder=\"e.g. Happy Birthday Sarah!\"\n                        autocomplete=\"off\"\n                    \/>\n                <\/div>\n\n                <div class=\"tc-field-group\">\n                    <label class=\"tc-label\" for=\"tc-org-name\">\n                        Organisation or department                        <span class=\"tc-optional\">(optional)<\/span>\n                    <\/label>\n                    <input\n                        type=\"text\"\n                        id=\"tc-org-name\"\n                        name=\"org_name\"\n                        class=\"tc-input\"\n                        maxlength=\"100\"\n                        placeholder=\"e.g. Student Services Team\"\n                        autocomplete=\"off\"\n                    \/>\n                <\/div>\n\n                <div class=\"tc-step-nav\">\n                    <button type=\"button\" class=\"tc-btn tc-btn-secondary tc-prev-step\">\n                        \u2190 Back                    <\/button>\n                    <button type=\"button\" class=\"tc-btn tc-btn-primary tc-next-step\" id=\"tc-details-next\">\n                        Add Logo &#8594;\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 Step 4: Optional logo upload \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tc-step tc-step-hidden\" id=\"tc-step-4\">\n                <h2 class=\"tc-step-heading\">Add your organisation logo<\/h2>\n                <p class=\"tc-step-sub\">\n                    Optional. Accepted formats: JPG, PNG, GIF, WebP. Max 500 KB.                <\/p>\n\n                <div class=\"tc-upload-area\" id=\"tc-upload-area\">\n                    <input\n                        type=\"file\"\n                        id=\"tc-logo-input\"\n                        name=\"org_logo\"\n                        class=\"tc-file-input\"\n                        accept=\"image\/jpeg,image\/png,image\/gif,image\/webp\"\n                        aria-label=\"Upload organisation logo\"\n                    \/>\n                    <label for=\"tc-logo-input\" class=\"tc-upload-label\">\n                        <span class=\"tc-upload-icon\" aria-hidden=\"true\">\ud83d\uddbc\ufe0f<\/span>\n                        <span class=\"tc-upload-text\">Click to upload or drag and drop<\/span>\n                    <\/label>\n                    <div class=\"tc-logo-preview\" id=\"tc-logo-preview\" aria-live=\"polite\"><\/div>\n                    <button type=\"button\" class=\"tc-btn tc-btn-ghost tc-remove-logo tc-hidden\" id=\"tc-remove-logo\">\n                        Remove logo                    <\/button>\n                <\/div>\n\n                <div class=\"tc-step-nav\">\n                    <button type=\"button\" class=\"tc-btn tc-btn-secondary tc-prev-step\">\n                        \u2190 Back                    <\/button>\n                    <button type=\"button\" class=\"tc-btn tc-btn-primary\" id=\"tc-create-submit\">\n                        Create My Card &#8594;\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- \u2500\u2500 Step 5: Success \u2014 share links \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n            <div class=\"tc-step tc-step-hidden\" id=\"tc-step-5\">\n\n                <!-- Card cover header \u2014 populated by JS after creation -->\n                <div id=\"tc-created-card-cover\" class=\"tc-card-cover-preview\"><\/div>\n\n                <h2 class=\"tc-step-heading\" style=\"margin-top:1.5rem\">Your card is ready!<\/h2>\n                <p class=\"tc-step-sub\">Share the signing link with your team. Keep the download link safe for yourself.<\/p>\n\n                <div class=\"tc-share-block\">\n\n                    <!-- \u2500\u2500 Section 1: Share signing link \u2500\u2500 -->\n                    <div class=\"tc-share-item\">\n                        <label class=\"tc-label\">&#9993;&#65039; Share with your team<\/label>\n                        <p class=\"tc-share-hint\" style=\"margin-bottom:10px;\">\n                            Send this link to colleagues so they can add their message. No account needed.                        <\/p>\n\n                        <!-- Quick share buttons -->\n                        <div class=\"tc-quick-share\" id=\"tc-quick-share\">\n                            <a id=\"tc-share-email\" href=\"#\" class=\"tc-share-btn tc-share-btn--email\" target=\"_blank\" rel=\"noopener\">\n                                &#128139; Email                            <\/a>\n                            <a id=\"tc-share-whatsapp\" href=\"#\" class=\"tc-share-btn tc-share-btn--whatsapp\" target=\"_blank\" rel=\"noopener\">\n                                &#128241; WhatsApp                            <\/a>\n                            <a id=\"tc-share-teams\" href=\"#\" class=\"tc-share-btn tc-share-btn--teams\" target=\"_blank\" rel=\"noopener\">\n                                &#128187; Teams                            <\/a>\n                            <button type=\"button\" id=\"tc-share-native\" class=\"tc-share-btn tc-share-btn--more tc-hidden\">\n                                &#8942; More                            <\/button>\n                        <\/div>\n\n                        <!-- QR Code -->\n                        <div class=\"tc-qr-wrap\">\n                            <p class=\"tc-qr-label\">Or scan QR code:<\/p>\n                            <div id=\"tc-qr-code\" class=\"tc-qr-code\"><\/div>\n                        <\/div>\n\n                        <!-- Copy row -->\n                        <div class=\"tc-copy-row\" style=\"margin-top:10px;\">\n                            <input type=\"text\" class=\"tc-input tc-copy-input\" id=\"tc-sign-url\" readonly \/>\n                            <button type=\"button\" class=\"tc-btn tc-btn-copy\" data-target=\"tc-sign-url\">\n                                Copy                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u2500\u2500 Section 2: Save download link \u2500\u2500 -->\n                    <div class=\"tc-share-item tc-share-item--download\">\n                        <label class=\"tc-label\">&#128274; Your private download link<\/label>\n\n                        <div class=\"tc-save-warning\">\n                            <p>&#9888;&#65039; This link is not sent by email. Save it now \u2014 you will need it to download the finished card.<\/p>\n                        <\/div>\n\n                        <!-- Email yourself option -->\n                        <div class=\"tc-email-self\">\n                            <label class=\"tc-label-small\" for=\"tc-self-email\">Email the link to yourself (optional):<\/label>\n                            <div class=\"tc-email-self-row\">\n                                <input\n                                    type=\"email\"\n                                    id=\"tc-self-email\"\n                                    class=\"tc-input\"\n                                    placeholder=\"your@email.com\"\n                                    autocomplete=\"email\"\n                                \/>\n                                <button type=\"button\" class=\"tc-btn tc-btn-primary\" id=\"tc-send-self-email\">\n                                    Send                                <\/button>\n                            <\/div>\n                            <p id=\"tc-self-email-result\" class=\"tc-share-hint tc-hidden\"><\/p>\n                        <\/div>\n\n                        <!-- Copy row -->\n                        <div class=\"tc-copy-row\" style=\"margin-top:10px;\">\n                            <input type=\"text\" class=\"tc-input tc-copy-input\" id=\"tc-download-url\" readonly \/>\n                            <button type=\"button\" class=\"tc-btn tc-btn-copy\" data-target=\"tc-download-url\">\n                                Copy link                            <\/button>\n                        <\/div>\n                        <p class=\"tc-share-hint tc-share-hint--warning\">\n                            Card automatically deleted after 7 days.                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tc-step-nav tc-step-nav-center\">\n                    <a href=\"https:\/\/recovermy.website\/teamcardly\/\" class=\"tc-btn tc-btn-ghost\">\n                        Create another card                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Error message area (shown by JS on AJAX failure) -->\n            <div class=\"tc-error-msg tc-hidden\" id=\"tc-error-msg\" role=\"alert\" aria-live=\"assertive\"><\/div>\n\n            <!-- Loading overlay -->\n            <div class=\"tc-loading-overlay tc-hidden\" id=\"tc-loading-overlay\" aria-live=\"polite\">\n                <div class=\"tc-spinner\" aria-hidden=\"true\"><\/div>\n                <p class=\"tc-loading-text\" id=\"tc-loading-text\">Creating your card\u2026<\/p>\n            <\/div>\n\n            <!-- Privacy note -->\n            <p class=\"tc-privacy-note\">\n                \ud83d\udd12 No account needed. No email required. Your card is stored temporarily and automatically deleted after 7 days.            <\/p>\n\n            <!-- Branding -->\n            <p class=\"tc-branding-footer\">\n                Created free with TeamCardly by Kivein &mdash; <a href=\"https:\/\/kivein.com\" target=\"_blank\" rel=\"noopener noreferrer\">kivein.com<\/a>            <\/p>\n\n        <\/div><!-- \/.tc-wrap -->\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":5,"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/pages\/9\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/recovermy.website\/teamcardly\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}