.btn-social{
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--sz,32px);
    height:var(--sz,32px);
    background:rgba(255,255,255,0.1);
    color:white;
    border-radius:50%;
    text-decoration:none;
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
    font-size:var(--fz,16px);
    border:1px solid rgba(255,255,255,0.1);
    line-height:1;
    position:relative;
}
.btn-social i{
    font-size:var(--fz,16px);
    line-height:1;
}
.btn-social:hover{
    background:white;
    color:#033865;
    transform:translateY(-2px) scale(1.1);
    box-shadow:0 4px 12px rgba(255,255,255,0.3);
    border-color:white;
}
.btn-social--sm{
    --sz:28px;
    --fz:12px;
}
.btn-social--lg{
    --sz:35px;
    --fz:16px;
}
.btn-social.is-twitter{
    background:#1DA1F2;
    color:white;
    border-color:#1DA1F2;
}
.btn-social.is-whatsapp{
    background:#25D366;
    color:white;
    border-color:#25D366;
}
.card{
    background:white;
    border-radius:16px;
    padding:24px;
    box-shadow:0 2px 8px rgba(0,0,0,0.08);
    border:1px solid #e5e7eb;
    transition:all 0.3s ease;
}
.card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 25px rgba(0,0,0,0.12);
    border-color:#da0034;
}
.card--profile{
    padding:16px;
    border-radius:12px;
}
.card--mistake{
    padding:24px;
    margin-bottom:20px;
}
.input--modern{
    background:linear-gradient(145deg,#ffffff 0%,#f1f5f9 100%);
    box-shadow:
        inset 0 2px 4px rgba(0,0,0,0.06),
        0 1px 2px rgba(0,0,0,0.1);
    border:2px solid transparent;
    padding:10px 14px;
    font-weight:500;
}
.input--modern:focus{
    background:#ffffff;
    box-shadow:
        0 0 0 3px rgba(218,0,52,0.1),
        0 6px 12px rgba(218,0,52,0.15),
        inset 0 2px 4px rgba(0,0,0,0.06);
    transform:translateY(-1px);
    border-color:#da0034;
}
.input--modern::placeholder{
    color:#64748b;
    font-weight:400;
}
.modal{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,0.4);
    z-index:9999;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
}
.modal.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}
.modal-content{
    background:white;
    border-radius:16px;
    max-width:500px;
    width:85%;
    max-height:70vh;
    overflow-y:auto;
    position:relative;
    box-shadow:0 20px 60px rgba(0,0,0,0.3);
    transform:scale(0.8) translateY(50px);
    opacity:0;
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
}
.modal.active .modal-content{
    transform:scale(1) translateY(0);
    opacity:1;
    animation:modalContentSlideIn 0.4s ease-out 0.1s both;
}
.close-btn{
    position:absolute;
    top:16px;
    right:16px;
    background:rgba(255,255,255,0.9);
    border:none;
    font-size:32px;
    color:#9ca3af;
    cursor:pointer;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    transition:all 0.3s cubic-bezier(0.4,0,0.2,1);
    z-index:10;
    backdrop-filter:blur(10px);
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    opacity:0;
    transform:scale(0.8);
}
.modal.active .close-btn{
    opacity:1;
    transform:scale(1);
    animation:closeButtonFadeIn 0.3s ease-out 0.2s both;
}
.close-btn:hover{
    color:#374151;
    background:rgba(255,255,255,1);
    transform:scale(1.1);
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
}
@keyframes modalContentSlideIn {
    from { transform:scale(.95) translateY(10px); opacity:0; }
    to   { transform:scale(1) translateY(0);      opacity:1; }
}
@keyframes closeButtonFadeIn {
    from { opacity:0; transform:scale(.8); }
    to   { opacity:1; transform:scale(1); }
}
.slider-container{
    position:relative;
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding-left:40px;
    overflow:visible;
}
.slider-wrapper{
    position:relative;
    width:100%;
}
.hide-scrollbar{
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.hide-scrollbar::-webkit-scrollbar{
    display:none;
}
.slider{
    display:flex;
    gap:24px;
    overflow-x:auto;
    scroll-behavior:smooth;
    padding:20px 0;
    margin:0 -24px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.slider::-webkit-scrollbar{
    display:none;
}
.mistake-header{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:16px;
}
.mistake-icon{
    flex-shrink:0;
    width:80px;
    height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);
    border-radius:16px;
    border:1px solid #fecaca;
}
.mistake-content{
    flex:1;
}
.mistake-content p{
    text-align:justify;
    line-height:1.6;
    margin-bottom:12px;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:auto;
    max-width:100%;
}
.mistake-header h5{
    white-space:normal;
    word-wrap:break-word;
    line-height:1.2;
    margin-bottom:6px;
    margin-top:0;
    padding:0 5px;
    font-size:14px;
}
.mistake-icon img{
    width:30px;
    height:auto;
}
.profile-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}
.profile-image{
    margin-bottom:6px;
}
.profile-image img{
    border-radius:50%;
    box-shadow:0 3px 8px rgba(0,0,0,0.1);
    border:2px solid #f3f4f6;
    width:80px;
    height:80px;
    object-fit:cover;
}
.profile-info{
    width:100%;
}
.profile h5{
    font-size:16px;
    font-weight:600;
    color:#1f2937;
    margin:0 0 3px 0;
}
.profile p{
    font-size:12px;
    color:#6b7280;
    margin:0 0 12px 0;
}
.profile__title{
    font-size:20px;
    font-weight:700;
    color:#1f2937;
    margin:0 0 8px 0;
    line-height:1.3;
}
.profile__text{
    font-size:14px;
    color:#6b7280;
    margin:0 0 20px 0;
    line-height:1.4;
}
.contact-details{
    margin-bottom:12px;
    width:100%;
}
.profile-social{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}
.social-links{
    display:flex;
    gap:6px;
}
.slider-navigation{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    display:flex;
    justify-content:space-between;
    pointer-events:none;
    z-index:10;
}
.slider-indicators{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:20px;
}
.slider-indicator{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#d1d5db;
    cursor:pointer;
    transition:all 0.3s ease;
}
.slider-indicator.active{
    background:#da0034;
    transform:scale(1.2);
}
.slider-indicator:hover{
    background:#9ca3af;
}
.sbm_blog_item{
    background:#fafafa;
    padding:16px;
    border:1px solid #e5e7eb;
    border-radius:6px;
    margin:12px 0;
    box-shadow:none;
    transition:all 0.15s ease;
    position:relative;
}
.sbm_blog_item::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:#d1d5db;
    border-radius:6px 6px 0 0;
}
.sbm_blog_item:hover{
    transform:none;
    box-shadow:0 1px 3px rgba(0,0,0,0.05);
    border-color:#d1d5db;
    background:#f9f9f9;
}
.sbi_title{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:10px;
    padding-bottom:8px;
    border-bottom:1px solid #f3f4f6;
}
.sbi_title h5{
    font-size:14px;
    color:#6b7280;
    padding:0;
    font-weight:500;
    margin:0;
    line-height:1.3;
}
.sbi_title span{
    font-size:10px;
    display:block;
    color:#9ca3af;
    background:#f5f5f5;
    padding:2px 6px;
    border-radius:3px;
    font-weight:400;
}
.spi_content{
    margin-bottom:12px;
}
.spi_content p{
    font-size:13px;
    color:#9ca3af;
    line-height:1.4;
    margin:0;
    font-weight:400;
}
.sbi_icons{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.sbi_icons ul{
    display:flex;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}
.sbi_icons ul li{
    width:4px;
    height:4px;
    background:#e5e7eb;
    border-radius:50%;
    transition:all 0.15s ease;
}
.sbi_icons ul li:hover{
    background:#d1d5db;
    transform:none;
}
.sbi_btn{
    background:#f8f9fa;
    color:#9ca3af;
    padding:5px 10px;
    border-radius:4px;
    text-decoration:none;
    font-size:11px;
    font-weight:400;
    transition:all 0.15s ease;
    display:flex;
    align-items:center;
    gap:3px;
    border:1px solid #e5e7eb;
}
.sbi_btn:hover{
    background:#f3f4f6;
    color:#6b7280;
    text-decoration:none;
    border-color:#d1d5db;
}
.sbi_btn i{
    font-size:10px;
    transition:transform 0.15s ease;
}
.sbi_btn:hover i{
    transform:translateX(1px);
}
.profile_box .row{
    margin:0;
}
.profile_box .col-md-6{
    padding:0;
}
.profile_pic{
    position:relative;
    text-align:center;
    margin-bottom:20px;
}
.profile_pic img{
    width:100%;
    max-width:200px;
    height:auto;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #f3f4f6;
}
.top-social{
    position:absolute;
    bottom:10px;
    right:10px;
}
.top-social ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    gap:8px;
}
.top-social li{
    margin:0;
}
.proven_img{
    margin-bottom:15px;
}
.proven_img img{
    width:80px;
    height:61px;
    object-fit:contain;
}
.profile_details span{
    display:block;
    margin-bottom:12px;
    font-size:14px;
    line-height:1.5;
}
.profile_details span a{
    color:#374151;
    text-decoration:none;
    transition:color 0.3s ease;
    display:flex;
    align-items:center;
    gap:8px;
}
.profile_details span a:hover{
    color:#da0034;
}
.profile_details span i{
    color:#da0034;
    font-size:14px;
    width:16px;
}
.profile_details cite{
    display:block;
    font-size:12px;
    color:#9ca3af;
    font-style:italic;
    margin-top:4px;
    margin-left:24px;
}
.compact-form-container{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    background:white;
    border-radius:20px;
    padding:32px;
    box-shadow:0 8px 32px rgba(0,0,0,0.1);
    border:1px solid #e5e7eb;
}
.compact-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.checkbox-container{
    display:flex;
    align-items:flex-start;
    gap:8px;
}
.checkbox-container input[type="checkbox"]{
    margin-top:2px;
    width:16px;
    height:16px;
    accent-color:#da0034;
}
.checkbox-label{
    font-size:13px;
    color:#6b7280;
    line-height:1.4;
    margin:0;
}
.checkbox-label .link{
    color:#da0034;
    text-decoration:none;
}
.checkbox-label .link:hover{
    text-decoration:underline;
}
.submit-button{
    background:linear-gradient(135deg,#da0034 0%,#c60030 100%);
    color:white;
    padding:14px 28px;
    border:none;
    border-radius:10px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s ease;
    box-shadow:0 4px 12px rgba(218,0,52,0.3);
    width:100%;
}
.submit-button:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 25px rgba(218,0,52,0.4);
}
.gk-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:var(--gk-radius);
    border:1px solid transparent;
    cursor:pointer;
    text-decoration:none;
    line-height:1;
    font:inherit;
    transition:all 0.2s ease;
}
.gk-btn--primary{
    background:var(--gk-primary);
    color:var(--gk-primary-ink);
}
.gk-btn--primary:hover{
    background:#0d4a7c;
    transform:translateY(-1px);
}
.gk-btn--ghost{
    background:transparent;
    border-color:#d0d7e2;
    color:#0d2540;
}
.gk-btn--ghost:hover{
    background:#f8f9fa;
    border-color:var(--gk-primary);
}
.gk-btn:focus-visible{
    outline:2px solid var(--gk-primary);
    outline-offset:2px;
}
:where(input,select,textarea){
    font:inherit;
    border:1px solid #d5dbe7;
    border-radius:var(--gk-radius);
    padding:10px 12px;
    width:100%;
    transition:border-color 0.2s ease;
}
:where(input:focus,select:focus,textarea:focus){
    outline:none;
    border-color:var(--gk-primary);
    box-shadow:0 0 0 3px rgba(26,102,174,0.1);
}
.icon-slider{
    display:flex;
    gap:20px;
    padding:0;
    overflow-x:auto;
    scroll-behavior:smooth;
    width:100%;
    position:relative;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.icon-slider::-webkit-scrollbar{
    display:none;
}
#mistakesIconSlider{
    align-items:stretch;
    justify-content:flex-start;
    padding-left:0;
    padding-right:0;
    scroll-padding-left:0;
}
.icon-slider-wrapper{
    width:100%;
    overflow:visible;
    flex:1;
}
.mistakes-block .icon-slider-container{
    justify-content:flex-start;
}
#mistakesIconSlider .modern-icon-item{
    scroll-snap-align:start;
}
#mistakesIconSlider .modern-icon-item:first-child{
    margin-left:0;
}
#mistakesIconSlider .modern-icon-item:last-child{
    margin-right:24px;
}
#mistakesIconSlider .modern-icon-item::before{
    display:none;
}
@media (max-width:768px){
    #mistakesIconSlider .modern-icon-item{
        flex:0 0 calc(100% - 16px);
        min-width:calc(100% - 16px);
        max-width:calc(100% - 16px);
}
}
.icon-slider .modern-icon-item{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    text-align:left;
    padding:1.5rem;
    background:#f8fafc;
    border-radius:0.75rem;
    border:1px solid #e5e7eb;
    box-shadow:0 1px 3px rgba(0,0,0,0.1);
    transition:all 0.3s ease;
    gap:1rem;
    flex:0 0 calc(33.333% - 14px);
    min-width:calc(33.333% - 14px);
    max-width:calc(33.333% - 14px);
}
.icon-slider .modern-icon-item:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
.icon-slider .modern-icon-item .icon-container{
    width:50px;
    height:50px;
    background:#f8fafc;
    border-radius:0.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:0;
    flex-shrink:0;
}
.icon-slider .modern-icon-item .icon-container img{
    max-width:30px;
    max-height:30px;
    object-fit:contain;
}
.icon-slider .modern-icon-item .icon-content{
    flex:1;
    text-align:left;
    border:none;
    background:transparent;
    padding:0;
    margin:0;
}
.icon-slider .modern-icon-item .icon-content h5{
    font-size:16px;
    font-weight:600;
    color:#1f2937;
    margin-bottom:0.5rem;
    line-height:1.4;
}
.icon-slider .modern-icon-item .icon-content p{
    font-size:12px;
    color:#6b7280;
    line-height:1.5;
    margin:0;
}
@media (max-width:768px){
    .icon-slider{
        gap:15px;
        margin:1.5rem 0;
}
    .icon-slider .modern-icon-item{
        padding:1.5rem 1rem;
        flex:0 0 calc(100% - 20px);
        min-width:calc(100% - 20px);
        max-width:calc(100% - 20px);
}
    .icon-slider .modern-icon-item .icon-container{
        width:60px;
        height:60px;
        margin-bottom:1rem;
}
    .icon-slider .modern-icon-item .icon-container img{
        max-width:40px;
        max-height:40px;
}
}
.icon-slider-container{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    max-width:100%;
    overflow:visible;
    z-index:1;
}
.icon-slider-container::after{
    content:'→';
    position:absolute;
    top:-8px;
    right:0;
    font-size:14px;
    color:#6b7280;
    opacity:var(--hint-opacity,0.7);
    animation:slideHint 2s ease-in-out infinite;
    pointer-events:none;
    z-index:10;
    transition:opacity 0.3s ease;
}
@media (min-width:1024px){
    .icon-slider-container::after{
        content:none;
}
}
@keyframes slideHint{
    0%,100%{
        transform:translateX(0);
        opacity:0.7;
}
    50%{
        transform:translateX(8px);
        opacity:1;
}
}
.side_btnx{
    position:fixed;
    top:50%;
    right:-80px;
    transform:rotate(90deg);
    z-index:9999;
}
@media (max-width:768px){
    .side_btnx{
        display:none;
    }
}
.side_btnx a{
    display:inline-block;
    padding:10px 32px;
    background:#c60030;
    color:#fff;
    border-radius:5px;
    text-decoration:none;
    white-space:nowrap;
}
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(4px);
    border:2px solid #e5e7eb;
    color:#6b7280;
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all 0.3s ease;
    box-shadow:none;
    z-index:9999;
}
.slider-btn:hover{
    background:#da0034;
    color:#ffffff;
    transform:translateY(-50%) scale(1.1);
    box-shadow:none;
}
.slider-btn-prev{
    left:-17px;
}
.slider-btn-next{
    right:-17px;
}
.slider-btn i{
    font-size:8px;
}
.slider-btn.small{
    background:rgba(255,255,255,0.9);
    border:1px solid #e5e7eb;
    border-radius:50%;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    flex-shrink:0;
    z-index:10;
    margin-top:7px;
}
.slider-btn.small:hover{
    background:#ef4444;
    border-color:#ef4444;
    color:white;
    box-shadow:0 4px 8px rgba(239,68,68,0.3);
}
.slider-btn.small i{
    font-size:7px;
    color:#6b7280;
}
.slider-btn.small:hover i{
    color:white;
}
.slider-btn-prev.small{
    order:1;
    margin-left:6px;
}
.slider-btn-next.small{
    order:3;
    margin-right:6px;
}
@media (max-width:768px){
    .slider-btn{
        display:none !important;
}
.slider-btn-prev,
    .slider-btn-next{
        display:none !important;
}
    .icon-slider-container{
        gap:0;
}
}
.mistakes-block .icon-slider-container{z-index:20;}
.mistakes-block .slider-btn{z-index:50;}
.mistakes-block .slider-btn-prev{left:-10px;}
.mistakes-block .slider-btn-next{right:-10px;}
.template-home .icon-container{
    width:60px;
    height:60px;
    background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e8f0;
    flex-shrink:0;
    position:relative;
    box-shadow:0 1px 3px rgba(0,0,0,0.05);
    margin-bottom:0;
}
.template-home .icon-container img{
    max-width:40px;
    max-height:40px;
    object-fit:contain;
}
.template-home .icon-content{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}
.template-home .icon-content h5{
    font-size:16px;
    font-weight:600;
    color:#1f2937;
    margin:0 0 4px 0;
    line-height:1.2;
    letter-spacing:-0.025em;
}
.template-home .icon-content p{
    font-size:12px;
    color:#64748b;
    margin:0;
    line-height:1.3;
    font-weight:400;
}