.elementor-2087 .elementor-element.elementor-element-53ec513{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-cfae85a */:root {
    --brand-color: #38468a;
    --brand-light: #4e5eb3;
    --neon-blue: #00d2ff;
    --bg-dark: #0a1128; /* Deep dark blue for contrast */
    --glass-white: rgba(255, 255, 255, 0.05);
}

#about {
    background: radial-gradient(circle at top right, var(--brand-color), var(--bg-dark));
    color: #ffffff;
    overflow: hidden;
    position: relative;
}

/* AI Image Floating Effect */
.ai-img-container {
    position: relative;
    padding: 20px;
}
.ai-img-container img {
    border: 2px solid rgba(0, 210, 255, 0.3);
    box-shadow: 0 0 30px rgba(56, 70, 138, 0.5);
    transition: 0.5s ease;
}
.ai-img-container:hover img {
    transform: scale(1.02);
    box-shadow: 0 0 50px rgba(0, 210, 255, 0.4);
}

/* Stats Cards */
.stat-box {
    background: var(--glass-white);
    border-left: 4px solid var(--neon-blue);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 0 15px 15px 0;
    transition: 0.3s;
}
.stat-box:hover {
    background: rgba(56, 70, 138, 0.2);
    transform: translateX(10px);
}

/* Skill Cards Premium Look */
.skill-card {
    background: linear-gradient(145deg, rgba(56, 70, 138, 0.2), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    height: 100%;
    transition: 0.4s;
}
.skill-card:hover {
    border-color: var(--neon-blue);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.skill-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}
.skill-list i {
    color: var(--neon-blue);
    margin-right: 12px;
}

/* Bottom Banner */
.highlight-banner {
    background: linear-gradient(90deg, transparent, rgba(56, 70, 138, 0.6), transparent);
    border-top: 1px solid rgba(0, 210, 255, 0.3);
    border-bottom: 1px solid rgba(0, 210, 255, 0.3);
}

@media (max-width: 768px) {
    .display-5 { font-size: 2.5rem; }
    .skill-card { margin-bottom: 20px; }
}/* End custom CSS */