.htm25-style--bento {
	--htm25-bg-page: #f7f8fa;
	--htm25-bg-section: #fff;
	--htm25-bg-card: #fff;
	--htm25-bg-card-alt: #f0f2f5;
	--htm25-bg-subtle: #f0f2f5;
	--htm25-bg-overlay: rgba(0, 0, 0, .45);
	--htm25-border-color: #e4e7ec;
	--htm25-border-color-strong: #cdd1d8;
	--htm25-border-width: 1px;
	--htm25-border-style: solid;
	--htm25-accent-primary: #3b6fff;
	--htm25-accent-primary-dk: #2953cc;
	--htm25-accent-primary-lt: #eef2ff;
	--htm25-accent-secondary: #7c3aed;
	--htm25-accent-success: #16a34a;
	--htm25-accent-warning: #d97706;
	--htm25-accent-danger: #dc2626;
	--htm25-text-heading: #0f1117;
	--htm25-text-body: #374151;
	--htm25-text-muted: #6b7280;
	--htm25-text-faint: #9ca3af;
	--htm25-text-inverse: #fff;
	--htm25-text-accent: #3b6fff;
	--htm25-text-link: #3b6fff;
	--htm25-text-link-hover: #2953cc;
	--htm25-font-heading: "Inter", system-ui, sans-serif;
	--htm25-font-body: "Inter", system-ui, sans-serif;
	--htm25-weight-heading: 700;
	--htm25-tracking-heading: -.03em;
	--htm25-leading-heading: 1.15;
	--htm25-radius-card: 1rem;
	--htm25-radius-btn: .5rem;
	--htm25-radius-input: .5rem;
	--htm25-radius-badge: 9999px;
	--htm25-radius-icon: .625rem;
	--htm25-shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);
	--htm25-shadow-card-hover: 0 4px 6px rgba(0, 0, 0, .08), 0 12px 24px rgba(0, 0, 0, .06);
	--htm25-shadow-btn: 0 1px 2px rgba(0, 0, 0, .1);
	--htm25-shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);
	--htm25-shadow-none: none;
	--htm25-bento-gap: 1rem;
	--htm25-bento-gap-lg: 1.5rem;
	--htm25-bento-col-span: 2;
	--htm25-bento-row-span: 2;
	--htm25-btn-primary-bg: #3b6fff;
	--htm25-btn-primary-text: #fff;
	--htm25-btn-primary-bg-hover: #2953cc;
	--htm25-btn-outline-border: #3b6fff;
	--htm25-btn-outline-text: #3b6fff;
	--htm25-btn-outline-bg-hover: #eef2ff;
	--htm25-btn-ghost-text: #374151;
	--htm25-btn-ghost-bg-hover: #f0f2f5;
	--htm25-btn-radius: .5rem;
	--htm25-btn-py: .625rem;
	--htm25-btn-px: 1.25rem;
	--htm25-btn-font-size: var(--htm25-text-sm);
	--htm25-btn-font-weight: 600;
	--htm25-badge-bg: #eef2ff;
	--htm25-badge-text: #3b6fff;
	--htm25-badge-radius: 9999px;
	--htm25-divider-color: #e4e7ec;
	--htm25-divider-width: 1px;
	--htm25-section-label-color: #3b6fff;
	--htm25-section-title-color: #0f1117;
	--htm25-section-body-color: #6b7280;
}

.htm25-style--glass {
	--htm25-bg-page: #0d1225;
	--htm25-bg-section: #0d1225;
	--htm25-bg-card: rgba(255, 255, 255, .06);
	--htm25-bg-card-alt: rgba(255, 255, 255, .1);
	--htm25-bg-subtle: rgba(255, 255, 255, .04);
	--htm25-bg-overlay: rgba(13, 18, 37, .8);
	--htm25-glass-blur: blur(16px);
	--htm25-glass-blur-lg: blur(32px);
	--htm25-glass-blur-sm: blur(8px);
	--htm25-glass-saturation: saturate(180%);
	--htm25-glass-bg: rgba(255, 255, 255, .06);
	--htm25-glass-bg-hover: rgba(255, 255, 255, .1);
	--htm25-glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, 0) 100%);
	--htm25-border-color: rgba(255, 255, 255, .12);
	--htm25-border-color-strong: rgba(255, 255, 255, .2);
	--htm25-border-color-glow: rgba(120, 110, 255, .4);
	--htm25-border-width: 1px;
	--htm25-border-style: solid;
	--htm25-accent-primary: #786eff;
	--htm25-accent-primary-dk: #5548e8;
	--htm25-accent-primary-lt: rgba(120, 110, 255, .15);
	--htm25-accent-secondary: #06b6d4;
	--htm25-accent-glow: rgba(120, 110, 255, .5);
	--htm25-accent-glow-cyan: rgba(6, 182, 212, .4);
	--htm25-text-heading: #fff;
	--htm25-text-body: rgba(255, 255, 255, .75);
	--htm25-text-muted: rgba(255, 255, 255, .5);
	--htm25-text-faint: rgba(255, 255, 255, .3);
	--htm25-text-inverse: #0d1225;
	--htm25-text-accent: #786eff;
	--htm25-text-link: #786eff;
	--htm25-text-link-hover: #06b6d4;
	--htm25-gradient-hero: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(120, 110, 255, .25) 0%, transparent 70%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(6, 182, 212, .15) 0%, transparent 60%), #0d1225;
	--htm25-gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 100%);
	--htm25-gradient-btn: linear-gradient(135deg, #786eff 0%, #5548e8 100%);
	--htm25-font-heading: "Inter", system-ui, sans-serif;
	--htm25-font-body: "Inter", system-ui, sans-serif;
	--htm25-weight-heading: 700;
	--htm25-tracking-heading: -.03em;
	--htm25-leading-heading: 1.15;
	--htm25-radius-card: 1.25rem;
	--htm25-radius-btn: .625rem;
	--htm25-radius-input: .625rem;
	--htm25-radius-badge: 9999px;
	--htm25-radius-icon: .875rem;
	--htm25-shadow-card: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 32px rgba(0, 0, 0, .3);
	--htm25-shadow-card-hover: 0 0 0 1px rgba(120, 110, 255, .3), 0 16px 48px rgba(120, 110, 255, .15);
	--htm25-shadow-btn: 0 0 20px rgba(120, 110, 255, .4);
	--htm25-shadow-lg: 0 24px 64px rgba(0, 0, 0, .5);
	--htm25-shadow-glow: 0 0 40px rgba(120, 110, 255, .3);
	--htm25-btn-primary-bg: linear-gradient(135deg, #786eff 0%, #5548e8 100%);
	--htm25-btn-primary-text: #fff;
	--htm25-btn-primary-bg-hover: linear-gradient(135deg, #8a81ff 0%, #6659f0 100%);
	--htm25-btn-outline-border: rgba(120, 110, 255, .5);
	--htm25-btn-outline-text: #786eff;
	--htm25-btn-outline-bg-hover: rgba(120, 110, 255, .1);
	--htm25-btn-ghost-text: rgba(255, 255, 255, .7);
	--htm25-btn-ghost-bg-hover: rgba(255, 255, 255, .08);
	--htm25-btn-radius: .625rem;
	--htm25-btn-py: .75rem;
	--htm25-btn-px: 1.5rem;
	--htm25-btn-font-size: var(--htm25-text-sm);
	--htm25-btn-font-weight: 600;
	--htm25-badge-bg: rgba(120, 110, 255, .15);
	--htm25-badge-text: #786eff;
	--htm25-badge-border: rgba(120, 110, 255, .3);
	--htm25-badge-radius: 9999px;
	--htm25-divider-color: rgba(255, 255, 255, .1);
	--htm25-divider-width: 1px;
	--htm25-section-label-color: #786eff;
	--htm25-section-title-color: #fff;
	--htm25-section-body-color: rgba(255, 255, 255, .6);
}

.htm25-style--dark {
	--htm25-bg-page: #09090b;
	--htm25-bg-section: #09090b;
	--htm25-bg-card: #111113;
	--htm25-bg-card-alt: #18181b;
	--htm25-bg-subtle: #18181b;
	--htm25-bg-overlay: rgba(0, 0, 0, .8);
	--htm25-bg-code: #0e0e10;
	--htm25-border-color: #27272a;
	--htm25-border-color-strong: #3f3f46;
	--htm25-border-color-subtle: #1c1c1f;
	--htm25-border-width: 1px;
	--htm25-border-style: solid;
	--htm25-accent-primary: #e4ff3c;
	--htm25-accent-primary-dk: #c8e600;
	--htm25-accent-primary-lt: rgba(228, 255, 60, .1);
	--htm25-accent-secondary: #fff;
	--htm25-accent-success: #4ade80;
	--htm25-accent-warning: #facc15;
	--htm25-accent-danger: #f87171;
	--htm25-text-heading: #fafafa;
	--htm25-text-body: #a1a1aa;
	--htm25-text-muted: #71717a;
	--htm25-text-faint: #3f3f46;
	--htm25-text-inverse: #09090b;
	--htm25-text-accent: #e4ff3c;
	--htm25-text-link: #e4ff3c;
	--htm25-text-link-hover: #fafafa;
	--htm25-font-heading: "Inter", system-ui, sans-serif;
	--htm25-font-body: "Inter", system-ui, sans-serif;
	--htm25-font-mono: "JetBrains Mono", monospace;
	--htm25-weight-heading: 600;
	--htm25-tracking-heading: -.02em;
	--htm25-leading-heading: 1.2;
	--htm25-radius-card: .375rem;
	--htm25-radius-btn: .25rem;
	--htm25-radius-input: .25rem;
	--htm25-radius-badge: .25rem;
	--htm25-radius-icon: .25rem;
	--htm25-shadow-card: 0 0 0 1px #27272a;
	--htm25-shadow-card-hover: 0 0 0 1px #3f3f46;
	--htm25-shadow-btn: none;
	--htm25-shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);
	--htm25-shadow-glow-accent: 0 0 24px rgba(228, 255, 60, .2);
	--htm25-btn-primary-bg: #e4ff3c;
	--htm25-btn-primary-text: #09090b;
	--htm25-btn-primary-bg-hover: #f0ff70;
	--htm25-btn-outline-border: #3f3f46;
	--htm25-btn-outline-text: #fafafa;
	--htm25-btn-outline-bg-hover: #18181b;
	--htm25-btn-ghost-text: #a1a1aa;
	--htm25-btn-ghost-bg-hover: #18181b;
	--htm25-btn-radius: .25rem;
	--htm25-btn-py: .5rem;
	--htm25-btn-px: 1rem;
	--htm25-btn-font-size: var(--htm25-text-sm);
	--htm25-btn-font-weight: 500;
	--htm25-badge-bg: #18181b;
	--htm25-badge-text: #a1a1aa;
	--htm25-badge-border: #27272a;
	--htm25-badge-radius: .25rem;
	--htm25-tag-bg: rgba(228, 255, 60, .08);
	--htm25-tag-text: #e4ff3c;
	--htm25-tag-border: rgba(228, 255, 60, .2);
	--htm25-divider-color: #1c1c1f;
	--htm25-divider-width: 1px;
	--htm25-section-label-color: #e4ff3c;
	--htm25-section-title-color: #fafafa;
	--htm25-section-body-color: #71717a;
}

.htm25-style--aurora {
	--htm25-bg-page: #08071a;
	--htm25-bg-section: #08071a;
	--htm25-bg-card: rgba(255, 255, 255, .04);
	--htm25-bg-card-alt: rgba(255, 255, 255, .07);
	--htm25-bg-subtle: rgba(255, 255, 255, .03);
	--htm25-bg-overlay: rgba(8, 7, 26, .85);
	--htm25-aurora-1: #ff3cac;
	--htm25-aurora-2: #784ba0;
	--htm25-aurora-3: #2b86c5;
	--htm25-aurora-4: #00f0ff;
	--htm25-aurora-5: #38ef7d;
	--htm25-gradient-hero: radial-gradient(ellipse 70% 50% at 20% 20%, rgba(255, 60, 172, .3) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 10%, rgba(43, 134, 197, .25) 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 60% 80%, rgba(120, 75, 160, .2) 0%, transparent 60%), #08071a;
	--htm25-gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);
	--htm25-gradient-btn: linear-gradient(135deg, #ff3cac 0%, #784ba0 50%, #2b86c5 100%);
	--htm25-gradient-text: linear-gradient(135deg, #ff3cac 0%, #784ba0 50%, #2b86c5 100%);
	--htm25-border-color: rgba(255, 255, 255, .1);
	--htm25-border-color-strong: rgba(255, 255, 255, .18);
	--htm25-border-gradient: linear-gradient(135deg, rgba(255, 60, 172, .4), rgba(43, 134, 197, .4));
	--htm25-border-width: 1px;
	--htm25-border-style: solid;
	--htm25-accent-primary: #ff3cac;
	--htm25-accent-primary-dk: #d4208c;
	--htm25-accent-primary-lt: rgba(255, 60, 172, .15);
	--htm25-accent-secondary: #2b86c5;
	--htm25-accent-tertiary: #38ef7d;
	--htm25-accent-glow-pink: rgba(255, 60, 172, .45);
	--htm25-accent-glow-blue: rgba(43, 134, 197, .35);
	--htm25-text-heading: #fff;
	--htm25-text-body: rgba(255, 255, 255, .72);
	--htm25-text-muted: rgba(255, 255, 255, .45);
	--htm25-text-faint: rgba(255, 255, 255, .25);
	--htm25-text-inverse: #08071a;
	--htm25-text-accent: #ff3cac;
	--htm25-text-gradient: var(--htm25-gradient-text);
	--htm25-text-link: #ff3cac;
	--htm25-text-link-hover: #00f0ff;
	--htm25-font-heading: "Inter", system-ui, sans-serif;
	--htm25-font-body: "Inter", system-ui, sans-serif;
	--htm25-weight-heading: 800;
	--htm25-tracking-heading: -.04em;
	--htm25-leading-heading: 1.1;
	--htm25-radius-card: 1.5rem;
	--htm25-radius-btn: 9999px;
	--htm25-radius-input: .75rem;
	--htm25-radius-badge: 9999px;
	--htm25-radius-icon: 1rem;
	--htm25-shadow-card: 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 32px rgba(0, 0, 0, .4);
	--htm25-shadow-card-hover: 0 0 0 1px rgba(255, 60, 172, .3), 0 16px 48px rgba(255, 60, 172, .15);
	--htm25-shadow-btn: 0 0 24px rgba(255, 60, 172, .5), 0 0 8px rgba(43, 134, 197, .3);
	--htm25-shadow-lg: 0 24px 80px rgba(0, 0, 0, .6);
	--htm25-shadow-glow-pink: 0 0 48px rgba(255, 60, 172, .35);
	--htm25-shadow-glow-blue: 0 0 48px rgba(43, 134, 197, .25);
	--htm25-btn-primary-bg: linear-gradient(135deg, #ff3cac, #784ba0, #2b86c5);
	--htm25-btn-primary-text: #fff;
	--htm25-btn-primary-bg-hover: linear-gradient(135deg, #ff60bb, #8e5cb8, #3e9bd8);
	--htm25-btn-outline-border: rgba(255, 60, 172, .4);
	--htm25-btn-outline-text: #ff3cac;
	--htm25-btn-outline-bg-hover: rgba(255, 60, 172, .08);
	--htm25-btn-ghost-text: rgba(255, 255, 255, .65);
	--htm25-btn-ghost-bg-hover: rgba(255, 255, 255, .06);
	--htm25-btn-radius: 9999px;
	--htm25-btn-py: .75rem;
	--htm25-btn-px: 1.75rem;
	--htm25-btn-font-size: var(--htm25-text-sm);
	--htm25-btn-font-weight: 600;
	--htm25-badge-bg: rgba(255, 60, 172, .12);
	--htm25-badge-text: #ff3cac;
	--htm25-badge-border: rgba(255, 60, 172, .25);
	--htm25-badge-radius: 9999px;
	--htm25-divider-color: rgba(255, 255, 255, .08);
	--htm25-divider-width: 1px;
	--htm25-section-label-color: #ff3cac;
	--htm25-section-title-color: #fff;
	--htm25-section-body-color: rgba(255, 255, 255, .55);
	--htm25-glass-blur: blur(20px);
	--htm25-glass-bg: rgba(255, 255, 255, .04);
	--htm25-glass-bg-hover: rgba(255, 255, 255, .07);
}

.htm25-style--neo {
	--htm25-bg-page: #fffef0;
	--htm25-bg-section: #fffef0;
	--htm25-bg-card: #fff;
	--htm25-bg-card-alt: #fffef0;
	--htm25-bg-card-accent: #f0f0ff;
	--htm25-bg-subtle: #f5f5e8;
	--htm25-bg-overlay: rgba(0, 0, 0, .7);
	--htm25-swatch-yellow: #ffe500;
	--htm25-swatch-pink: #ff2d78;
	--htm25-swatch-blue: #0038ff;
	--htm25-swatch-green: #00c853;
	--htm25-swatch-orange: #ff6d00;
	--htm25-swatch-purple: #6200ea;
	--htm25-swatch-black: #000;
	--htm25-swatch-white: #fff;
	--htm25-border-color: #000;
	--htm25-border-color-strong: #000;
	--htm25-border-color-subtle: #000;
	--htm25-border-width: 2px;
	--htm25-border-width-thick: 3px;
	--htm25-border-style: solid;
	--htm25-accent-primary: #ffe500;
	--htm25-accent-primary-dk: #d4c000;
	--htm25-accent-primary-lt: #fff9a0;
	--htm25-accent-secondary: #ff2d78;
	--htm25-accent-tertiary: #0038ff;
	--htm25-text-heading: #000;
	--htm25-text-body: #1a1a1a;
	--htm25-text-muted: #555;
	--htm25-text-faint: #888;
	--htm25-text-inverse: #fff;
	--htm25-text-accent: #000;
	--htm25-text-link: #0038ff;
	--htm25-text-link-hover: #ff2d78;
	--htm25-font-heading: "Inter", "Arial Black", system-ui, sans-serif;
	--htm25-font-body: "Inter", system-ui, sans-serif;
	--htm25-weight-heading: 900;
	--htm25-tracking-heading: -.04em;
	--htm25-leading-heading: 1;
	--htm25-radius-card: 0;
	--htm25-radius-btn: 0;
	--htm25-radius-input: 0;
	--htm25-radius-badge: 0;
	--htm25-radius-icon: 0;
	--htm25-shadow-card: 4px 4px 0 #000;
	--htm25-shadow-card-hover: 6px 6px 0 #000;
	--htm25-shadow-btn: 3px 3px 0 #000;
	--htm25-shadow-btn-hover: 5px 5px 0 #000;
	--htm25-shadow-btn-active: 1px 1px 0 #000;
	--htm25-shadow-lg: 8px 8px 0 #000;
	--htm25-shadow-none: none;
	--htm25-btn-primary-bg: #ffe500;
	--htm25-btn-primary-text: #000;
	--htm25-btn-primary-bg-hover: #ffd000;
	--htm25-btn-primary-border: #000;
	--htm25-btn-outline-border: #000;
	--htm25-btn-outline-text: #000;
	--htm25-btn-outline-bg-hover: #ffe500;
	--htm25-btn-ghost-text: #000;
	--htm25-btn-ghost-bg-hover: #fffef0;
	--htm25-btn-radius: 0;
	--htm25-btn-py: .75rem;
	--htm25-btn-px: 1.5rem;
	--htm25-btn-font-size: var(--htm25-text-base);
	--htm25-btn-font-weight: 700;
	--htm25-btn-border-width: 2px;
	--htm25-btn-transform-hover: translate(-2px, -2px);
	--htm25-btn-shadow-hover: 5px 5px 0 #000;
	--htm25-btn-transform-active: translate(2px, 2px);
	--htm25-btn-shadow-active: 1px 1px 0 #000;
	--htm25-badge-bg: #ffe500;
	--htm25-badge-text: #000;
	--htm25-badge-border: #000;
	--htm25-badge-radius: 0;
	--htm25-divider-color: #000;
	--htm25-divider-width: 2px;
	--htm25-section-label-color: #ff2d78;
	--htm25-section-title-color: #000;
	--htm25-section-body-color: #555;
	--htm25-neo-stripe-bg: repeating-linear-gradient(-45deg, #ffe500, #ffe500 4px, transparent 4px, transparent 12px);
	--htm25-neo-dot-bg: radial-gradient(circle, #000 1px, transparent 1px);
	--htm25-neo-dot-size: 20px;
	--htm25-neo-grid-color: rgba(0, 0, 0, .06);
}

.htm25-container {
	width: 100%;
	max-width: var(--htm25-container-xl);
	margin-inline: auto;
	padding-inline: var(--htm25-container-px);
}

.htm25-container--sm {
	max-width: var(--htm25-container-sm);
}

.htm25-container--md {
	max-width: var(--htm25-container-md);
}

.htm25-container--lg {
	max-width: var(--htm25-container-lg);
}

.htm25-container--2xl {
	max-width: var(--htm25-container-2xl);
}

.htm25-section {
	padding-block: var(--htm25-section-py);
	padding-inline: var(--htm25-section-px);
	background-color: var(--htm25-bg-section);
}

.htm25-card {
	background-color: var(--htm25-bg-card);
	border: var(--htm25-border-width) var(--htm25-border-style) var(--htm25-border-color);
	border-radius: var(--htm25-radius-card);
	box-shadow: var(--htm25-shadow-card);
	transition: box-shadow var(--htm25-duration-normal) var(--htm25-ease-out), transform var(--htm25-duration-normal) var(--htm25-ease-out);
}

.htm25-card:hover {
	box-shadow: var(--htm25-shadow-card-hover);
}

.htm25-card--glass {
	background: var(--htm25-glass-bg, var(--htm25-bg-card));
	-webkit-backdrop-filter: var(--htm25-glass-blur, none);
	backdrop-filter: var(--htm25-glass-blur, none);
}

.htm25-card--glass:hover {
	background: var(--htm25-glass-bg-hover, var(--htm25-bg-card-alt));
}

.htm25-section-label {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: var(--htm25-space-2);
	font-size: var(--htm25-text-xs);
	font-weight: var(--htm25-weight-semibold);
	letter-spacing: var(--htm25-tracking-wider);
	text-transform: uppercase;
	color: var(--htm25-section-label-color);
	margin-bottom: var(--htm25-space-4);
}

.htm25-section-title {
	font-family: var(--htm25-font-heading);
	font-size: var(--htm25-text-4xl);
	font-weight: var(--htm25-weight-heading, var(--htm25-weight-bold));
	line-height: var(--htm25-leading-heading, var(--htm25-leading-tight));
	letter-spacing: var(--htm25-tracking-heading, var(--htm25-tracking-tight));
	color: var(--htm25-section-title-color, var(--htm25-text-heading));
	margin-top: 0;
	margin-bottom: var(--htm25-space-4);
}

.htm25-section-body {
	font-size: var(--htm25-text-lg);
	line-height: var(--htm25-leading-normal);
	color: var(--htm25-section-body-color, var(--htm25-text-muted));
	max-width: 60ch;
}

.htm25-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--htm25-space-1);
	padding: var(--htm25-space-1) var(--htm25-space-3);
	font-size: var(--htm25-text-xs);
	font-weight: var(--htm25-weight-semibold);
	letter-spacing: var(--htm25-tracking-wide);
	border-radius: var(--htm25-badge-radius);
	background-color: var(--htm25-badge-bg);
	color: var(--htm25-badge-text);
	border: 1px solid var(--htm25-badge-border, transparent);
}

.htm25-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--htm25-space-2);
	padding: var(--htm25-btn-py) var(--htm25-btn-px);
	font-size: var(--htm25-btn-font-size);
	font-weight: var(--htm25-btn-font-weight);
	font-family: var(--htm25-font-heading);
	line-height: 1;
	border-radius: var(--htm25-btn-radius);
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background var(--htm25-duration-fast) var(--htm25-ease-out), box-shadow var(--htm25-duration-fast) var(--htm25-ease-out), transform var(--htm25-duration-fast) var(--htm25-ease-spring);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.htm25-btn--primary {
	background: var(--htm25-btn-primary-bg);
	color: var(--htm25-btn-primary-text);
	box-shadow: var(--htm25-shadow-btn);
}

.htm25-btn--primary:hover {
	background: var(--htm25-btn-primary-bg-hover);
}

.htm25-btn--outline {
	background: transparent;
	color: var(--htm25-btn-outline-text);
	border: var(--htm25-btn-border-width, 1px) solid var(--htm25-btn-outline-border);
}

.htm25-btn--outline:hover {
	background: var(--htm25-btn-outline-bg-hover);
}

.htm25-btn--ghost {
	background: transparent;
	color: var(--htm25-btn-ghost-text);
	border: none;
}

.htm25-btn--ghost:hover {
	background: var(--htm25-btn-ghost-bg-hover);
}

[class*="htm25-"] .htm25-btn {
	text-decoration: none;
}

[class*="htm25-"] .htm25-btn--primary {
	color: var(--htm25-btn-primary-text);
	background: var(--htm25-btn-primary-bg);
}

[class*="htm25-"] .htm25-btn--primary:hover {
	background: var(--htm25-btn-primary-bg-hover);
}

[class*="htm25-"] .htm25-btn--outline {
	color: var(--htm25-btn-outline-text);
	border-color: var(--htm25-btn-outline-border);
}

[class*="htm25-"] .htm25-btn--outline:hover {
	background: var(--htm25-btn-outline-bg-hover);
}

[class*="htm25-"] .htm25-btn--ghost {
	color: var(--htm25-btn-ghost-text);
}

.htm25-style--neo .htm25-btn--primary {
	border: var(--htm25-btn-border-width, 2px) solid var(--htm25-btn-primary-border, #000);
	box-shadow: var(--htm25-shadow-btn);
}

.htm25-style--neo .htm25-btn--primary:hover {
	transform: var(--htm25-btn-transform-hover);
	box-shadow: var(--htm25-btn-shadow-hover);
}

.htm25-style--neo .htm25-btn--primary:active {
	transform: var(--htm25-btn-transform-active);
	box-shadow: var(--htm25-btn-shadow-active);
}

.htm25-divider {
	border: none;
	border-top: var(--htm25-divider-width) solid var(--htm25-divider-color);
	margin-block: var(--htm25-space-8);
}

.htm25-text-gradient {
	background: var(--htm25-gradient-text, var(--htm25-gradient-btn));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.htm25-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.htm25-btn:focus-visible, .htm25-card:focus-visible {
	outline: 2px solid var(--htm25-accent-primary);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.htm25-btn, .htm25-card {
		transition: none;
	}
}