{"id":7,"date":"2026-06-07T15:25:20","date_gmt":"2026-06-07T15:25:20","guid":{"rendered":"https:\/\/dopadelmine.com\/?page_id=7"},"modified":"2026-06-07T15:40:16","modified_gmt":"2026-06-07T15:40:16","slug":"7-2","status":"publish","type":"page","link":"https:\/\/dopadelmine.com\/","title":{"rendered":"Dopadelmine homepage"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>DoPadelMine \u2014 Get Your Padel Fix<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Syne:wght@400;600;700;800&#038;family=DM+Sans:ital,wght@0,300;0,400;1,300&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --sun: #FFD93D;\n    --coral: #FF6B6B;\n    --green: #6BCB77;\n    --sky: #4ECDC4;\n    --dark: #0D0D0D;\n    --white: #FAFAF5;\n    --mid: #1A1A1A;\n  }\n\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    overflow-x: hidden;\n    cursor: none;\n  }\n\n  .dpm-wrap {\n    background: var(--dark) !important;\n    color: var(--white) !important;\n  }\n\n  \/* Custom cursor *\/\n  .cursor {\n    position: fixed;\n    width: 12px; height: 12px;\n    background: var(--sun);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 9999;\n    transform: translate(-50%, -50%);\n    transition: transform 0.1s, width 0.3s, height 0.3s, background 0.3s;\n    mix-blend-mode: difference;\n  }\n  .cursor-ring {\n    position: fixed;\n    width: 40px; height: 40px;\n    border: 1.5px solid var(--sun);\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 9998;\n    transform: translate(-50%, -50%);\n    transition: transform 0.15s ease-out, width 0.3s, height 0.3s;\n    opacity: 0.6;\n  }\n\n  \/* NAV *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1.5rem 4rem;\n    background: rgba(13,13,13,0.85);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }\n\n  .nav-logo {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.8rem;\n    letter-spacing: 0.05em;\n    color: var(--white);\n    text-decoration: none;\n  }\n  .nav-logo span { color: var(--sun); }\n\n  .nav-links {\n    display: flex;\n    gap: 2.5rem;\n    list-style: none;\n  }\n  .nav-links a {\n    font-family: 'Syne', sans-serif;\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: var(--white);\n    text-decoration: none;\n    opacity: 0.7;\n    transition: opacity 0.2s;\n  }\n  .nav-links a:hover { opacity: 1; color: var(--sun); }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .hero-left {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 8rem 4rem 6rem 4rem;\n    position: relative;\n    z-index: 2;\n  }\n\n  .hero-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    background: rgba(255,217,61,0.12);\n    border: 1px solid rgba(255,217,61,0.3);\n    border-radius: 100px;\n    padding: 0.4rem 1rem;\n    font-family: 'Syne', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--sun);\n    width: fit-content;\n    margin-bottom: 2rem;\n    animation: fadeUp 0.8s ease both;\n  }\n  .hero-tag::before {\n    content: '';\n    width: 6px; height: 6px;\n    background: var(--sun);\n    border-radius: 50%;\n    animation: pulse 2s infinite;\n  }\n\n  @keyframes pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(0.7); }\n  }\n\n  .hero-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(5rem, 10vw, 9rem);\n    line-height: 0.92;\n    letter-spacing: -0.01em;\n    margin-bottom: 1.5rem;\n    animation: fadeUp 0.8s 0.1s ease both;\n  }\n\n  .hero-title .line-accent { color: var(--sun); }\n  .hero-title .line-outline {\n    -webkit-text-stroke: 2px var(--white);\n    color: transparent;\n  }\n\n  .hero-desc {\n    font-size: 1.05rem;\n    line-height: 1.7;\n    color: rgba(250,250,245,0.65);\n    max-width: 420px;\n    margin-bottom: 2.5rem;\n    font-weight: 300;\n    animation: fadeUp 0.8s 0.2s ease both;\n  }\n\n  .hero-ctas {\n    display: flex;\n    gap: 1rem;\n    animation: fadeUp 0.8s 0.3s ease both;\n  }\n\n  .btn-primary {\n    background: var(--sun);\n    color: var(--dark);\n    font-family: 'Syne', sans-serif;\n    font-weight: 700;\n    font-size: 0.85rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 1rem 2rem;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 0 0 0 rgba(255,217,61,0.4);\n  }\n  .btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(255,217,61,0.35);\n  }\n\n  .btn-ghost {\n    border: 1.5px solid rgba(250,250,245,0.25);\n    color: var(--white);\n    font-family: 'Syne', sans-serif;\n    font-weight: 600;\n    font-size: 0.85rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 1rem 2rem;\n    border-radius: 100px;\n    text-decoration: none;\n    transition: border-color 0.2s, background 0.2s;\n  }\n  .btn-ghost:hover {\n    border-color: var(--sun);\n    background: rgba(255,217,61,0.07);\n  }\n\n  .hero-right {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  \/* Big decorative court illustration *\/\n  .court-visual {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .court-bg {\n    width: 520px; height: 520px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 40% 40%, #FFD93D22, #4ECDC415, transparent 70%);\n    position: absolute;\n    animation: breathe 6s ease-in-out infinite;\n  }\n\n  @keyframes breathe {\n    0%, 100% { transform: scale(1); opacity: 0.8; }\n    50% { transform: scale(1.06); opacity: 1; }\n  }\n\n  .court-lines {\n    width: 340px; height: 460px;\n    border: 2px solid rgba(255,217,61,0.25);\n    border-radius: 8px;\n    position: relative;\n    animation: fadeUp 1s 0.4s ease both;\n  }\n\n  .court-lines::before {\n    content: '';\n    position: absolute;\n    top: 50%; left: 0; right: 0;\n    height: 2px;\n    background: rgba(255,217,61,0.25);\n  }\n\n  .court-lines::after {\n    content: '';\n    position: absolute;\n    top: 0; bottom: 0;\n    left: 50%;\n    width: 2px;\n    background: rgba(255,217,61,0.12);\n  }\n\n  .court-net {\n    position: absolute;\n    top: 50%;\n    left: -20px; right: -20px;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--sun), transparent);\n    transform: translateY(-50%);\n  }\n\n  \/* Floating balls *\/\n  .ball {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--sun);\n    box-shadow: 0 0 20px rgba(255,217,61,0.5);\n  }\n  .ball-1 { width: 18px; height: 18px; top: 18%; right: 20%; animation: float1 5s ease-in-out infinite; }\n  .ball-2 { width: 12px; height: 12px; top: 65%; right: 35%; animation: float2 4s ease-in-out infinite; }\n  .ball-3 { width: 10px; height: 10px; top: 30%; right: 55%; animation: float3 6s ease-in-out infinite; opacity: 0.6; }\n\n  @keyframes float1 {\n    0%, 100% { transform: translate(0,0) rotate(0deg); }\n    33% { transform: translate(-15px, -25px) rotate(120deg); }\n    66% { transform: translate(10px, -10px) rotate(240deg); }\n  }\n  @keyframes float2 {\n    0%, 100% { transform: translate(0,0); }\n    50% { transform: translate(20px, -18px); }\n  }\n  @keyframes float3 {\n    0%, 100% { transform: translate(0,0); }\n    50% { transform: translate(-10px, 22px); }\n  }\n\n  \/* Stats strip *\/\n  .stats-strip {\n    background: var(--sun);\n    color: var(--dark);\n    padding: 1.2rem 4rem;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .stat-item {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n  }\n  .stat-num {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 2.2rem;\n    letter-spacing: 0.02em;\n    line-height: 1;\n  }\n  .stat-label {\n    font-family: 'Syne', sans-serif;\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    opacity: 0.65;\n    line-height: 1.3;\n    max-width: 90px;\n  }\n  .stat-div {\n    width: 1px;\n    height: 40px;\n    background: rgba(13,13,13,0.2);\n  }\n\n  \/* CATEGORIES *\/\n  .section {\n    padding: 7rem 4rem;\n  }\n\n  .section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 3.5rem;\n  }\n\n  .section-label {\n    font-family: 'Syne', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: var(--sun);\n    margin-bottom: 0.75rem;\n  }\n\n  .section-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    line-height: 1;\n    letter-spacing: 0.02em;\n  }\n\n  .view-all {\n    font-family: 'Syne', sans-serif;\n    font-size: 0.8rem;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--white);\n    text-decoration: none;\n    opacity: 0.5;\n    border-bottom: 1px solid currentColor;\n    padding-bottom: 2px;\n    transition: opacity 0.2s, color 0.2s;\n  }\n  .view-all:hover { opacity: 1; color: var(--sun); }\n\n  \/* Cards *\/\n  .cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.5rem;\n  }\n\n  .card {\n    background: var(--mid);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: transform 0.3s, box-shadow 0.3s;\n    cursor: none;\n    position: relative;\n  }\n  .card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n  }\n\n  .card-thumb {\n    height: 200px;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .card-thumb-1 { background: linear-gradient(135deg, #FF6B6B33, #FFD93D22); }\n  .card-thumb-2 { background: linear-gradient(135deg, #4ECDC433, #6BCB7722); }\n  .card-thumb-3 { background: linear-gradient(135deg, #FFD93D33, #FF6B6B22); }\n  .card-thumb-4 { background: linear-gradient(135deg, #6BCB7733, #4ECDC422); }\n  .card-thumb-5 { background: linear-gradient(135deg, #FF6B6B22, #4ECDC433); }\n  .card-thumb-6 { background: linear-gradient(135deg, #FFD93D22, #6BCB7733); }\n\n  .card-icon {\n    font-size: 4rem;\n    opacity: 0.8;\n  }\n\n  .card-cat {\n    position: absolute;\n    top: 1rem; left: 1rem;\n    font-family: 'Syne', sans-serif;\n    font-size: 0.65rem;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 0.3rem 0.75rem;\n    border-radius: 100px;\n    background: rgba(13,13,13,0.6);\n    backdrop-filter: blur(8px);\n  }\n\n  .card-body { padding: 1.5rem; }\n\n  .card-title {\n    font-family: 'Syne', sans-serif;\n    font-size: 1rem;\n    font-weight: 700;\n    line-height: 1.4;\n    margin-bottom: 0.6rem;\n    transition: color 0.2s;\n  }\n  .card:hover .card-title { color: var(--sun); }\n\n  .card-meta {\n    font-size: 0.78rem;\n    color: rgba(250,250,245,0.4);\n    display: flex;\n    gap: 1rem;\n  }\n\n  \/* Featured big card *\/\n  .featured-grid {\n    display: grid;\n    grid-template-columns: 1.6fr 1fr;\n    gap: 1.5rem;\n    margin-top: 1.5rem;\n  }\n\n  .card-featured {\n    background: var(--mid);\n    border-radius: 16px;\n    overflow: hidden;\n    position: relative;\n    cursor: none;\n    transition: transform 0.3s;\n  }\n  .card-featured:hover { transform: translateY(-4px); }\n\n  .card-featured-thumb {\n    height: 300px;\n    background: linear-gradient(135deg, #FFD93D44, #FF6B6B22);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 6rem;\n    position: relative;\n  }\n\n  .card-featured-body { padding: 2rem; }\n\n  .card-featured-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 2rem;\n    letter-spacing: 0.03em;\n    line-height: 1.1;\n    margin-bottom: 0.8rem;\n    transition: color 0.2s;\n  }\n  .card-featured:hover .card-featured-title { color: var(--sun); }\n\n  .card-featured-desc {\n    font-size: 0.88rem;\n    line-height: 1.65;\n    color: rgba(250,250,245,0.55);\n    margin-bottom: 1.5rem;\n  }\n\n  .card-side-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n  }\n\n  .card-side {\n    background: var(--mid);\n    border-radius: 16px;\n    padding: 1.5rem;\n    display: flex;\n    gap: 1rem;\n    cursor: none;\n    transition: transform 0.2s, background 0.2s;\n    flex: 1;\n  }\n  .card-side:hover {\n    transform: translateX(4px);\n    background: #222;\n  }\n\n  .card-side-icon {\n    font-size: 2.2rem;\n    flex-shrink: 0;\n  }\n\n  .card-side-title {\n    font-family: 'Syne', sans-serif;\n    font-weight: 700;\n    font-size: 0.95rem;\n    line-height: 1.4;\n    margin-bottom: 0.4rem;\n    transition: color 0.2s;\n  }\n  .card-side:hover .card-side-title { color: var(--sun); }\n\n  .card-side-sub {\n    font-size: 0.78rem;\n    color: rgba(250,250,245,0.4);\n  }\n\n  \/* DOPAMINE SECTION *\/\n  .dopamine-section {\n    background: var(--sun);\n    color: var(--dark);\n    padding: 6rem 4rem;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .dopamine-section::before {\n    content: 'DOPAMINE';\n    position: absolute;\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 20rem;\n    opacity: 0.06;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  .dopamine-inner {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n  }\n\n  .dopamine-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(3rem, 6vw, 5.5rem);\n    line-height: 0.95;\n    letter-spacing: 0.01em;\n    color: var(--dark);\n  }\n\n  .dopamine-title .outline {\n    -webkit-text-stroke: 2px var(--dark);\n    color: transparent;\n  }\n\n  .dopamine-desc {\n    font-size: 1rem;\n    line-height: 1.7;\n    color: rgba(13,13,13,0.7);\n    margin-bottom: 2rem;\n  }\n\n  .pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.6rem;\n  }\n\n  .pill {\n    background: rgba(13,13,13,0.1);\n    border: 1.5px solid rgba(13,13,13,0.2);\n    color: var(--dark);\n    font-family: 'Syne', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    padding: 0.5rem 1.1rem;\n    border-radius: 100px;\n  }\n\n  \/* TICKER *\/\n  .ticker {\n    background: var(--dark);\n    border-top: 1px solid rgba(255,217,61,0.15);\n    border-bottom: 1px solid rgba(255,217,61,0.15);\n    padding: 1rem 0;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n\n  .ticker-track {\n    display: inline-flex;\n    animation: ticker 25s linear infinite;\n  }\n\n  .ticker-item {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.1rem;\n    letter-spacing: 0.1em;\n    color: rgba(250,250,245,0.3);\n    padding: 0 2rem;\n  }\n\n  .ticker-item span { color: var(--sun); margin-right: 2rem; }\n\n  @keyframes ticker {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n\n  \/* NEWSLETTER *\/\n  .newsletter {\n    padding: 7rem 4rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n    border-top: 1px solid rgba(255,255,255,0.06);\n  }\n\n  .newsletter-title {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\n    line-height: 1;\n    margin-bottom: 0.8rem;\n  }\n\n  .newsletter-title span { color: var(--sun); }\n\n  .newsletter-sub {\n    font-size: 0.9rem;\n    color: rgba(250,250,245,0.5);\n    line-height: 1.6;\n  }\n\n  .newsletter-form {\n    display: flex;\n    gap: 0;\n    background: var(--mid);\n    border-radius: 100px;\n    padding: 0.4rem;\n    border: 1px solid rgba(255,255,255,0.08);\n  }\n\n  .newsletter-input {\n    flex: 1;\n    background: none;\n    border: none;\n    outline: none;\n    color: var(--white);\n    font-family: 'DM Sans', sans-serif;\n    font-size: 0.9rem;\n    padding: 0.7rem 1.2rem;\n  }\n  .newsletter-input::placeholder { color: rgba(250,250,245,0.3); }\n\n  .newsletter-btn {\n    background: var(--sun);\n    color: var(--dark);\n    font-family: 'Syne', sans-serif;\n    font-weight: 700;\n    font-size: 0.8rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: none;\n    border-radius: 100px;\n    padding: 0.8rem 1.8rem;\n    cursor: none;\n    transition: transform 0.2s;\n  }\n  .newsletter-btn:hover { transform: scale(1.03); }\n\n  \/* FOOTER *\/\n  footer {\n    background: #080808;\n    padding: 3rem 4rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-top: 1px solid rgba(255,255,255,0.04);\n  }\n\n  .footer-logo {\n    font-family: 'Bebas Neue', sans-serif;\n    font-size: 1.5rem;\n    letter-spacing: 0.05em;\n    color: var(--white);\n  }\n  .footer-logo span { color: var(--sun); }\n\n  .footer-links {\n    display: flex;\n    gap: 2rem;\n    list-style: none;\n  }\n  .footer-links a {\n    font-family: 'Syne', sans-serif;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(250,250,245,0.35);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  .footer-links a:hover { color: var(--sun); }\n\n  .footer-copy {\n    font-size: 0.75rem;\n    color: rgba(250,250,245,0.2);\n  }\n\n  \/* Animations *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* WordPress conflict overrides *\/\n  .dpm-wrap, .dpm-wrap * { max-width: none !important; }\n  .dpm-wrap {\n    background: #0D0D0D !important;\n    color: #FAFAF5 !important;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    width: 100vw !important;\n    overflow-x: hidden;\n  }\n  \/* Hide WordPress theme nav\/header when this page is active *\/\n  .dpm-wrap ~ * { display: none; }\n\n  \/* Grain overlay *\/\n  body::after {\n    content: '';\n    position: fixed;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 9997;\n    opacity: 0.4;\n  }\n\n  \/* =====================\n     MOBILE STYLES\n  ===================== *\/\n  @media (max-width: 768px) {\n\n    \/* Nav *\/\n    nav {\n      padding: 1.2rem 1.5rem;\n    }\n    .nav-links { display: none; }\n\n    \/* Hero \u2014 stack vertically *\/\n    .hero {\n      grid-template-columns: 1fr;\n      min-height: auto;\n    }\n    .hero-left {\n      padding: 9rem 1.5rem 3rem 1.5rem;\n    }\n    .hero-title {\n      font-size: clamp(3.5rem, 15vw, 6rem);\n    }\n    .hero-desc { max-width: 100%; }\n    .hero-right {\n      display: none; \/* hide court visual on mobile, too wide *\/\n    }\n\n    \/* Stats \u2014 2x2 grid *\/\n    .stats-strip {\n      padding: 1.2rem 1.5rem;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1.2rem;\n    }\n    .stat-div { display: none; }\n    .stat-item { justify-content: center; text-align: center; flex-direction: column; gap: 0.2rem; }\n    .stat-num { font-size: 1.8rem; }\n\n    \/* Section padding *\/\n    .section {\n      padding: 3.5rem 1.5rem;\n    }\n    .section-header {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    \/* Cards \u2014 single column *\/\n    .cards-grid {\n      grid-template-columns: 1fr;\n    }\n\n    \/* Featured grid \u2014 stack *\/\n    .featured-grid {\n      grid-template-columns: 1fr;\n    }\n    .card-side-stack { gap: 1rem; }\n\n    \/* Dopamine section *\/\n    .dopamine-section { padding: 4rem 1.5rem; }\n    .dopamine-inner {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n    .dopamine-title { font-size: clamp(2.8rem, 12vw, 5rem); }\n    .dopamine-section::before { font-size: 8rem; }\n\n    \/* Newsletter *\/\n    .newsletter {\n      grid-template-columns: 1fr;\n      padding: 4rem 1.5rem;\n      gap: 2rem;\n    }\n    .newsletter-form {\n      flex-direction: column;\n      border-radius: 16px;\n      padding: 1rem;\n      gap: 0.8rem;\n    }\n    .newsletter-input { padding: 0.5rem 0.8rem; }\n    .newsletter-btn { border-radius: 10px; padding: 0.9rem; }\n\n    \/* Footer *\/\n    footer {\n      flex-direction: column;\n      gap: 1.5rem;\n      padding: 2.5rem 1.5rem;\n      text-align: center;\n    }\n    .footer-links { flex-wrap: wrap; justify-content: center; gap: 1.2rem; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"dpm-wrap\">\n<div class=\"cursor\" id=\"cursor\"><\/div>\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\n\n<!-- NAV -->\n<nav>\n  <a href=\"#\" class=\"nav-logo\">Do<span>Padel<\/span>Mine<\/a>\n  <ul class=\"nav-links\">\n    <li><a href=\"#\">Gear<\/a><\/li>\n    <li><a href=\"#\">Technique<\/a><\/li>\n    <li><a href=\"#\">Beginners<\/a><\/li>\n    <li><a href=\"#\">Reviews<\/a><\/li>\n    <li><a href=\"#\">About<\/a><\/li>\n  <\/ul>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-left\">\n    <div class=\"hero-tag\">World&#8217;s Fastest Growing Sport<\/div>\n    <h1 class=\"hero-title\">\n      GET YOUR<br>\n      <span class=\"line-accent\">PADEL<\/span><br>\n      <span class=\"line-outline\">FIX.<\/span>\n    <\/h1>\n    <p class=\"hero-desc\">\n      Gear guides, technique breakdowns, and the dopamine rush of padel \u2014 \n      all in one place. For beginners, club players, and obsessives alike.\n    <\/p>\n    <div class=\"hero-ctas\">\n      <a href=\"#\" class=\"btn-primary\">Start Playing<\/a>\n      <a href=\"#\" class=\"btn-ghost\">Find Gear<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero-right\">\n    <div class=\"court-visual\">\n      <div class=\"court-bg\"><\/div>\n      <div class=\"court-lines\">\n        <div class=\"court-net\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ball ball-1\"><\/div>\n    <div class=\"ball ball-2\"><\/div>\n    <div class=\"ball ball-3\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- STATS -->\n<div class=\"stats-strip\">\n  <div class=\"stat-item\">\n    <div class=\"stat-num\">35M+<\/div>\n    <div class=\"stat-label\">Players Worldwide<\/div>\n  <\/div>\n  <div class=\"stat-div\"><\/div>\n  <div class=\"stat-item\">\n    <div class=\"stat-num\">150<\/div>\n    <div class=\"stat-label\">Countries Playing<\/div>\n  <\/div>\n  <div class=\"stat-div\"><\/div>\n  <div class=\"stat-item\">\n    <div class=\"stat-num\">+49%<\/div>\n    <div class=\"stat-label\">Search Growth 2025\u201326<\/div>\n  <\/div>\n  <div class=\"stat-div\"><\/div>\n  <div class=\"stat-item\">\n    <div class=\"stat-num\">92%<\/div>\n    <div class=\"stat-label\">Player Return Rate<\/div>\n  <\/div>\n<\/div>\n\n<!-- TICKER -->\n<div class=\"ticker\">\n  <div class=\"ticker-track\">\n    <span class=\"ticker-item\"><span>\u2605<\/span> BANDEJA<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> VIBORA<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> POR TRES<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> SMASH<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> VOLLEY<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> DOPAMINE RUSH<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> GLASS WALLS<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> CRYSTAL COURT<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> BANDEJA<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> VIBORA<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> POR TRES<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> SMASH<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> VOLLEY<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> DOPAMINE RUSH<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> GLASS WALLS<\/span>\n    <span class=\"ticker-item\"><span>\u2605<\/span> CRYSTAL COURT<\/span>\n  <\/div>\n<\/div>\n\n<!-- ARTICLES -->\n<section class=\"section\">\n  <div class=\"section-header\">\n    <div>\n      <div class=\"section-label\">Latest Guides<\/div>\n      <div class=\"section-title\">Level Up Your Game<\/div>\n    <\/div>\n    <a href=\"#\" class=\"view-all\">View All \u2192<\/a>\n  <\/div>\n\n  <div class=\"featured-grid\">\n    <div class=\"card-featured\">\n      <div class=\"card-featured-thumb\">\ud83c\udfbe<\/div>\n      <div class=\"card-featured-body\">\n        <div class=\"card-cat\" style=\"color:var(--sun)\">Gear Guide<\/div>\n        <div class=\"card-featured-title\">Best Padel Rackets for Beginners in 2026 \u2014 Top 7 Picks<\/div>\n        <div class=\"card-featured-desc\">Just started and overwhelmed by the options? We tested 30+ rackets so you don&#8217;t have to. These are the best beginner rackets for every budget.<\/div>\n        <a href=\"#\" class=\"btn-primary\" style=\"font-size:0.78rem; padding:0.8rem 1.6rem;\">Read Guide \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"card-side-stack\">\n      <div class=\"card-side\">\n        <div class=\"card-side-icon\">\ud83c\udfc6<\/div>\n        <div>\n          <div class=\"card-side-title\">How to Hit a Vibora \u2014 Complete Step-by-Step<\/div>\n          <div class=\"card-side-sub\">Technique \u00b7 8 min read<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-side\">\n        <div class=\"card-side-icon\">\u2600\ufe0f<\/div>\n        <div>\n          <div class=\"card-side-title\">Padel vs Tennis \u2014 What&#8217;s the Difference?<\/div>\n          <div class=\"card-side-sub\">Beginner \u00b7 5 min read<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"card-side\">\n        <div class=\"card-side-icon\">\ud83d\udc5f<\/div>\n        <div>\n          <div class=\"card-side-title\">Best Padel Shoes for Men in 2026<\/div>\n          <div class=\"card-side-sub\">Gear Guide \u00b7 7 min read<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"cards-grid\" style=\"margin-top:1.5rem\">\n    <div class=\"card\">\n      <div class=\"card-thumb card-thumb-1\">\n        <div class=\"card-cat\" style=\"color:var(--coral)\">Technique<\/div>\n        <div class=\"card-icon\">\ud83c\udfaf<\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-title\">How to Hit a Bandeja \u2014 The Padel Signature Shot<\/div>\n        <div class=\"card-meta\"><span>Technique<\/span><span>6 min read<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"card\">\n      <div class=\"card-thumb card-thumb-2\">\n        <div class=\"card-cat\" style=\"color:var(--green)\">Gear<\/div>\n        <div class=\"card-icon\">\ud83c\udfcf<\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-title\">Head vs Bullpadel \u2014 Which Racket Brand Wins?<\/div>\n        <div class=\"card-meta\"><span>Comparison<\/span><span>9 min read<\/span><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"card\">\n      <div class=\"card-thumb card-thumb-3\">\n        <div class=\"card-cat\" style=\"color:var(--sun)\">Beginner<\/div>\n        <div class=\"card-icon\">\ud83c\udf0d<\/div>\n      <\/div>\n      <div class=\"card-body\">\n        <div class=\"card-title\">Why Padel Is the World&#8217;s Fastest Growing Sport<\/div>\n        <div class=\"card-meta\"><span>Culture<\/span><span>5 min read<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DOPAMINE SECTION -->\n<div class=\"dopamine-section\">\n  <div class=\"dopamine-inner\">\n    <div>\n      <div class=\"dopamine-title\">\n        PURE<br>\n        <span class=\"outline\">PADEL<\/span><br>\n        DOPAMINE.\n      <\/div>\n    <\/div>\n    <div>\n      <p class=\"dopamine-desc\">\n        That feeling when the ball comes off the glass just right. \n        When your bandeja lands perfectly. When the crowd goes wild for a por tres. \n        That&#8217;s what DoPadelMine is built around \u2014 capturing and sharing that rush with every player, at every level.\n      <\/p>\n      <div class=\"pills\">\n        <span class=\"pill\">All Levels<\/span>\n        <span class=\"pill\">Expert Guides<\/span>\n        <span class=\"pill\">Best Gear<\/span>\n        <span class=\"pill\">Real Players<\/span>\n        <span class=\"pill\">Sun &#038; Glass<\/span>\n        <span class=\"pill\">Community<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- NEWSLETTER -->\n<section class=\"newsletter\">\n  <div>\n    <div class=\"newsletter-title\">Get Your Weekly<br><span>Padel Fix.<\/span><\/div>\n    <p class=\"newsletter-sub\">Gear reviews, technique tips, and the best padel content \u2014 straight to your inbox. No spam, ever.<\/p>\n  <\/div>\n  <div>\n    <div class=\"newsletter-form\">\n      <input class=\"newsletter-input\" type=\"email\" placeholder=\"your@email.com\">\n      <button class=\"newsletter-btn\">Subscribe<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"footer-logo\">Do<span>Padel<\/span>Mine<\/div>\n  <ul class=\"footer-links\">\n    <li><a href=\"#\">Gear<\/a><\/li>\n    <li><a href=\"#\">Technique<\/a><\/li>\n    <li><a href=\"#\">Beginners<\/a><\/li>\n    <li><a href=\"#\">Privacy<\/a><\/li>\n    <li><a href=\"#\">Contact<\/a><\/li>\n  <\/ul>\n  <div class=\"footer-copy\">\u00a9 2026 DoPadelMine<\/div>\n<\/footer>\n<\/div><!-- end dpm-wrap -->\n\n<script>\n  const cursor = document.getElementById('cursor');\n  const ring = document.getElementById('cursorRing');\n  let mx = 0, my = 0, rx = 0, ry = 0;\n\n  document.addEventListener('mousemove', e => {\n    mx = e.clientX; my = e.clientY;\n    cursor.style.left = mx + 'px';\n    cursor.style.top = my + 'px';\n  });\n\n  function animRing() {\n    rx += (mx - rx) * 0.12;\n    ry += (my - ry) * 0.12;\n    ring.style.left = rx + 'px';\n    ring.style.top = ry + 'px';\n    requestAnimationFrame(animRing);\n  }\n  animRing();\n\n  \/\/ Hover effects on interactive elements\n  document.querySelectorAll('a, button, .card, .card-side, .card-featured').forEach(el => {\n    el.addEventListener('mouseenter', () => {\n      cursor.style.width = '20px';\n      cursor.style.height = '20px';\n      ring.style.width = '60px';\n      ring.style.height = '60px';\n    });\n    el.addEventListener('mouseleave', () => {\n      cursor.style.width = '12px';\n      cursor.style.height = '12px';\n      ring.style.width = '40px';\n      ring.style.height = '40px';\n    });\n  });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>DoPadelMine \u2014 Get Your Padel Fix DoPadelMine Gear Technique Beginners Reviews About World&#8217;s Fastest Growing Sport GET YOUR PADEL FIX. Gear guides, technique breakdowns, and the dopamine rush of padel \u2014 all in one place. For beginners, club players, and obsessives alike. Start Playing Find Gear 35M+ Players Worldwide 150 Countries Playing +49% Search Growth&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dopadelmine.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/dopadelmine.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/dopadelmine.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}