header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.tab-page {
    display: none;
}

.tab-page.active {
    display: block;
}

/* page layout */
.page-wrap{
    max-width:1100px;
    margin:auto;
    padding:60px 25px 80px;
}

.page-header{
    margin-bottom:40px;
}

.page-title{
    font-size:32px;
    color:var(--primary-color);
    margin-bottom:10px;
    text-shadow:var(--glow-shadow);
}

.page-subtitle{
    opacity:.75;
    font-size:14px;
}

.page-card{
    background:var(--panel-bg);
    border:1px solid var(--border-color);
    border-radius:12px;
    padding:28px;
    margin-bottom:25px;
}

.page-card p{
    line-height:1.8;
    color:var(--text-color);
    opacity:.9;
}
.page-card p:first-child {
    color: var(--secondary-color);
}

.page-card ul{
    margin-top:15px;
    padding-right:18px;
}

.page-card li{
    margin-bottom:8px;
}

.page-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.feature-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.feature-item{
    background:var(--panel-bg);
    border:1px solid var(--border-color);
    border-radius:10px;
    padding:18px;
    line-height:1.6;
}

.muted{
    opacity:.7;
}

.contact-box{
    background:var(--panel-bg);
    border:1px dashed var(--border-color);
    border-radius:10px;
    padding:20px;
}

.center-text{
    text-align:center;
}

@media(max-width:750px){

.page-grid{
grid-template-columns:1fr;
}

.feature-list{
grid-template-columns:1fr;
}

}

a {
    cursor: pointer;
}