* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
}
.page-container {
    max-width: 534px;
    width: 100%;
    text-align: center;
}
.logo { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; }
.banner { width: 100%; max-height: 200px; object-fit: cover; border-radius: 12px; margin-bottom: 1.5rem; }
.page-title { font-size: 2rem; /*margin-bottom: 1.5rem;*/color: #1a1a2e; }
.elements { display: flex; flex-direction: column; gap: 1rem;margin-top: 24px;}
.element-header {
    color: #16213e;
    font-weight: 600;
    margin: 0.5rem 0;
}
.link-item {
    display: flex;
    align-items: center;
    background: white;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    text-decoration: none;
    color: #0f3460;
    transition: transform 0.2s, box-shadow 0.2s;
    gap: 1rem;
}
.link-item:hover { transform: translateY(-2px); box-shadow: 0 10px 15px rgba(0,0,0,0.1); }
.icon { font-size: 1.5rem; width: 30px; text-align: center; color: #e94560; }
.link-title { flex: 1; font-weight: 500; }
.link-desc { color: #555; font-size: 0.8rem; display: block; }
.page-footer {
    margin-top: 2rem;
    color: #555;
    font-size: 0.9rem;
}
@media (max-width: 480px) {
    .page-title { font-size: 1.5rem; }
    .link-item { padding: 0.8rem 1rem; }
}
.element-banner {
    margin: 1rem 0;
    text-align: center;
}
.banner-img {
    width: 100%;
    max-width: 534px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.banner-caption {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #555;
}
.element-banner { margin: 1rem 0; text-align: center; }
.element-banner a { display: block; }
.banner-caption { margin-top: 0.5rem; font-size: 0.9rem; color: #555; }
.page-subtitle {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 1.5rem;
    text-align: center;
}