* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

body {
    background-color: #525659;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.page {
    background: white;
    width: 210mm;
    min-height: 297mm;
    padding: 8mm 15mm;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    display: flex;
    gap: 15px;
    color: #333;
}

.left-col { flex: 6.5; }

.right-col {
    flex: 3.5;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

h1 { font-size: 28px; text-transform: uppercase; letter-spacing: 1px; color: #000; }

.subtitle { font-size: 13px; color: #007bff; font-weight: 600; margin-bottom: 8px; }

.contact-info { font-size: 10px; display: flex; flex-direction: column; gap: 5px; margin-bottom: 16px; }
.contact-info a { color: #555; text-decoration: none; display: flex; align-items: center; }
.contact-info a:hover { color: #000; }

.section-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 2px solid #000;
    padding-top: 5px;
    margin-bottom: 7px;
    margin-top: 12px;
    color: #000;
}

.item { margin-bottom: 9px; }
.item-title { font-weight: 600; font-size: 12.5px; color: #000; }
.item-subtitle { font-size: 11.5px; color: #007bff; font-weight: 500; }
.item-date { font-size: 10px; color: #666; margin-bottom: 3px; }

ul { padding-left: 15px; font-size: 10.5px; line-height: 1.35; color: #444; }
li { margin-bottom: 2px; }

p { font-size: 10.5px; line-height: 1.4; color: #444; }

.links-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-size: 11px; }
.link-item strong { display: block; color: #000; font-size: 11px; }
.link-item a { color: #666; text-decoration: none; font-size: 10px; word-break: break-all; }

.photo-container { width: 105px; height: 105px; border-radius: 50%; overflow: hidden; margin: 0 auto 6px auto; border: 1px solid #eee; }
.photo-container img { width: 100%; height: 100%; object-fit: cover; }

.language-item { margin-bottom: 5px; font-size: 11px; }
.language-name { font-weight: 600; color: #000; margin-bottom: 1px; }
.language-level { color: #666; font-size: 10px; display: flex; justify-content: space-between; align-items: center; }
.dots { color: #ccc; font-size: 13px; letter-spacing: 2px; }
.dots .active { color: #007bff; }

.skills-container { display: flex; flex-wrap: wrap; gap: 3px; }
.skill-badge { padding: 2px 0; border-bottom: 1px solid #ddd; width: 100%; color: #333; font-weight: 500; font-size: 10.5px; }

.item ul li a { color: #444; text-decoration: none; font-weight: normal; }
.item ul li a:hover { text-decoration: underline; }

@media print {
    body { background: none; padding: 0; }
    .page { box-shadow: none; width: 100%; height: 100%; }
}