.elementor-2453 .elementor-element.elementor-element-5bf65c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2453 .elementor-element.elementor-element-5bf65c9:not(.elementor-motion-effects-element-type-background), .elementor-2453 .elementor-element.elementor-element-5bf65c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8684E4;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2453 .elementor-element.elementor-element-697180d{text-align:center;}.elementor-2453 .elementor-element.elementor-element-697180d .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:31px;font-weight:600;color:#FFFFFF;}.elementor-2453 .elementor-element.elementor-element-74460b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2453 .elementor-element.elementor-element-74460b0:not(.elementor-motion-effects-element-type-background), .elementor-2453 .elementor-element.elementor-element-74460b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-2453 .elementor-element.elementor-element-06d52d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2453 .elementor-element.elementor-element-06d52d3:not(.elementor-motion-effects-element-type-background), .elementor-2453 .elementor-element.elementor-element-06d52d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2453 .elementor-element.elementor-element-300759a{--display:flex;}.elementor-2453 .elementor-element.elementor-element-5d28c2b{color:#7A7A7A;}.elementor-2453 .elementor-element.elementor-element-da25e63{--display:flex;}.elementor-2453 .elementor-element.elementor-element-f812b97{--display:flex;}.elementor-2453 .elementor-element.elementor-element-3617672{--display:flex;}.elementor-2453 .elementor-element.elementor-element-e5860d1{--display:flex;}.elementor-2453 .elementor-element.elementor-element-6aa7103{--display:flex;}.elementor-2453 .elementor-element.elementor-element-7d9fe12{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#7A7A7A;--n-accordion-title-hover-color:#7A7A7A;--n-accordion-title-active-color:#7A7A7A;--n-accordion-icon-size:15px;}.elementor-widget-blockquote .elementor-blockquote__content{color:var( --e-global-color-text );}.elementor-widget-blockquote .elementor-blockquote__author{color:var( --e-global-color-secondary );}/* Start custom CSS for html, class: .elementor-element-a292f88 */```css
.du-tool-wrap{

    background:#081326;

    border-radius:24px;

    padding:40px;

    color:#fff;

    font-family:Inter,sans-serif;

}

.du-heading{

    text-align:center;

    font-size:42px;

    margin-bottom:10px;

}

.du-subtitle{

    text-align:center;

    color:#94A3B8;

    margin-bottom:40px;

}

.du-field{

    margin-bottom:30px;

}

.du-label{

    display:block;

    margin-bottom:12px;

    color:#94A3B8;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.du-input{

    width:100%;

    height:65px;

    border:none;

    border-radius:18px;

    background:#0F1E38;

    color:#fff;

    padding:0 20px;

}

.option-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:15px;

}

.topics-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:15px;

}

.option-btn{

    height:60px;

    border-radius:16px;

    border:1px solid rgba(255,255,255,.08);

    background:#0F1E38;

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.option-btn.active{

    border:2px solid #7F77DD;

    background:
    rgba(127,119,221,.15);

}

.generate-btn{

    width:100%;

    height:70px;

    border:none;

    border-radius:18px;

    font-size:18px;

    font-weight:700;

    color:#fff;

    cursor:pointer;

    background:
    linear-gradient(
    135deg,
    #7F77DD,
    #4F6BFF
    );

}

#results{

    margin-top:30px;

}

.results-header{

    font-size:28px;

    font-weight:700;

    margin-bottom:20px;

}

.topic-card{

    background:#0F1E38;

    border-radius:18px;

    padding:18px;

    margin-bottom:15px;

    display:flex;

    align-items:center;

    gap:15px;

}

.topic-icon{

    width:50px;

    height:50px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
    linear-gradient(
    135deg,
    #7F77DD,
    #4F6BFF
    );

}

.topic-title{

    color:#fff;

    font-size:18px;

    font-weight:600;

}

@media(max-width:768px){

    .option-grid,
    .topics-grid{

        grid-template-columns:1fr;

    }

}
```/* End custom CSS */