Halaman Utama: Perbedaan antara revisi

Dari Doku Nihla
Loncat ke navigasi Loncat ke pencarian
Tidak ada ringkasan suntingan
Tidak ada ringkasan suntingan
Baris 1: Baris 1:
<div class="nasika-welcome">


Catatan kuliah
<style>
/* =========================================================
  CATATAN KULIAH NASIKA NIHLA
  MediaWiki Custom Styling
  ========================================================= */
 
.nasika-welcome {
    --pink: #d96b9b;
    --pink-dark: #b84d7d;
    --pink-soft: #fde8f1;
    --rose: #f5b6cb;
    --purple: #9b82c9;
    --purple-soft: #eee8fa;
    --text: #3f3440;
    --muted: #756875;
    --white: #ffffff;
    --card: rgba(255,255,255,.82);
    --border: rgba(217,107,155,.18);
    --shadow: 0 15px 45px rgba(119,63,91,.12);
 
    max-width: 1150px;
    margin: 25px auto;
    padding: 0 15px 40px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--text);
}
 
/* HERO */
.nasika-hero {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 60px 35px;
    text-align: center;
    background:
        radial-gradient(circle at 15% 20%, rgba(255,255,255,.85), transparent 25%),
        radial-gradient(circle at 85% 80%, rgba(255,255,255,.7), transparent 25%),
        linear-gradient(135deg, #fbd7e5, #eee1fa 55%, #f8dce9);
    box-shadow: var(--shadow);
    border: 1px solid rgba(255,255,255,.8);
}
 
.nasika-hero:before,
.nasika-hero:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(3px);
    opacity: .45;
    animation: floating 7s ease-in-out infinite;
}
 
.nasika-hero:before {
    width: 180px;
    height: 180px;
    background: #ffffff;
    left: -70px;
    top: -70px;
}
 
.nasika-hero:after {
    width: 220px;
    height: 220px;
    background: #e7c9f5;
    right: -90px;
    bottom: -90px;
    animation-delay: 2s;
}
 
.nasika-flower {
    font-size: 38px;
    margin-bottom: 10px;
    animation: heartbeat 3s ease-in-out infinite;
}
 
.nasika-hero h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: clamp(32px, 6vw, 58px);
    font-weight: 800;
    letter-spacing: -1px;
    background: linear-gradient(90deg, #b84d7d, #8c70bd, #d96b9b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 
.nasika-subtitle {
    position: relative;
    z-index: 2;
    margin: 12px auto 0;
    max-width: 700px;
    color: #675566;
    font-size: 17px;
    line-height: 1.7;
}
 
.nasika-badge {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-top: 22px;
    padding: 9px 20px;
    border-radius: 999px;
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(255,255,255,.9);
    color: var(--pink-dark);
    font-weight: 700;
    box-shadow: 0 8px 25px rgba(120,70,100,.10);
}
 
/* PROFILE */
.nasika-profile {
    margin-top: -35px;
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 28px;
    align-items: center;
    padding: 30px;
    border-radius: 25px;
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    backdrop-filter: blur(12px);
}
 
.nasika-avatar {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 55px;
    background: linear-gradient(145deg, #f6bdd2, #ded0f4);
    border: 6px solid rgba(255,255,255,.85);
    box-shadow: 0 10px 30px rgba(139,77,113,.18);
}
 
.nasika-profile h2 {
    margin: 0 0 5px;
    font-size: 28px;
    color: var(--pink-dark);
}
 
.nasika-position {
    display: inline-block;
    margin: 3px 0 15px;
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--pink-soft);
    color: var(--pink-dark);
    font-size: 14px;
    font-weight: 700;
}
 
.nasika-profile p {
    margin: 0;
    color: var(--muted);
    line-height: 1.8;
}
 
/* SECTION */
.nasika-section {
    margin-top: 35px;
}
 
.nasika-section-title {
    text-align: center;
    margin-bottom: 22px;
}
 
.nasika-section-title .icon {
    display: block;
    font-size: 27px;
    margin-bottom: 5px;
}
 
.nasika-section-title h2 {
    margin: 0;
    color: var(--pink-dark);
    font-size: 29px;
}
 
.nasika-section-title p {
    margin: 7px 0 0;
    color: var(--muted);
}
 
/* CARD */
.nasika-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 28px;
    box-shadow: var(--shadow);
    transition: transform .3s ease, box-shadow .3s ease;
}
 
.nasika-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(119,63,91,.17);
}
 
.nasika-card h3 {
    margin-top: 0;
    color: var(--pink-dark);
    font-size: 21px;
}
 
.nasika-card p {
    line-height: 1.85;
    color: var(--muted);
}
 
/* INFORMATION GRID */
.nasika-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
 
.nasika-info-item {
    padding: 25px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(253,232,241,.9), rgba(238,232,250,.9));
    border: 1px solid rgba(217,107,155,.12);
    transition: transform .3s ease;
}
 
.nasika-info-item:hover {
    transform: translateY(-5px);
}
 
.nasika-info-icon {
    font-size: 30px;
    margin-bottom: 10px;
}
 
.nasika-info-item strong {
    display: block;
    margin-bottom: 8px;
    color: var(--pink-dark);
    font-size: 16px;
}
 
.nasika-info-item span {
    color: var(--muted);
    line-height: 1.7;
}
 
/* ACTIVITIES */
.nasika-activities {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
 
.nasika-activity {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border-radius: 22px;
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    transition: all .3s ease;
}
 
.nasika-activity:hover {
    transform: translateY(-6px);
}
 
.nasika-activity:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    right: -35px;
    top: -35px;
    background: var(--pink-soft);
}
 
.nasika-activity-icon {
    position: relative;
    z-index: 2;
    font-size: 38px;
    margin-bottom: 10px;
}
 
.nasika-activity h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 8px;
    color: var(--pink-dark);
}
 
.nasika-activity p {
    position: relative;
    z-index: 2;
    color: var(--muted);
    line-height: 1.8;
}
 
/* CTA */
.nasika-cta {
    margin-top: 35px;
    padding: 35px 25px;
    border-radius: 25px;
    text-align: center;
    background: linear-gradient(135deg, #d96b9b, #9b82c9);
    color: white;
    box-shadow: 0 20px 50px rgba(154,99,137,.25);
}
 
.nasika-cta h2 {
    margin: 0 0 10px;
    font-size: 28px;
}
 
.nasika-cta p {
    margin: 0 auto 20px;
    max-width: 650px;
    line-height: 1.7;
    opacity: .95;
}
 
.nasika-instagram {
    display: inline-block;
    padding: 12px 23px;
    border-radius: 999px;
    background: white;
    color: #b84d7d !important;
    text-decoration: none !important;
    font-weight: 700;
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
    transition: transform .25s ease;
}
 
.nasika-instagram:hover {
    transform: scale(1.05);
}
 
/* FOOTER */
.nasika-footer {
    margin-top: 35px;
    padding: 25px;
    text-align: center;
    color: var(--muted);
    font-size: 14px;
}
 
.nasika-footer strong {
    color: var(--pink-dark);
}
 
/* ANIMATIONS */
@keyframes floating {
    0%,100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-18px) rotate(8deg);
    }
}
 
@keyframes heartbeat {
    0%,100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.12);
    }
}
 
/* RESPONSIVE */
@media (max-width: 800px) {
 
    .nasika-profile {
        grid-template-columns: 1fr;
        text-align: center;
        margin-top: 20px;
    }
 
    .nasika-info-grid {
        grid-template-columns: 1fr;
    }
 
    .nasika-activities {
        grid-template-columns: 1fr;
    }
 
    .nasika-hero {
        padding: 45px 20px;
    }
}
 
@media (max-width: 500px) {
 
    .nasika-welcome {
        padding: 0 8px 30px;
    }
 
    .nasika-hero {
        border-radius: 22px;
    }
 
    .nasika-profile,
    .nasika-card,
    .nasika-activity {
        padding: 22px;
        border-radius: 18px;
    }
 
    .nasika-avatar {
        width: 105px;
        height: 105px;
        font-size: 43px;
    }
}
</style>
 
 
<!-- =========================================================
    HERO
    ========================================================= -->
 
<div class="nasika-hero">
 
    <div class="nasika-flower">🌸</div>
 
    <h1>Catatan Kuliah Nasika Nihla</h1>
 
    <div class="nasika-subtitle">
        Selamat datang di ruang digital tempat menyimpan,
        merangkum, dan berbagi catatan perjalanan perkuliahan
        Nasika Nihla.
    </div>
 
    <div class="nasika-badge">
        ✨ Catatan • Pembelajaran • Perjalanan Kuliah ✨
    </div>
 
</div>
 
 
<!-- =========================================================
    PROFILE NASIKA
    ========================================================= -->
 
<div class="nasika-profile">
 
    <div class="nasika-avatar">
        🌷
    </div>
 
    <div>
 
        <h2>Nasika Nihla</h2>
 
        <div class="nasika-position">
            👑 Ketua Panglima Nganjuk Periode 2026/2027
        </div>
 
        <p>
            Selamat datang di <strong>Catatan Kuliah Nasika Nihla</strong>.
            Halaman ini menjadi ruang untuk mendokumentasikan berbagai
            catatan, materi, pengalaman, dan perjalanan selama menjalani
            kehidupan perkuliahan.
        </p>
 
    </div>
 
</div>
 
 
<!-- =========================================================
    SELAMAT DATANG
    ========================================================= -->
 
<div class="nasika-section">
 
    <div class="nasika-section-title">
        <span class="icon">💗</span>
        <h2>Selamat Datang</h2>
        <p>Ruang kecil untuk menyimpan perjalanan besar.</p>
    </div>
 
    <div class="nasika-card">
 
        <h3>🌸 Halo, selamat datang!</h3>
 
        <p>
            Terima kasih sudah berkunjung ke halaman
            <strong>Catatan Kuliah Nasika Nihla</strong>.
        </p>
 
        <p>
            Halaman ini dibuat sebagai ruang dokumentasi digital untuk
            menyimpan berbagai hal yang berkaitan dengan perjalanan
            perkuliahan. Mulai dari materi yang dipelajari, catatan penting,
            pengalaman selama mengikuti kegiatan akademik, hingga berbagai
            hal menarik yang dapat menjadi kenangan dan sumber pembelajaran
            di kemudian hari.
        </p>
 
        <p>
            Semoga catatan-catatan yang tersedia di halaman ini tidak hanya
            menjadi arsip pribadi, tetapi juga dapat memberikan manfaat,
            inspirasi, dan referensi bagi siapa saja yang membutuhkannya.
        </p>
 
        <p>
            <strong>
                Selamat membaca, belajar, dan menikmati perjalanan
                di Catatan Kuliah Nasika Nihla. 🌷
            </strong>
        </p>
 
    </div>
 
</div>
 
 
<!-- =========================================================
    TENTANG PANGLIMA NGANJUK
    ========================================================= -->
 
<div class="nasika-section">
 
    <div class="nasika-section-title">
        <span class="icon">💐</span>
        <h2>Tentang Panglima Nganjuk</h2>
        <p>Paguyuban mahasiswa asal Kabupaten Nganjuk di Kota Malang.</p>
    </div>
 
    <div class="nasika-card">
 
        <p>
            <strong>Panglima Nganjuk</strong> merupakan
            <strong>Paguyuban Anak Nganjuk Kuliah di Malang</strong>,
            yaitu wadah perkumpulan mahasiswa asal Kabupaten Nganjuk
            yang sedang menempuh pendidikan tinggi di Kota Malang.
        </p>
 
        <p>
            Panglima Nganjuk hadir sebagai ruang untuk mempererat
            kebersamaan, membangun rasa kekeluargaan, serta menjadi
            tempat bagi mahasiswa asal Nganjuk di Malang untuk saling
            bertukar informasi dan pengalaman.
        </p>
 
        <p>
            Melalui berbagai kegiatan dan interaksi antaranggota,
            paguyuban ini diharapkan mampu menjadi rumah bersama bagi
            mahasiswa Nganjuk yang sedang menjalani kehidupan perantauan
            di Kota Malang.
        </p>
 
    </div>
 
</div>
 
 
<!-- =========================================================
    INFORMASI SINGKAT
    ========================================================= -->
 
<div class="nasika-section">
 
    <div class="nasika-section-title">
        <span class="icon">✨</span>
        <h2>Informasi Singkat</h2>
        <p>Mengenal lebih dekat Panglima Nganjuk.</p>
    </div>
 
    <div class="nasika-info-grid">
 
        <div class="nasika-info-item">
 
            <div class="nasika-info-icon">🎓</div>
 
            <strong>Kepanjangan</strong>
 
            <span>
                Paguyuban Anak Nganjuk Kuliah di Malang.
            </span>
 
        </div>
 
 
        <div class="nasika-info-item">
 
            <div class="nasika-info-icon">🤝</div>
 
            <strong>Fungsi</strong>
 
            <span>
                Menjalin kebersamaan, kekeluargaan, dan menjadi tempat
                saling berbagi informasi antar mahasiswa perantauan
                asal Nganjuk di Malang.
            </span>
 
        </div>
 
 
        <div class="nasika-info-item">
 
            <div class="nasika-info-icon">🌷</div>
 
            <strong>Ketua 2026/2027</strong>
 
            <span>
                Nasika Nihla sebagai Ketua Panglima Nganjuk
                Periode 2026/2027.
            </span>
 
        </div>
 
    </div>
 
</div>
 
 
<!-- =========================================================
    KEGIATAN RUTIN
    ========================================================= -->
 
<div class="nasika-section">
 
    <div class="nasika-section-title">
        <span class="icon">🌺</span>
        <h2>Kegiatan Rutin</h2>
        <p>Berbagai kegiatan untuk mempererat kebersamaan.</p>
    </div>
 
    <div class="nasika-activities">
 
        <div class="nasika-activity">
 
            <div class="nasika-activity-icon">🎉</div>
 
            <h3>SAMBA</h3>
 
            <p>
                <strong>Sambut Mahasiswa Baru (SAMBA)</strong> merupakan
                kegiatan penyambutan bagi mahasiswa baru asal Nganjuk
                yang baru datang dan mulai menjalani kehidupan perkuliahan
                di Kota Malang.
            </p>
 
            <p>
                Kegiatan ini menjadi salah satu kesempatan untuk
                memperkenalkan lingkungan paguyuban, membangun relasi,
                dan mempererat hubungan antara mahasiswa baru dengan
                mahasiswa Nganjuk lainnya.
            </p>
 
        </div>
 
 
        <div class="nasika-activity">
 
            <div class="nasika-activity-icon">💞</div>
 
            <h3>Open Recruitment</h3>
 
            <p>
                <strong>Open Recruitment</strong> merupakan kegiatan
                perekrutan anggota baru yang dilaksanakan secara berkala.
            </p>
 
            <p>
                Kegiatan ini menjadi bagian penting dalam proses regenerasi
                pengurus dan anggota Panglima Nganjuk agar keberlangsungan
                paguyuban dapat terus berjalan dari generasi ke generasi.
            </p>
 
        </div>
 
    </div>
 
</div>
 
 
<!-- =========================================================
    PENUTUP
    ========================================================= -->
 
<div class="nasika-cta">
 
    <h2>🌸 Terima Kasih Sudah Berkunjung 🌸</h2>
 
    <p>
        Semoga Catatan Kuliah Nasika Nihla dapat menjadi ruang
        untuk belajar, berbagi, dan mengabadikan setiap cerita
        dalam perjalanan perkuliahan.
    </p>
 
    <a
        class="nasika-instagram"
        href="https://www.instagram.com/panglimanganjuk/"
        target="_blank"
        rel="noopener noreferrer"
    >
        📷 Instagram Panglima Nganjuk
    </a>
 
</div>
 
 
<!-- =========================================================
    FOOTER
    ========================================================= -->
 
<div class="nasika-footer">
 
    🌷 <strong>Catatan Kuliah Nasika Nihla</strong>
 
    <br>
 
    Panglima Nganjuk • Periode 2026/2027
 
    <br>
 
    <span>
        Belajar • Berkarya • Berbagi • Bertumbuh
    </span>
 
</div>
 
</div>

Revisi per 12 September 2026 02.00

<style> /* =========================================================

  CATATAN KULIAH NASIKA NIHLA
  MediaWiki Custom Styling
  ========================================================= */

.nasika-welcome {

   --pink: #d96b9b;
   --pink-dark: #b84d7d;
   --pink-soft: #fde8f1;
   --rose: #f5b6cb;
   --purple: #9b82c9;
   --purple-soft: #eee8fa;
   --text: #3f3440;
   --muted: #756875;
   --white: #ffffff;
   --card: rgba(255,255,255,.82);
   --border: rgba(217,107,155,.18);
   --shadow: 0 15px 45px rgba(119,63,91,.12);
   max-width: 1150px;
   margin: 25px auto;
   padding: 0 15px 40px;
   font-family: "Segoe UI", Arial, sans-serif;
   color: var(--text);

}

/* HERO */ .nasika-hero {

   position: relative;
   overflow: hidden;
   border-radius: 30px;
   padding: 60px 35px;
   text-align: center;
   background:
       radial-gradient(circle at 15% 20%, rgba(255,255,255,.85), transparent 25%),
       radial-gradient(circle at 85% 80%, rgba(255,255,255,.7), transparent 25%),
       linear-gradient(135deg, #fbd7e5, #eee1fa 55%, #f8dce9);
   box-shadow: var(--shadow);
   border: 1px solid rgba(255,255,255,.8);

}

.nasika-hero:before, .nasika-hero:after {

   content: "";
   position: absolute;
   border-radius: 50%;
   filter: blur(3px);
   opacity: .45;
   animation: floating 7s ease-in-out infinite;

}

.nasika-hero:before {

   width: 180px;
   height: 180px;
   background: #ffffff;
   left: -70px;
   top: -70px;

}

.nasika-hero:after {

   width: 220px;
   height: 220px;
   background: #e7c9f5;
   right: -90px;
   bottom: -90px;
   animation-delay: 2s;

}

.nasika-flower {

   font-size: 38px;
   margin-bottom: 10px;
   animation: heartbeat 3s ease-in-out infinite;

}

.nasika-hero h1 {

   position: relative;
   z-index: 2;
   margin: 0;
   font-size: clamp(32px, 6vw, 58px);
   font-weight: 800;
   letter-spacing: -1px;
   background: linear-gradient(90deg, #b84d7d, #8c70bd, #d96b9b);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;

}

.nasika-subtitle {

   position: relative;
   z-index: 2;
   margin: 12px auto 0;
   max-width: 700px;
   color: #675566;
   font-size: 17px;
   line-height: 1.7;

}

.nasika-badge {

   position: relative;
   z-index: 2;
   display: inline-block;
   margin-top: 22px;
   padding: 9px 20px;
   border-radius: 999px;
   background: rgba(255,255,255,.75);
   border: 1px solid rgba(255,255,255,.9);
   color: var(--pink-dark);
   font-weight: 700;
   box-shadow: 0 8px 25px rgba(120,70,100,.10);

}

/* PROFILE */ .nasika-profile {

   margin-top: -35px;
   position: relative;
   z-index: 5;
   display: grid;
   grid-template-columns: 150px 1fr;
   gap: 28px;
   align-items: center;
   padding: 30px;
   border-radius: 25px;
   background: var(--card);
   border: 1px solid var(--border);
   box-shadow: var(--shadow);
   backdrop-filter: blur(12px);

}

.nasika-avatar {

   width: 130px;
   height: 130px;
   border-radius: 50%;
   margin: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 55px;
   background: linear-gradient(145deg, #f6bdd2, #ded0f4);
   border: 6px solid rgba(255,255,255,.85);
   box-shadow: 0 10px 30px rgba(139,77,113,.18);

}

.nasika-profile h2 {

   margin: 0 0 5px;
   font-size: 28px;
   color: var(--pink-dark);

}

.nasika-position {

   display: inline-block;
   margin: 3px 0 15px;
   padding: 7px 14px;
   border-radius: 999px;
   background: var(--pink-soft);
   color: var(--pink-dark);
   font-size: 14px;
   font-weight: 700;

}

.nasika-profile p {

   margin: 0;
   color: var(--muted);
   line-height: 1.8;

}

/* SECTION */ .nasika-section {

   margin-top: 35px;

}

.nasika-section-title {

   text-align: center;
   margin-bottom: 22px;

}

.nasika-section-title .icon {

   display: block;
   font-size: 27px;
   margin-bottom: 5px;

}

.nasika-section-title h2 {

   margin: 0;
   color: var(--pink-dark);
   font-size: 29px;

}

.nasika-section-title p {

   margin: 7px 0 0;
   color: var(--muted);

}

/* CARD */ .nasika-card {

   background: var(--card);
   border: 1px solid var(--border);
   border-radius: 22px;
   padding: 28px;
   box-shadow: var(--shadow);
   transition: transform .3s ease, box-shadow .3s ease;

}

.nasika-card:hover {

   transform: translateY(-6px);
   box-shadow: 0 20px 50px rgba(119,63,91,.17);

}

.nasika-card h3 {

   margin-top: 0;
   color: var(--pink-dark);
   font-size: 21px;

}

.nasika-card p {

   line-height: 1.85;
   color: var(--muted);

}

/* INFORMATION GRID */ .nasika-info-grid {

   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;

}

.nasika-info-item {

   padding: 25px;
   border-radius: 20px;
   background: linear-gradient(145deg, rgba(253,232,241,.9), rgba(238,232,250,.9));
   border: 1px solid rgba(217,107,155,.12);
   transition: transform .3s ease;

}

.nasika-info-item:hover {

   transform: translateY(-5px);

}

.nasika-info-icon {

   font-size: 30px;
   margin-bottom: 10px;

}

.nasika-info-item strong {

   display: block;
   margin-bottom: 8px;
   color: var(--pink-dark);
   font-size: 16px;

}

.nasika-info-item span {

   color: var(--muted);
   line-height: 1.7;

}

/* ACTIVITIES */ .nasika-activities {

   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;

}

.nasika-activity {

   position: relative;
   overflow: hidden;
   padding: 28px;
   border-radius: 22px;
   background: var(--card);
   border: 1px solid var(--border);
   box-shadow: var(--shadow);
   transition: all .3s ease;

}

.nasika-activity:hover {

   transform: translateY(-6px);

}

.nasika-activity:after {

   content: "";
   position: absolute;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   right: -35px;
   top: -35px;
   background: var(--pink-soft);

}

.nasika-activity-icon {

   position: relative;
   z-index: 2;
   font-size: 38px;
   margin-bottom: 10px;

}

.nasika-activity h3 {

   position: relative;
   z-index: 2;
   margin: 0 0 8px;
   color: var(--pink-dark);

}

.nasika-activity p {

   position: relative;
   z-index: 2;
   color: var(--muted);
   line-height: 1.8;

}

/* CTA */ .nasika-cta {

   margin-top: 35px;
   padding: 35px 25px;
   border-radius: 25px;
   text-align: center;
   background: linear-gradient(135deg, #d96b9b, #9b82c9);
   color: white;
   box-shadow: 0 20px 50px rgba(154,99,137,.25);

}

.nasika-cta h2 {

   margin: 0 0 10px;
   font-size: 28px;

}

.nasika-cta p {

   margin: 0 auto 20px;
   max-width: 650px;
   line-height: 1.7;
   opacity: .95;

}

.nasika-instagram {

   display: inline-block;
   padding: 12px 23px;
   border-radius: 999px;
   background: white;
   color: #b84d7d !important;
   text-decoration: none !important;
   font-weight: 700;
   box-shadow: 0 8px 25px rgba(0,0,0,.15);
   transition: transform .25s ease;

}

.nasika-instagram:hover {

   transform: scale(1.05);

}

/* FOOTER */ .nasika-footer {

   margin-top: 35px;
   padding: 25px;
   text-align: center;
   color: var(--muted);
   font-size: 14px;

}

.nasika-footer strong {

   color: var(--pink-dark);

}

/* ANIMATIONS */ @keyframes floating {

   0%,100% {
       transform: translateY(0) rotate(0deg);
   }
   50% {
       transform: translateY(-18px) rotate(8deg);
   }

}

@keyframes heartbeat {

   0%,100% {
       transform: scale(1);
   }
   50% {
       transform: scale(1.12);
   }

}

/* RESPONSIVE */ @media (max-width: 800px) {

   .nasika-profile {
       grid-template-columns: 1fr;
       text-align: center;
       margin-top: 20px;
   }
   .nasika-info-grid {
       grid-template-columns: 1fr;
   }
   .nasika-activities {
       grid-template-columns: 1fr;
   }
   .nasika-hero {
       padding: 45px 20px;
   }

}

@media (max-width: 500px) {

   .nasika-welcome {
       padding: 0 8px 30px;
   }
   .nasika-hero {
       border-radius: 22px;
   }
   .nasika-profile,
   .nasika-card,
   .nasika-activity {
       padding: 22px;
       border-radius: 18px;
   }
   .nasika-avatar {
       width: 105px;
       height: 105px;
       font-size: 43px;
   }

} </style>


🌸

Catatan Kuliah Nasika Nihla

       Selamat datang di ruang digital tempat menyimpan,
       merangkum, dan berbagi catatan perjalanan perkuliahan
       Nasika Nihla.
       ✨ Catatan • Pembelajaran • Perjalanan Kuliah ✨


       🌷

Nasika Nihla

           👑 Ketua Panglima Nganjuk Periode 2026/2027

Selamat datang di Catatan Kuliah Nasika Nihla. Halaman ini menjadi ruang untuk mendokumentasikan berbagai catatan, materi, pengalaman, dan perjalanan selama menjalani kehidupan perkuliahan.


       💗

Selamat Datang

Ruang kecil untuk menyimpan perjalanan besar.

🌸 Halo, selamat datang!

Terima kasih sudah berkunjung ke halaman Catatan Kuliah Nasika Nihla.

Halaman ini dibuat sebagai ruang dokumentasi digital untuk menyimpan berbagai hal yang berkaitan dengan perjalanan perkuliahan. Mulai dari materi yang dipelajari, catatan penting, pengalaman selama mengikuti kegiatan akademik, hingga berbagai hal menarik yang dapat menjadi kenangan dan sumber pembelajaran di kemudian hari.

Semoga catatan-catatan yang tersedia di halaman ini tidak hanya menjadi arsip pribadi, tetapi juga dapat memberikan manfaat, inspirasi, dan referensi bagi siapa saja yang membutuhkannya.

Selamat membaca, belajar, dan menikmati perjalanan di Catatan Kuliah Nasika Nihla. 🌷


       💐

Tentang Panglima Nganjuk

Paguyuban mahasiswa asal Kabupaten Nganjuk di Kota Malang.

Panglima Nganjuk merupakan Paguyuban Anak Nganjuk Kuliah di Malang, yaitu wadah perkumpulan mahasiswa asal Kabupaten Nganjuk yang sedang menempuh pendidikan tinggi di Kota Malang.

Panglima Nganjuk hadir sebagai ruang untuk mempererat kebersamaan, membangun rasa kekeluargaan, serta menjadi tempat bagi mahasiswa asal Nganjuk di Malang untuk saling bertukar informasi dan pengalaman.

Melalui berbagai kegiatan dan interaksi antaranggota, paguyuban ini diharapkan mampu menjadi rumah bersama bagi mahasiswa Nganjuk yang sedang menjalani kehidupan perantauan di Kota Malang.


       ✨

Informasi Singkat

Mengenal lebih dekat Panglima Nganjuk.

🎓
           Kepanjangan
           
               Paguyuban Anak Nganjuk Kuliah di Malang.
           


🤝
           Fungsi
           
               Menjalin kebersamaan, kekeluargaan, dan menjadi tempat
               saling berbagi informasi antar mahasiswa perantauan
               asal Nganjuk di Malang.
           


🌷
           Ketua 2026/2027
           
               Nasika Nihla sebagai Ketua Panglima Nganjuk
               Periode 2026/2027.
           


       🌺

Kegiatan Rutin

Berbagai kegiatan untuk mempererat kebersamaan.

🎉

SAMBA

Sambut Mahasiswa Baru (SAMBA) merupakan kegiatan penyambutan bagi mahasiswa baru asal Nganjuk yang baru datang dan mulai menjalani kehidupan perkuliahan di Kota Malang.

Kegiatan ini menjadi salah satu kesempatan untuk memperkenalkan lingkungan paguyuban, membangun relasi, dan mempererat hubungan antara mahasiswa baru dengan mahasiswa Nganjuk lainnya.


💞

Open Recruitment

Open Recruitment merupakan kegiatan perekrutan anggota baru yang dilaksanakan secara berkala.

Kegiatan ini menjadi bagian penting dalam proses regenerasi pengurus dan anggota Panglima Nganjuk agar keberlangsungan paguyuban dapat terus berjalan dari generasi ke generasi.


🌸 Terima Kasih Sudah Berkunjung 🌸

Semoga Catatan Kuliah Nasika Nihla dapat menjadi ruang untuk belajar, berbagi, dan mengabadikan setiap cerita dalam perjalanan perkuliahan.

   <a
       class="nasika-instagram"
       href="https://www.instagram.com/panglimanganjuk/"
       target="_blank"
       rel="noopener noreferrer"
   >
       📷 Instagram Panglima Nganjuk
   </a>