@import url('untitled-serif.css');

/* Craft.do Exact Typography: UntitledSerifFont Applied to All Text */
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-400.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-400.woff2") format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-400.woff2") format("woff2");
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("../fonts/untitled-serif-400-italic.woff2") format("woff2"),
         url("/application/default/themes/black/public/fonts/untitled-serif-400-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("../fonts/untitled-serif-400-italic.woff2") format("woff2"),
         url("/application/default/themes/black/public/fonts/untitled-serif-400-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500.woff2") format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500.woff2") format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500.woff2") format("woff2");
    font-display: swap;
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500.woff2") format("woff2");
    font-display: swap;
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont";
    src: url("/application/default/themes/black/public/fonts/untitled-serif-500-italic.woff2") format("woff2");
    font-display: swap;
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "UntitledSerifFont Fallback";
    src: local("Georgia"), local("Times New Roman");
    ascent-override: 102.25%;
    descent-override: 26.20%;
    line-gap-override: 0.00%;
    size-adjust: 95.79%;
}

:root {
    --font-untitled-serif: "UntitledSerifFont", "UntitledSerifFont Fallback", Georgia, "Times New Roman", serif;
}

/* Universal UntitledSerifFont Application Across ALL Elements */
body.gx-home.craft-theme,
body.gx-home.craft-theme *,
body.craft-theme,
body.craft-theme *,
body.gx-member,
body.gx-member *,
body.gx-home.craft-theme a,
body.gx-home.craft-theme button,
body.gx-home.craft-theme input,
body.gx-home.craft-theme select,
body.gx-home.craft-theme textarea,
body.gx-home.craft-theme span,
body.gx-home.craft-theme p,
body.gx-home.craft-theme h1,
body.gx-home.craft-theme h2,
body.gx-home.craft-theme h3,
body.gx-home.craft-theme em,
body.gx-home.craft-theme div,
body.gx-home.craft-theme nav,
body.gx-home.craft-theme header,
.craft-header-shell,
.craft-capsule-nav,
.craft-capsule-nav *,
.craft-brand,
.craft-brand *,
.craft-brand-logo,
.craft-brand-name,
.craft-nav-links,
.craft-nav-links a,
.craft-nav-actions,
.craft-nav-actions a,
.craft-login-link,
.craft-nav-pill-btn,
.craft-hero-stage,
.craft-hero-stage *,
.craft-eyebrow-badge,
.craft-eyebrow-badge *,
.craft-hero-title,
.craft-hero-title *,
.craft-hero-desc,
.craft-actions-group,
.craft-actions-group *,
.craft-main-pill,
.craft-main-pill *,
.craft-sub-pill,
.craft-sub-pill *,
.craft-perks-bar,
.craft-perks-bar *,
.craft-perk,
.craft-perk * {
    font-family: var(--font-untitled-serif) !important;
    box-sizing: border-box !important;
}

body.gx-home.craft-theme {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100% !important;
    overflow-x: hidden !important;
    background: linear-gradient(180deg, #b3def7 0%, #d5eefa 38%, #eaf5fc 70%, #f7fbfe 100%) !important;
    color: #121512 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Floating Capsule Header */
.craft-header-shell {
    position: fixed !important;
    top: 24px !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 20px !important;
    z-index: 100 !important;
    pointer-events: none !important;
}

.craft-capsule-nav {
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 36px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 9999px !important;
    padding: 9px 12px 9px 24px !important;
    box-shadow: 0 16px 38px -10px rgba(10, 45, 80, 0.09), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    max-width: 900px !important;
    width: 100% !important;
}

.craft-brand {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.craft-brand-icon-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 4px 10px rgba(10, 30, 60, 0.16)) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), filter 0.25s ease !important;
}

.craft-brand:hover .craft-brand-icon-wrap {
    transform: translateY(-2px) scale(1.08) !important;
    filter: drop-shadow(0 8px 20px rgba(10, 30, 60, 0.26)) !important;
}

.craft-brand-svg {
    display: block !important;
    height: 34px !important;
    width: auto !important;
    max-width: 58px !important;
    object-fit: contain !important;
}

/* Premium Tools Wordmark in Modern Brand Font matching Logo */
.craft-brand-name {
    font-family: 'Space Grotesk', 'Outfit', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.craft-brand-premium {
    font-family: 'Space Grotesk', 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    color: #0d1522 !important;
    letter-spacing: 0.05em !important;
}

.craft-brand-tools {
    font-family: 'Space Grotesk', 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #1d4ed8 0%, #0284c7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    letter-spacing: 0.05em !important;
}


/* Nav Menu Links in UntitledSerifFont */
.craft-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
}

.craft-nav-links a {
    font-family: var(--font-untitled-serif) !important;
    color: #384039 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    transition: color 0.18s ease !important;
}

.craft-nav-links a:hover {
    color: #0b0d0a !important;
}

.craft-nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

/* Nav Login Link in UntitledSerifFont */
.craft-login-link {
    font-family: var(--font-untitled-serif) !important;
    color: #121512 !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    padding: 6px 10px !important;
    transition: opacity 0.18s ease !important;
}

.craft-login-link:hover {
    opacity: 0.7 !important;
}

/* Nav Pill Button in UntitledSerifFont */
.craft-nav-pill-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-untitled-serif) !important;
    background: #111410 !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 9999px !important;
    font-size: 15.5px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

.craft-nav-pill-btn:hover {
    background: #252a23 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
}

/* Fullscreen 3D Canvas Layer */
.gx-3d-canvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Viewport Centering Main */
body.gx-home.craft-theme #main-content {
    margin: 0 !important;
    padding: 110px 20px 40px !important;
    width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Hero Center Container */
.craft-hero-stage {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    max-width: 820px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Top Subtle Eyebrow Pill in UntitledSerifFont */
.craft-eyebrow-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 16px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(186, 230, 253, 0.75) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    color: #0c2d48 !important;
    margin-bottom: 24px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 14px rgba(14, 55, 95, 0.04) !important;
}

/* Ambient Ethereal Glow Aura Behind Hero Title */
.craft-hero-stage::before {
    display: none !important;
}

/* Pulsing Eyebrow Dot */
@keyframes craftDotPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.28), 0 0 10px rgba(2, 132, 199, 0.5);
    }
    50% {
        transform: scale(1.18);
        box-shadow: 0 0 0 6px rgba(56, 189, 248, 0.16), 0 0 16px rgba(2, 132, 199, 0.85);
    }
}

.craft-eyebrow-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #0284c7 !important;
    animation: craftDotPulse 2.8s ease-in-out infinite !important;
}

/* Living Fluid Gradient Sheen on "Premium Tools" */
@keyframes craftTitleShine {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Main Hero Title in UntitledSerifFont */
.craft-hero-title {
    font-family: var(--font-untitled-serif) !important;
    font-size: clamp(52px, 7.2vw, 92px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.028em !important;
    color: #0b0e14 !important;
    text-align: center !important;
    margin: 0 auto 24px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Lead-in line: "Welcome to" with clean obsidian contrast */
.craft-hero-lead {
    display: block !important;
    font-family: var(--font-untitled-serif) !important;
    font-weight: 400 !important;
    color: #090d14 !important;
    letter-spacing: -0.025em !important;
    text-shadow: none !important;
}

/* Brand Name Line Wrapper with Underline Anchor */
.craft-hero-brand-wrap {
    display: inline-block !important;
    position: relative !important;
    padding-bottom: 18px !important;
    margin-top: 4px !important;
}

/* Iridescent Metallic Gradient Sheen on "Premium Tools" - Crisp Italic Serif */
.craft-hero-brand-name,
.craft-hero-brand-name *,
.craft-hero-brand-name em {
    font-family: var(--font-untitled-serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #09111e 0%, #172554 28%, #0369a1 65%, #0284c7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block !important;
    filter: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Electric Cyan Accent Period - Crisp and Clean */
.craft-hero-period {
    font-family: var(--font-untitled-serif) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #0284c7 !important;
    display: inline-block !important;
    margin-left: 2px !important;
    text-shadow: none !important;
    filter: none !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.craft-hero-title:hover .craft-hero-period {
    transform: scale(1.2) translateY(-2px) !important;
}

/* Unique Animated Brush Underline */
.craft-brush-underline {
    display: block !important;
    position: absolute !important;
    left: -1% !important;
    bottom: -6px !important;
    width: 102% !important;
    height: 22px !important;
    pointer-events: none !important;
    overflow: visible !important;
    z-index: 10 !important;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    animation: craftBrushReveal 1.1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.25s !important;
}

@keyframes craftBrushReveal {
    0% {
        clip-path: inset(0 100% 0 0);
        -webkit-clip-path: inset(0 100% 0 0);
    }
    100% {
        clip-path: inset(0 0% 0 0);
        -webkit-clip-path: inset(0 0% 0 0);
    }
}

.craft-hero-title em {
    font-family: var(--font-untitled-serif) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    position: relative !important;
    display: inline-block !important;
}

/* Subtitle Description in UntitledSerifFont */
.craft-hero-desc {
    font-family: var(--font-untitled-serif) !important;
    font-size: clamp(20px, 2.3vw, 26px) !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: -0.015em !important;
    color: #38423a !important;
    text-align: center !important;
    max-width: 600px !important;
    width: 100% !important;
    margin: 0 auto 38px !important;
    text-wrap: balance !important;
    display: block !important;
}

/* Action Capsule Buttons in UntitledSerifFont */
.craft-actions-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    margin: 0 auto 44px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

.craft-main-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 0 36px !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.95) !important;
    color: #121511 !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 17.5px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: 0 16px 36px -8px rgba(10, 60, 110, 0.14), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.craft-main-pill:hover {
    background: #ffffff !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 20px 42px -6px rgba(10, 60, 110, 0.18), 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    color: #050605 !important;
}

.craft-sub-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 0 34px !important;
    border-radius: 9999px !important;
    background: #111410 !important;
    color: #ffffff !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 17.5px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: 0 14px 32px -8px rgba(0, 0, 0, 0.22) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.craft-sub-pill:hover {
    background: #252b22 !important;
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 18px 38px -6px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

.craft-arrow {
    font-family: var(--font-untitled-serif) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    transition: transform 0.2s ease !important;
}

.craft-main-pill:hover .craft-arrow,
.craft-sub-pill:hover .craft-arrow {
    transform: translateX(3px) !important;
}

/* Bottom Feature Trust Bar in UntitledSerifFont */
.craft-perks-bar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 10px 24px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    color: #495248 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.04) !important;
    flex-wrap: wrap !important;
}

.craft-perk {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.craft-perk-icon {
    width: 15px !important;
    height: 15px !important;
    stroke: #0284c7 !important;
    display: block !important;
}

.craft-perk-dot {
    color: #9cb2a3 !important;
    font-size: 12px !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .craft-header-shell {
        top: 14px !important;
        padding: 0 14px !important;
    }
    .craft-capsule-nav {
        padding: 8px 12px 8px 16px !important;
        gap: 16px !important;
    }
    .craft-nav-links {
        display: none !important;
    }
    body.gx-home.craft-theme #main-content {
        padding: 95px 16px 30px !important;
    }
    .craft-hero-title {
        font-size: 42px !important;
        line-height: 1.08 !important;
    }
    .craft-hero-desc {
        font-size: 18px !important;
        margin-bottom: 28px !important;
    }
    .craft-actions-group {
        flex-direction: column !important;
        gap: 12px !important;
        margin-bottom: 32px !important;
    }
    .craft-main-pill, .craft-sub-pill {
        width: 100% !important;
    }
    .craft-perks-bar {
        border-radius: 18px !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 12px 18px !important;
    }
    .craft-perk-dot {
        display: none !important;
    }
}

/* ==========================================================================
   Craft Authentication & Login Page Styles
   ========================================================================== */
#single-wrapper {
    min-height: 100vh !important;
    background: transparent !important;
    background-image: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 96px 24px 48px !important;
    position: relative !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    width: 100% !important;
}

.craft-auth-split-stage {
    display: grid !important;
    grid-template-columns: 1.15fr 0.95fr !important;
    gap: 36px !important;
    align-items: stretch !important;
    max-width: 1140px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.craft-auth-showcase {
    background: rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 36px !important;
    padding: 40px 36px !important;
    box-shadow: 0 24px 60px -12px rgba(10, 45, 80, 0.12), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.craft-showcase-header {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 18px !important;
}

.craft-showcase-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.craft-showcase-brand-text {
    font-family: var(--font-untitled-serif) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #0b0e14 !important;
    letter-spacing: -0.02em !important;
}

.craft-showcase-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 14px !important;
    background: rgba(11, 14, 20, 0.05) !important;
    border: 1px solid rgba(11, 14, 20, 0.12) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    color: #0b0e14 !important;
    margin-bottom: 14px !important;
    text-transform: uppercase !important;
    align-self: flex-start !important;
}

.craft-showcase-title {
    font-family: var(--font-untitled-serif) !important;
    font-size: clamp(26px, 2.5vw, 33px) !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    color: #0b0e14 !important;
    margin: 0 0 10px !important;
}

.craft-showcase-subtitle {
    font-family: var(--font-untitled-serif) !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
    margin: 0 0 16px !important;
}

.craft-globe-stage {
    position: relative !important;
    width: 100% !important;
    height: 175px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 4px 0 10px !important;
    border-radius: 18px !important;
    background: radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0.06) 0%, rgba(241, 245, 249, 0.75) 65%, transparent 100%) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    overflow: hidden !important;
}

.craft-globe-halo {
    position: absolute !important;
    width: 135px !important;
    height: 135px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(15, 23, 42, 0.14) 0%, rgba(100, 116, 139, 0.06) 50%, transparent 75%) !important;
    filter: blur(20px) !important;
    pointer-events: none !important;
}

.craft-globe-canvas {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    cursor: grab !important;
}

.craft-globe-canvas:active {
    cursor: grabbing !important;
}

.craft-globe-status {
    position: absolute !important;
    bottom: 6px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 10px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    color: #0b0e14 !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.05) !important;
    pointer-events: none !important;
}

.craft-status-ping {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
    animation: craftStatusPulse 2s infinite !important;
}

@keyframes craftStatusPulse {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); }
    70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.craft-showcase-trust {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 11.5px !important;
    color: #475569 !important;
    margin-top: 2px !important;
}

.craft-trust-stars {
    color: #eab308 !important;
    letter-spacing: 2px !important;
    font-size: 12px !important;
}

.craft-auth-form-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}


.craft-auth-form-column .frm-single.craft-login-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.craft-auth-form-column .frm-single .inside.craft-login-inside {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
}

.craft-auth-form-column .craft-login-brand-header {
    display: none !important;
}

.craft-login-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.craft-login-brand-link:hover {
    transform: translateY(-2px) scale(1.06) !important;
}

.craft-login-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 14px !important;
    background: rgba(11, 14, 20, 0.05) !important;
    border: 1px solid rgba(11, 14, 20, 0.12) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    color: #0b0e14 !important;
    margin-bottom: 16px !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 8px rgba(11, 14, 20, 0.04) !important;
}

.craft-login-title {
    font-family: var(--font-untitled-serif) !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    color: #0b0e14 !important;
    margin: 0 0 8px !important;
}

.craft-login-desc {
    font-family: var(--font-untitled-serif) !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    margin: 0 auto 24px !important;
    max-width: 320px !important;
}

.craft-field-group {
    text-align: left !important;
    margin-bottom: 16px !important;
}

.craft-field-label {
    display: block !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    margin-bottom: 7px !important;
    letter-spacing: -0.01em !important;
}

.craft-label-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 7px !important;
}

.craft-label-row .craft-field-label {
    margin-bottom: 0 !important;
}

.craft-forgot-link {
    font-family: var(--font-untitled-serif) !important;
    font-size: 13px !important;
    color: #0b0e14 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 500 !important;
    transition: color 0.18s ease !important;
}

.craft-forgot-link:hover {
    color: #475569 !important;
}

.frm-input.craft-input-box {
    position: relative !important;
    margin: 0 !important;
}

.frm-input.craft-input-box .frm-inp.craft-inp {
    width: 100% !important;
    height: 50px !important;
    padding: 0 16px 0 44px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 14.5px !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.frm-input.craft-input-box .frm-inp.craft-inp:focus {
    border-color: #0b0e14 !important;
    box-shadow: 0 0 0 3px rgba(11, 14, 20, 0.12), 0 2px 6px rgba(11, 14, 20, 0.06) !important;
    background: #ffffff !important;
}

.frm-input.craft-input-box .frm-ico.craft-ico {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #94a3b8 !important;
    font-size: 15px !important;
    pointer-events: none !important;
    transition: color 0.2s ease !important;
}

.frm-input.craft-input-box .frm-inp.craft-inp:focus + .frm-ico.craft-ico,
.frm-input.craft-input-box:focus-within .frm-ico.craft-ico {
    color: #0b0e14 !important;
}

.frm-submit.craft-submit-pill {
    width: 100% !important;
    height: 52px !important;
    margin-top: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 28px !important;
    background: #0b0e14 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 9999px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 30px -8px rgba(11, 14, 20, 0.38), 0 2px 6px rgba(11, 14, 20, 0.12) !important;
    transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.frm-submit.craft-submit-pill:hover {
    background: #1e293b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 38px -8px rgba(11, 14, 20, 0.45) !important;
    color: #ffffff !important;
}

.frm-submit.craft-submit-pill:active {
    transform: translateY(0) scale(0.99) !important;
}

.craft-register-box {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.craft-signup-link {
    color: #0b0e14 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
    transition: color 0.18s ease !important;
}

.craft-signup-link:hover {
    color: #475569 !important;
}

.frm-footer.craft-login-footer {
    margin-top: 16px !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 12px !important;
    color: #94a3b8 !important;
}

/* Tools List Link with Small Round Indicator Icon Button */
.am-product-desc a,
.craft-tools-list-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0b0e14 !important;
    font-family: var(--font-untitled-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    margin-top: 4px !important;
    line-height: 1.3 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
    transition: color 0.18s ease !important;
}

.am-product-desc a:hover,
.craft-tools-list-link:hover {
    color: #334155 !important;
}

.am-product-desc a::after,
.craft-tools-list-link .craft-tool-icon-btn {
    content: "" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: #0b0e14 !important;
    color: #ffffff !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(11, 14, 20, 0.22) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 10.5px 10.5px !important;
}

.am-product-desc a:hover::after,
.craft-tools-list-link:hover .craft-tool-icon-btn {
    background-color: #1e293b !important;
    transform: translate(1.5px, -1.5px) scale(1.12) !important;
    box-shadow: 0 4px 10px rgba(11, 14, 20, 0.32) !important;
}

.am-product-desc a:active::after,
.craft-tools-list-link:active .craft-tool-icon-btn {
    transform: scale(0.96) !important;
}

/* Membership Plan Cards & Custom Round Radio */
.am-element label[for^="product-"],
label[for^="product-"] {
    display: block !important;
    position: relative !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 18px 20px !important;
    padding-right: 135px !important;
    margin: 0 !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.24s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.05) !important;
    box-sizing: border-box !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
}

.am-element label[for^="product-"]:hover,
label[for^="product-"]:hover {
    border-color: #0b0e14 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px -4px rgba(11, 14, 20, 0.10), 0 2px 6px -1px rgba(11, 14, 20, 0.04) !important;
}

.am-element label[for^="product-"]:has(input:checked),
.am-element label[for^="product-"].craft-plan-active,
label[for^="product-"]:has(input:checked),
label[for^="product-"].craft-plan-active {
    background: #ffffff !important;
    border: 2px solid #0b0e14 !important;
    box-shadow: 0 0 0 1px #0b0e14, 0 12px 28px -6px rgba(11, 14, 20, 0.14) !important;
}

/* Custom Radio Button: 100% Round, No Native Square Highlight or Outline */
.am-element label[for^="product-"] input[type="radio"],
label[for^="product-"] input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    outline: none !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-focus-ring-color: transparent !important;
    margin: 0 12px 0 0 !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.am-element label[for^="product-"] input[type="radio"]:hover,
label[for^="product-"] input[type="radio"]:hover {
    border-color: #0b0e14 !important;
}

.am-element label[for^="product-"] input[type="radio"]:checked,
label[for^="product-"] input[type="radio"]:checked {
    border-color: #0b0e14 !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}

.am-element label[for^="product-"] input[type="radio"]:checked::after,
label[for^="product-"] input[type="radio"]:checked::after {
    content: "" !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #0b0e14 !important;
    margin: auto !important;
    padding: 0 !important;
}

.am-element label[for^="product-"] input[type="radio"]:focus,
.am-element label[for^="product-"] input[type="radio"]:focus-visible,
.am-element label[for^="product-"] input[type="radio"]:active,
label[for^="product-"] input[type="radio"]:focus,
label[for^="product-"] input[type="radio"]:focus-visible,
label[for^="product-"] input[type="radio"]:active {
    outline: none !important;
    outline-style: none !important;
    box-shadow: none !important;
    -webkit-focus-ring-color: transparent !important;
}

/* Plan Title */
.am-product-title {
    font-family: var(--font-untitled-serif), "UntitledSerifFont", Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0b0e14 !important;
    vertical-align: middle !important;
    margin-right: 4px !important;
    letter-spacing: -0.015em !important;
    line-height: 1.3 !important;
}

/* Creative Plan Badges */
.craft-plan-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-family: var(--font-untitled-serif), "UntitledSerifFont", Georgia, serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    padding: 2.5px 8px !important;
    border-radius: 9999px !important;
    vertical-align: middle !important;
    margin-left: 6px !important;
    line-height: 1.2 !important;
}

.craft-badge-popular {
    background: #0b0e14 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(11, 14, 20, 0.22) !important;
}

.craft-badge-value {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

/* Hide raw inline terms pill once formatted */
.craft-cards-formatted .am-product-terms,
label[for^="product-"]:has(.craft-plan-price-wrap) .am-product-terms {
    display: none !important;
}

/* Big Price Column on Right */
.craft-plan-price-wrap {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    pointer-events: none !important;
    user-select: none !important;
}

.craft-plan-price-main {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 2px !important;
    font-family: var(--font-untitled-serif), "UntitledSerifFont", Georgia, serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #0b0e14 !important;
    letter-spacing: -0.03em !important;
    line-height: 1 !important;
}

.craft-plan-price-curr {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0b0e14 !important;
}

.craft-plan-price-sub {
    font-family: var(--font-untitled-serif), "UntitledSerifFont", Georgia, serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin-top: 4px !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    text-transform: lowercase !important;
}

.am-element label[for^="product-"].craft-plan-active .craft-plan-price-sub,
label[for^="product-"]:has(input:checked) .craft-plan-price-sub {
    color: #0b0e14 !important;
    font-weight: 600 !important;
}