# CSS OTIMIZADO — MELHORIAS VISUAIS SEM ALTERAR A IDENTIDADE

```css
/* =========================================
   RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#020617;
    font-family:'Sora',sans-serif;
    color:#fff;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

:root{

    --ak-blue:#1d9bf0;
    --ak-blue-dark:#1479ff;

    --ak-bg:#020817;
    --ak-card:#091224;

    --ak-border:rgba(255,255,255,.06);

    --ak-text:rgba(255,255,255,.72);
    --ak-soft:rgba(255,255,255,.55);

}

/* =========================================
   CONTAINER
========================================= */

.container{
    width:min(1080px,88%);
    margin:auto;
}

/* =========================================
   TIPOGRAFIA
========================================= */

p{
    font-size:14px;
    line-height:1.8;
    color:var(--ak-text);
    font-weight:400;
}

.ak-section-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    background:rgba(29,155,240,.10);

    color:#4bb5ff;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;
    text-transform:uppercase;

    margin-bottom:24px;
}

.ak-section-heading{
    width:100%;
    max-width:760px;

    font-size:36px;
    line-height:1.12;
    letter-spacing:-2px;

    font-weight:800;

    margin-bottom:18px;
}

.ak-section-subtitle{
    display:inline-block;

    color:#1d9bf0;

    font-size:14px;
    font-weight:700;

    letter-spacing:3px;
    text-transform:uppercase;

    margin-bottom:18px;
}

.ak-section-title{
    font-size:40px;
    line-height:1.08;
    letter-spacing:-2px;
    font-weight:800;
    margin-bottom:24px;
}

.ak-section-description{

    max-width:720px;

    margin-top:10px;

    font-size:15px;

    line-height:1.9;

    letter-spacing:0;

    word-spacing:0;

    color:rgba(255,255,255,.68);

    font-weight:400;

}

/* =========================================
   HEADER
========================================= */

.ak-header{
    position:fixed;

    top:0;
    left:0;

    width:100%;

    z-index:9999;

    background:rgba(2,6,23,.82);

    backdrop-filter:blur(18px);

    border-bottom:1px solid rgba(255,255,255,.05);
}

.ak-navbar{
    height:70px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.ak-logo{
    width:48px;
    height:48px;

    border-radius:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #1d9bf0 0%,
        #2563eb 100%
    );

    color:#fff;

    font-size:22px;
    font-weight:700;

    text-decoration:none;

    box-shadow:
    0 8px 22px rgba(29,155,240,.18);

    transition:.3s ease;
}

.ak-logo:hover{
    transform:translateY(-2px);

    box-shadow:
    0 10px 26px rgba(29,155,240,.24);
}

.ak-menu{
    display:flex;
    align-items:center;
    gap:42px;
}

.ak-menu a{
    position:relative;

    text-decoration:none;

    color:#fff;

    font-size:14px;
    font-weight:600;

    transition:.3s;
}

.ak-menu a:hover{
    color:#a78bfa;
}

.ak-menu a::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-8px;

    width:0;
    height:2px;

    border-radius:999px;

    background:#1479ff;

    transition:.3s;
}

.ak-menu a:hover::after{
    width:100%;
}

/* =========================================
   BOTÕES
========================================= */

.ak-btn-primary,
.ak-btn-secondary,
.ak-btn-lattes{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    height:48px;

    padding:0 24px;

    border-radius:16px;

    font-size:14px;
    font-weight:700;

    text-decoration:none;

    transition:.35s ease;
}

.ak-btn-primary,
.ak-btn-lattes{

    background:
    linear-gradient(
        135deg,
        #1d9bf0 0%,
        #2563eb 100%
    );

    color:#fff;

    border:none;

    box-shadow:
    0 12px 35px rgba(29,155,240,.22),
    0 0 45px rgba(124,58,237,.10);
}

.ak-btn-secondary{

    background:
    rgba(255,255,255,.03);

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

    color:#fff;

    box-shadow:
    0 12px 32px rgba(124,58,237,.08);
}

.ak-btn-primary:hover,
.ak-btn-secondary:hover,
.ak-btn-lattes:hover{

    transform:translateY(-3px);
}

/* =========================================
   SECTIONS
========================================= */

section{
    position:relative;
    z-index:1;
    padding:72px 0;
}

/* =========================================
   HERO PREMIUM
========================================= */

.ak-hero{

    padding:26px 0 12px;

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(
        circle at top right,
        rgba(29,155,240,.16),
        transparent 28%
    ),
    linear-gradient(
        135deg,
        #020817 0%,
        #04132c 100%
    );
}

.ak-hero-grid{
    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:48px;

    align-items:center;
}

.ak-hero-tag{
    display:inline-block;

    padding:12px 22px;

    border-radius:999px;

    background:rgba(139,92,246,.12);

    color:#a78bfa;

    font-size:14px;
    font-weight:700;

    letter-spacing:2px;
    text-transform:uppercase;

    margin-bottom:32px;
}

.ak-hero-title{
    font-size:46px;

    line-height:1.05;

    letter-spacing:-2.5px;

    font-weight:800;

    margin-bottom:18px;

    max-width:620px;
}

.ak-hero-subtitle{
    font-size:22px;

    line-height:1.4;

    letter-spacing:-0.5px;

    margin-bottom:22px;

    max-width:620px;
}

.ak-hero-description{
    font-size:15px;

    line-height:1.85;

    color:rgba(255,255,255,.68);

    max-width:620px;

    margin-bottom:38px;
}

.ak-hero-buttons{
    display:flex;

    gap:18px;

    margin-bottom:48px;
}

.ak-hero-photo img{
    width:100%;

    max-width:380px;

    height:420px;

    object-fit:cover;

    border-radius:40px;

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

    position:relative;

    z-index:2;

    box-shadow:
    0 18px 40px rgba(0,0,0,.25);
}

/* =========================================
   ESPECIALIDADES PREMIUM
========================================= */

.ak-specialties{
    padding:32px 0;

    position:relative;
}

.ak-specialties-grid{
    display:grid;

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

    gap:18px;

    margin-top:48px;
}

.ak-specialty-card{
    position:relative;

    padding:28px 22px;

    border-radius:24px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #071427 0%,
        #040b18 100%
    );

    border:1px solid rgba(64,140,255,.10);

    transition:.35s ease;

    min-height:260px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    backdrop-filter:blur(10px);
}

.ak-specialty-card::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1d9bf0,
        #60a5fa
    );

    opacity:.85;
}

.ak-specialty-card:hover{

    transform:translateY(-6px);

    border-color:rgba(64,140,255,.22);

    box-shadow:
    0 16px 38px rgba(0,40,120,.18);

    background:
    linear-gradient(
        180deg,
        #0a1b34 0%,
        #06101f 100%
    );
}

.ak-specialty-icon{
    width:68px;
    height:68px;

    border-radius:20px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin:0 auto 24px;

    font-size:28px;

    background:
    linear-gradient(
        135deg,
        #1d9bf0 0%,
        #2563eb 100%
    );

    box-shadow:
    0 10px 28px rgba(29,155,240,.20);
}

.ak-specialty-card h3{
    font-size:20px;

    line-height:1.25;

    letter-spacing:-0.5px;

    margin-bottom:18px;

    font-weight:800;

    color:#fff;

    text-align:center;
}

.ak-specialty-card p{
    font-size:14px;

    line-height:1.8;

    color:rgba(255,255,255,.68);
}

/* =========================================
   PROJECTS
========================================= */

.ak-projects{

    background:
    radial-gradient(
        circle at top left,
        rgba(124,58,237,.10),
        transparent 25%
    ),
    #020617;
}

.ak-projects-grid{
    display:grid;

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

    gap:18px;
}

.ak-project-card{
    background:rgba(255,255,255,.03);

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

    border-radius:24px;

    padding:28px;

    transition:.35s ease;
}

.ak-project-card:hover{
    transform:translateY(-8px);

    border-color:rgba(124,58,237,.24);

    box-shadow:
    0 18px 40px rgba(0,0,0,.24);
}

.ak-project-tag{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:10px 18px;

    border-radius:999px;

    margin-bottom:22px;

    background:rgba(29,155,240,.10);

    color:#4bb5ff;

    font-size:13px;
    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;
}

.ak-project-card h3{
    font-size:20px;

    line-height:1.25;

    margin-bottom:18px;

    font-weight:800;
}

/* =========================================
   ABOUT PREMIUM
========================================= */

.ak-about{

    padding:32px 0;

    background:
    radial-gradient(
        circle at top left,
        rgba(29,155,240,.10),
        transparent 30%
    ),
    linear-gradient(
        180deg,
        #020817 0%,
        #04152d 100%
    );
}

.ak-about-wrapper{
    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:48px;

    align-items:center;
}

.ak-about-title{
    font-size:40px;

    line-height:1.08;

    letter-spacing:-2px;

    margin-bottom:18px;

    font-weight:800;
}

.ak-about-subtitle{
    font-size:20px;

    line-height:1.5;

    letter-spacing:-0.5px;

    margin-bottom:20px;

    color:#cbd5e1;

    max-width:620px;

    font-weight:500;
}

.ak-about-content p{
    font-size:14px;

    line-height:1.8;

    color:rgba(255,255,255,.68);

    margin-bottom:16px;

    max-width:680px;
}

.ak-about-buttons{
    display:flex;

    gap:18px;

    margin-top:40px;
}

.ak-about-image{
    display:flex;

    justify-content:center;
}

.ak-about-photo-box{
    position:relative;

    width:340px;

    border-radius:36px;

    overflow:hidden;

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

    box-shadow:
    0 12px 30px rgba(0,0,0,.35);
}

.ak-about-photo-box img{
    width:100%;

    height:440px;

    object-fit:cover;

    display:block;
}

/* =========================================
   CONTACT
========================================= */

.ak-contact{

    background:
    radial-gradient(
        circle at top right,
        rgba(124,58,237,.18),
        transparent 30%
    ),
    #030712;
}

.ak-contact-box{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

.ak-contact-platforms{
    display:flex;

    flex-direction:column;

    gap:12px;
}

.ak-contact-platform{
    display:flex;

    align-items:center;

    gap:12px;

    padding:24px;

    border-radius:24px;

    text-decoration:none;

    background:rgba(255,255,255,.03);

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

    transition:.35s;
}

.ak-contact-platform:hover{
    transform:translateY(-5px);

    border-color:rgba(124,58,237,.24);
}

.ak-platform-icon{
    width:72px;
    height:72px;

    border-radius:22px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-shrink:0;

    overflow:hidden;

    background:#0f172a;
}

.ak-platform-icon img{
    width:100%;
    height:100%;

    object-fit:cover;
}

.ak-platform-content span{
    display:block;

    margin-bottom:6px;

    color:#a78bfa;

    font-size:13px;
    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;
}

.ak-platform-content strong{
    font-size:20px;

    color:#fff;
}

/* =========================================
   RESPONSIVO
========================================= */

@media(max-width:992px){

    section{
        padding:64px 0;
    }

    .ak-menu{
        display:none;
    }

    .ak-hero-grid,
    .ak-about-wrapper,
    .ak-contact-box{
        grid-template-columns:1fr;
    }

    .ak-projects-grid{
        grid-template-columns:1fr;
    }

    .ak-specialties-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ak-hero-title{
        font-size:42px;

        line-height:1.05;
    }

}

@media(max-width:768px){

    .container{
        width:min(92%,92%);
    }

    .ak-specialties-grid,
    .ak-projects-grid,
    .ak-stats-grid{
        grid-template-columns:1fr;
    }

    .ak-hero-buttons,
    .ak-about-buttons{
        flex-direction:column;
    }

    .ak-btn-primary,
    .ak-btn-secondary,
    .ak-btn-lattes{
        width:100%;
    }

    .ak-hero-title{
        font-size:36px;

        letter-spacing:-2px;
    }

    .ak-section-title,
    .ak-about-title{
        font-size:34px;

        line-height:1.1;
    }

}
```

/* =========================================
STATS
========================================= */

.ak-stats-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:36px;
}

.ak-stat-box{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.05);
border-radius:22px;
padding:26px;
transition:.35s ease;
}

.ak-stat-box:hover{
transform:translateY(-4px);
border-color:rgba(29,155,240,.18);
box-shadow:0 14px 30px rgba(0,0,0,.18);
}

.ak-stat-box strong{
display:block;
font-size:28px;
margin-bottom:10px;
font-weight:800;
}

.ak-stat-box span{
color:rgba(255,255,255,.60);
font-size:15px;
}

/* =========================================
BANNER PRINCIPAL
========================================= */

.ak-banner-principal{
width:100%;
overflow:hidden;
background:#020817;
}

.ak-banner-img{
width:100%;
display:block;
}

/* =========================================
AJUSTES GLOBAIS PREMIUM
========================================= */

img{
max-width:100%;
}

button,
a{
-webkit-tap-highlight-color:transparent;
}

::selection{
background:rgba(29,155,240,.25);
color:#fff;
}

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-track{
background:#020817;
}

::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#1d9bf0,#2563eb);
border-radius:999px;
}

::-webkit-scrollbar-thumb:hover

.ak-project-card,
.ak-specialty-card,
.ak-contact-platform,
.ak-btn-primary,
.ak-btn-secondary,
.ak-btn-lattes,
.ak-logo{
will-change:transform;
}

.ak-project-card p,
.ak-specialty-card p,
.ak-about-content p,
.ak-hero-description{
text-wrap:pretty;
}

.ak-section-title,
.ak-about-title,
.ak-hero-title,
.ak-project-card h3,
.ak-specialty-card h3{
text-wrap:balance;
}

```

/* =========================================
   CONTACT PREMIUM
========================================= */

.ak-contact{

    background:
    radial-gradient(
        circle at top right,
        rgba(124,58,237,.18),
        transparent 30%
    ),
    #030712;
}

.ak-contact-box{
    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;
}

.ak-contact-platforms{
    display:flex;

    flex-direction:column;

    gap:16px;
}

.ak-contact-platform{
    display:flex;

    align-items:center;

    gap:18px;

    padding:22px;

    border-radius:24px;

    text-decoration:none;

    background:rgba(255,255,255,.03);

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

    transition:.35s ease;

    backdrop-filter:blur(12px);
}

.ak-contact-platform:hover{

    transform:translateY(-5px);

    border-color:rgba(29,155,240,.22);

    box-shadow:
    0 18px 40px rgba(0,0,0,.22);
}

/* =========================================
   CONTACT CARD CLEAN
========================================= */

.ak-contact-text{

    max-width:760px;

    margin-top:18px;

    font-size:15px;

    line-height:1.85;

}

.ak-contact-links{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:34px;

}

.ak-contact-card{

    padding:34px;

    border-radius:28px;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.02)
    );

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

}

.ak-contact-card h3{

    font-size:34px;

    line-height:1.08;

    letter-spacing:-2px;

    margin-bottom:18px;

    font-weight:800;

    max-width:420px;

}

.ak-contact-card p{

    font-size:14px;

    line-height:1.85;

    color:rgba(255,255,255,.68);

    max-width:460px;

    margin-bottom:32px;

}

.ak-contact-actions{

    display:flex;

    gap:14px;

    flex-wrap:wrap;

}

.ak-contact-actions .ak-btn-secondary{

    display:flex;

    align-items:center;

    gap:10px;

}

/* RESPONSIVO */

@media(max-width:768px){

    .ak-contact-card{

        padding:28px;

    }

    .ak-contact-card h3{

        font-size:30px;

    }

    .ak-contact-actions{

        flex-direction:column;

    }

    .ak-contact-actions a{

        width:100%;

    }

}

/*====================================

ICONS

=======================================*/

.ak-platform-icon{
    width:64px;
    height:64px;

    border-radius:20px;

    display:flex;

    align-items:center;
    justify-content:center;

    flex-shrink:0;

    background:#0f172a;

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

.ak-platform-icon i{
    font-size:26px;
    color:#fff;
}

/* CORES DOS ÍCONES */

.ak-linkedin i{
    color:#0A66C2;
}

.ak-lattes i{
    color:#1d9bf0;
}

.ak-orcid i{
    color:#A6CE39;
}

.ak-whatsapp i{
    color:#25D366;
}

.ak-platform-content span{
    display:block;

    margin-bottom:6px;

    color:#a78bfa;

    font-size:12px;
    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;
}

.ak-platform-content strong{
    font-size:18px;

    color:#fff;

    line-height:1.3;
}
body{
    font-family:'Plus Jakarta Sans',sans-serif;
}

/* =========================================
   BANNER ORIGINAL PREMIUM
========================================= */

.ak-banner-premium{

    position:relative;

    overflow:hidden;

    background:#020817;

    border-bottom:1px solid rgba(255,255,255,.04);

    margin-bottom:-2px;

}

/* IMAGEM */

.ak-banner-bg{

    width:100%;

    display:block;

    vertical-align:middle;

}

/* OVERLAY */

.ak-banner-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(2,8,23,0) 0%,
        rgba(2,8,23,.12) 58%,
        rgba(2,8,23,.96) 100%
    );

}

/* LINKS */

.ak-banner-bottom{

    position:absolute;

    left:50%;
    bottom:28px;

    transform:translateX(-50%);

    display:grid;

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

    gap:14px;

    width:min(1200px,92%);

}

/* BOTÕES */

.ak-banner-link{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    height:64px;

    padding:0 20px;

    border-radius:18px;

    text-decoration:none;

    background:
    rgba(6,16,32,.72);

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

    backdrop-filter:blur(6px);

    transition:.3s ease;

    box-shadow:
    0 10px 30px rgba(0,0,0,.22);

}

/* HOVER */

.ak-banner-link:hover{

    transform:translateY(-3px);

    border-color:rgba(29,155,240,.24);

    background:
    rgba(8,22,44,.82);

}

/* ÍCONES */

.ak-banner-link i{

    font-size:18px;

    color:#4bb5ff;

}

/* TEXTO */

.ak-banner-link span{

    color:#fff;

    font-size:15px;

    font-weight:700;

}

/* RESPONSIVO */

@media(max-width:992px){

    .ak-banner-bottom{

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

    }

}

@media(max-width:768px){

    .ak-banner-bottom{

        position:relative;

        left:auto;
        bottom:auto;

        transform:none;

        grid-template-columns:1fr;

        margin-top:-10px;

        padding-bottom:20px;

    }

    .ak-banner-link{

        height:58px;

    }

}
/* =========================================
   NUMBERS / INDICADORES
========================================= */

.ak-numbers{

    padding:32px 0;

    position:relative;

}

.ak-numbers-grid{

    display:grid;

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

    gap:18px;

    margin-top:48px;

}

.ak-number-card{

    position:relative;

    padding:28px 22px;

    border-radius:24px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #071427 0%,
        #040b18 100%
    );

    border:1px solid rgba(64,140,255,.10);

    transition:.35s ease;

    min-height:260px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    backdrop-filter:blur(10px);

}

.ak-number-card::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1d9bf0,
        #60a5fa
    );

    opacity:.85;

}

.ak-number-card:hover{

    transform:translateY(-6px);

    border-color:rgba(64,140,255,.22);

    box-shadow:
    0 16px 38px rgba(0,40,120,.18);

    background:
    linear-gradient(
        180deg,
        #0a1b34 0%,
        #06101f 100%
    );

}

/* ÍCONE */

.ak-number-icon{

    width:64px;
    height:64px;

    border-radius:20px;

    display:flex;

    align-items:center;
    justify-content:center;

    margin-bottom:24px;

    background:
    linear-gradient(
        135deg,
        #1d9bf0 0%,
        #2563eb 100%
    );

    box-shadow:
    0 10px 28px rgba(29,155,240,.20);

}

.ak-number-icon i{

    font-size:26px;

    color:#fff;

}

/* TÍTULO */

.ak-number-card h3{

    font-size:20px;

    line-height:1.25;

    letter-spacing:-0.5px;

    margin-bottom:18px;

    font-weight:800;

    color:#fff;

}

/* TEXTO */

.ak-number-card span{

    display:block;

    font-size:14px;

    line-height:1.8;

    color:rgba(255,255,255,.68);

}

/* RESPONSIVO */

@media(max-width:992px){

    .ak-numbers-grid{

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

    }

}

@media(max-width:768px){

    .ak-numbers-grid{

        grid-template-columns:1fr;

    }

}/* =========================================
   CONTACT GRID FINAL
========================================= */

.ak-contact-links,
.ak-contact-grid{

    display:grid !important;

    grid-template-columns:repeat(2,minmax(0,1fr)) !important;

    gap:22px;

    width:100%;

}

/* CARD */

.ak-contact-platform{

    width:100% !important;

    min-height:140px;

    display:flex;

    align-items:center;

    gap:20px;

    padding:28px !important;

    border-radius:26px;

}

/* ÍCONE */

.ak-platform-icon{

    width:72px !important;
    height:72px !important;

    border-radius:22px;

    flex-shrink:0;

}

/* TEXTO */

.ak-platform-content{

    flex:1;

}

.ak-platform-content span{

    display:block;

    margin-bottom:8px;

}

.ak-platform-content strong{

    display:block;

    line-height:1.4;

    font-size:18px;

}

/* RESPONSIVO */

@media(max-width:768px){

    .ak-contact-links,
    .ak-contact-grid{

        grid-template-columns:1fr !important;

    }

}/* =========================================
   CONTACT PREMIUM
========================================= */

.ak-contact{

    position:relative;

    padding:32px 0 80px;

}

/* GRID */

.ak-contact-grid{

    display:grid;

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

    gap:24px;

    margin-top:48px;

}

/* CARD */

.ak-contact-platform{

    position:relative;

    display:flex;

    gap:24px;

    padding:32px;

    border-radius:28px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #071427 0%,
        #040b18 100%
    );

    border:1px solid rgba(64,140,255,.10);

    transition:.35s ease;

    min-height:100%;

}

.ak-contact-platform:hover{

    transform:translateY(-6px);

    border-color:rgba(64,140,255,.22);

    box-shadow:
    0 18px 40px rgba(0,40,120,.18);

}

/* TOPO */

.ak-contact-platform::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1d9bf0,
        #60a5fa
    );

    opacity:.85;

}

/* ÍCONE */

.ak-platform-icon{

    width:80px;
    height:80px;

    border-radius:24px;

    flex-shrink:0;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
    linear-gradient(
        135deg,
        #101f3d 0%,
        #0b1630 100%
    );

    border:1px solid rgba(64,140,255,.10);

}

.ak-platform-icon i{

    font-size:34px;

}

/* CORES */

.ak-linkedin i{
    color:#1d9bf0;
}

.ak-lattes i{
    color:#3ea6ff;
}

.ak-orcid i{
    color:#a3e635;
}

.ak-whatsapp i{
    color:#00e676;
}

/* CONTEÚDO */

.ak-platform-content{

    flex:1;

}

.ak-platform-content span{

    display:block;

    margin-bottom:10px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#b18cff;

}

.ak-platform-content strong{

    display:block;

    margin-bottom:18px;

    font-size:22px;

    line-height:1.3;

    font-weight:800;

    color:#fff;

}

/* EXTRA */

.ak-platform-extra{

    margin-top:18px;

}

/* TEXTO */

.ak-platform-extra p{

    margin-bottom:22px;

    font-size:15px;

    line-height:1.9;

    color:rgba(255,255,255,.68);

}

/* AÇÕES */

.ak-platform-actions{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}

/* BOTÕES */

.ak-platform-btn,
.ak-platform-pdf{

    display:inline-flex;

    align-items:center;

    gap:10px;

    height:46px;

    padding:0 18px;

    border-radius:14px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

}

/* BOTÃO PRINCIPAL */

.ak-platform-btn{

    color:#fff;

    background:
    linear-gradient(
        135deg,
        #1d9bf0,
        #2563eb
    );

}

.ak-platform-btn:hover{

    transform:translateY(-2px);

    box-shadow:
    0 10px 24px rgba(29,155,240,.22);

}

/* PDF */

.ak-platform-pdf{

    color:#fff;

    background:
    rgba(255,255,255,.06);

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

}

.ak-platform-pdf:hover{

    background:
    rgba(255,255,255,.10);

}

/* RESPONSIVO */

@media(max-width:992px){

    .ak-contact-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .ak-contact-platform{

        flex-direction:column;

    }

}
/* =========================================
   HEADER SOCIAL
========================================= */

.ak-header-social{

    display:flex;

    align-items:center;

    gap:10px;

}

/* LINK */

.ak-social-link{

    width:42px;
    height:42px;

    border-radius:14px;

    display:flex;

    align-items:center;
    justify-content:center;

    text-decoration:none;

    background:
    rgba(255,255,255,.04);

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

    transition:.3s ease;

}

/* HOVER */

.ak-social-link:hover{

    transform:translateY(-3px);

    background:
    rgba(255,255,255,.08);

    border-color:
    rgba(29,155,240,.28);

    box-shadow:
    0 10px 24px rgba(29,155,240,.14);

}

/* ÍCONES */

.ak-social-link i{

    font-size:16px;

}

/* CORES */

.ak-linkedin i{
    color:#1d9bf0;
}

.ak-lattes i{
    color:#60a5fa;
}

.ak-orcid i{
    color:#a3e635;
}
/* =========================================
   LOGO IMAGE
========================================= */

.ak-logo{

    display:flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    flex-shrink:0;

}

.ak-logo img{

    width:100%;

    height:100%;

    object-fit:contain;

    border-radius:18px;

    transition:.3s ease;

}

.ak-logo:hover img{

    transform:scale(1.04);

}
/* =========================================
   FOOTER
========================================= */

.ak-footer{

    padding:28px 0;

    background:
    linear-gradient(
        90deg,
        #020617 0%,
        #06122e 50%,
        #020617 100%
    );

    border-top:
    1px solid rgba(255,255,255,.05);

}

.ak-footer-content{

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.ak-footer-content p{

    margin:0;

    font-size:14px;

    font-weight:500;

    color:
    rgba(255,255,255,.58);

    letter-spacing:.3px;

}