@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

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

/* RAHSIA SCROLL SNAP (Kesan seperti dalam video) */
html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #2a2a2a; 
    overflow-x: hidden;
}

/* KOTAK LUARAN (Setiap muka surat kini mengambil saiz penuh skrin) */
.panel {
    height: 100vh; /* Wajib 100vh supaya snap berfungsi dengan tepat */
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    
    /* Arahan untuk berhenti tepat di tengah skrin setiap kali ditatal */
    scroll-snap-align: center; 
    scroll-snap-stop: always; 
}

/* HELAIAN A4 DIGITAL */
.a4-page {
    background-color: #eae6e3; 
    color: #2742cc; 
    
    width: 100%;
    max-width: 900px; 
    aspect-ratio: 21 / 29.7; 
    container-type: inline-size; 
    position: relative;
    overflow: hidden;
    
    box-shadow: 0 25px 60px rgba(0,0,0,0.3); 
}

/* TEKS GERGASI DI LATAR BELAKANG */
.bg-text {
    font-size: 26cqw;
    font-weight: 900;
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 0.75;
    letter-spacing: -0.5cqw;
    z-index: 0;
}
.bg-text.top {
    top: -3.5cqw;
}
.bg-text.bottom {
    bottom: -3cqw;
}

/* NOMBOR HALAMAN (01, 02, 03) */
.page-number {
    position: absolute;
    bottom: -3cqw;
    right: 2cqw;
    font-size: 16cqw;
    font-weight: 900;
    line-height: 0.8;
    z-index: 0;
}

/* GRID UTAMA KANDUNGAN */
.grid-main {
    display: grid;
    grid-template-columns: 26cqw 1fr;
    padding: 0 6cqw;
    z-index: 1;
    position: relative;
}

/* JARAK DARI ATAS */
.mt-top { margin-top: 27cqw; } 
.mt-top-skills { margin-top: 29cqw; }
.mt-body { margin-top: 6cqw; }
.mt-section { margin-top: 8cqw; }
.mt-section-skills { margin-top: 10cqw; }

/* TIPOGRAFI MUKA DEPAN (SURAT PERMOHONAN) */
.contact-header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2cqw;
}
.contact-col p {
    font-size: 1.25cqw;
    line-height: 1.6;
    font-weight: 500;
}
.contact-col p.bold-text {
    font-weight: 700;
}

.section-label {
    font-size: 1.4cqw;
    font-weight: 800;
    letter-spacing: 0.15cqw;
    text-transform: uppercase;
}

.letter-body p {
    font-size: 1.65cqw;
    line-height: 1.6;
    margin-bottom: 2.5cqw;
    font-weight: 500;
}

/* GAYA TANDATANGAN */
.signature {
    font-family: 'Homemade Apple', cursive; 
    font-size: 3.5cqw !important;
    font-weight: 400 !important;
    margin-top: 3cqw;
    letter-spacing: 0;
}

/* TIPOGRAFI RESUME (PROFIL) */
.name-title {
    font-size: 3.5cqw;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.1cqw;
}

.summary-text {
    font-size: 1.65cqw;
    line-height: 1.6;
    font-weight: 500;
}

/* SUSUNAN PENGALAMAN, CASE STUDIES & PENDIDIKAN */
.item-split {
    display: grid;
    grid-template-columns: 20cqw 1fr; 
    gap: 2.5cqw;
    margin-bottom: 4cqw;
}
.item-split.edu {
    margin-bottom: 3.5cqw;
}

.item-meta h4 {
    font-size: 1.5cqw;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.6cqw;
}
.item-meta .company {
    font-size: 1.25cqw;
    font-weight: 600;
}
.item-meta .date {
    font-size: 0.9cqw;
    font-weight: 700;
    margin-top: 1cqw;
    text-transform: uppercase;
    opacity: 0.8;
}

.item-desc p {
    font-size: 1.4cqw;
    line-height: 1.6;
    font-weight: 500;
}

/* GRID KEMAHIRAN & MINAT (3 Lajur) */
.skills-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3cqw;
}
.skill-group h4 {
    font-size: 1.4cqw;
    font-weight: 700;
    margin-bottom: 1.5cqw;
}
.skill-group p {
    font-size: 1.3cqw;
    line-height: 1.8;
    font-weight: 500;
}