diff --git a/javascripts/discourse/components/welcome-banner.gjs b/javascripts/discourse/components/welcome-banner.gjs
index c70834d..bfed1fd 100644
--- a/javascripts/discourse/components/welcome-banner.gjs
+++ b/javascripts/discourse/components/welcome-banner.gjs
@@ -47,6 +47,9 @@ export default class WelcomeBanner extends Component {
 
   <template>
     {{#if this.shouldDisplay}}
+      {{#if settings.custom_css}}
+        <style>{{settings.custom_css}}</style>
+      {{/if}}
       <section class={{concat settings.banner_position "-outlet"}} {{didInsert this.didInsert}} {{willDestroy this.willDestroy}}>
         <div class="welcome-card">
           <div class="hero-section">
diff --git a/settings.yml b/settings.yml
index d7a2a46..9b09b59 100644
--- a/settings.yml
+++ b/settings.yml
@@ -329,3 +329,12 @@ cta_card_4_url:
   description:
     en: CTA card 4 URL
     hu: 4. CTA kártya URL-je
+
+# Advanced Customization
+custom_css:
+  default: ""
+  type: string
+  textarea: true
+  description:
+    en: "Custom CSS to override or extend banner styles. Example: .welcome-card { background: blue; }"
+    hu: "Egyedi CSS a banner stílusok felülírásához vagy kiterjesztéséhez. Példa: .welcome-card { background: blue; }"