{"id":29780,"date":"2026-04-29T14:22:34","date_gmt":"2026-04-29T07:22:34","guid":{"rendered":"https:\/\/magang-sas.telkomuniversity.ac.id\/?p=29780"},"modified":"2026-04-29T15:44:44","modified_gmt":"2026-04-29T08:44:44","slug":"sosialisasi-pendaftaran-dan-pengajuan-magang-periode-ganjil-26-27","status":"publish","type":"post","link":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/sosialisasi-pendaftaran-dan-pengajuan-magang-periode-ganjil-26-27\/","title":{"rendered":"Sosialisasi Pendaftaran dan Pengajuan Magang Periode Ganjil 26\/27"},"content":{"rendered":"<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\n\n  .sos-post * { box-sizing: border-box; margin: 0; padding: 0; }\n  .sos-post { font-family: 'Montserrat', sans-serif; color: #1a1a2e; }\n\n  \/* \u2550\u2550 HERO BANNER \u2550\u2550 *\/\n  .sos-hero {\n    background: #4A148C;\n    background-image:\n      radial-gradient(circle at 10% 30%, rgba(187,144,217,0.25) 0%, transparent 50%),\n      radial-gradient(circle at 90% 70%, rgba(124,58,237,0.2) 0%, transparent 45%);\n    border-radius: 16px;\n    padding: 48px 40px;\n    margin-bottom: 32px;\n    position: relative;\n    overflow: hidden;\n  }\n  .sos-hero::before {\n    content: '';\n    position: absolute;\n    top: -60px; right: -60px;\n    width: 280px; height: 280px;\n    border: 32px solid rgba(255,255,255,0.05);\n    border-radius: 50%;\n  }\n  .sos-hero-tag {\n    display: inline-block;\n    background: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.3);\n    color: #e9d8f7;\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    padding: 5px 14px; border-radius: 100px;\n    margin-bottom: 16px;\n  }\n  .sos-hero h1 {\n    font-size: clamp(22px, 3.5vw, 36px) !important;\n    font-weight: 900 !important;\n    color: #ffffff !important;\n    line-height: 1.2 !important;\n    margin-bottom: 8px !important;\n  }\n  .sos-hero-sub {\n    font-size: 15px; font-weight: 600;\n    color: rgba(255,255,255,0.75);\n    margin-bottom: 28px;\n  }\n  .sos-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #ffffff;\n    color: #4A148C !important;\n    font-size: 14px; font-weight: 800;\n    padding: 14px 28px;\n    border-radius: 12px;\n    text-decoration: none !important;\n    transition: transform 0.18s, box-shadow 0.18s;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n    margin-bottom: 24px;\n  }\n  .sos-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.25); }\n  .sos-cta-btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n  .sos-hero-meta {\n    display: flex; flex-wrap: wrap; gap: 16px;\n  }\n  .sos-hero-meta-item {\n    display: flex; align-items: center; gap: 8px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 8px; padding: 8px 14px;\n    color: #ffffff; font-size: 13px; font-weight: 600;\n  }\n  .sos-hero-meta-item svg { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.8; }\n\n  \/* \u2550\u2550 ATTENTION BOX \u2550\u2550 *\/\n  .sos-attention {\n    background: #fff8e1;\n    border: 2px solid #f59e0b;\n    border-radius: 14px;\n    padding: 24px 28px;\n    margin-bottom: 32px;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n  }\n  .sos-attention-icon {\n    width: 40px; height: 40px;\n    background: #f59e0b; border-radius: 10px;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n  .sos-attention-icon svg { width: 22px; height: 22px; color: #fff; }\n  .sos-attention-title {\n    font-size: 13px; font-weight: 800;\n    color: #92400e; text-transform: uppercase;\n    letter-spacing: 0.08em; margin-bottom: 8px;\n  }\n  .sos-attention-text {\n    font-size: 13.5px; font-weight: 500;\n    color: #78350f; line-height: 1.7;\n  }\n\n  \/* \u2550\u2550 SECTION LABEL & TITLE \u2550\u2550 *\/\n  .sos-section { margin-bottom: 36px; }\n  .sos-section-label {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.13em; text-transform: uppercase;\n    color: #bb90d9; margin-bottom: 6px; display: block;\n  }\n  .sos-section-title {\n    font-size: 22px !important; font-weight: 900 !important;\n    color: #1a1a2e !important; margin-bottom: 20px !important;\n    letter-spacing: -0.02em;\n  }\n  .sos-section-title span { color: #4A148C; }\n\n  \/* \u2550\u2550 CONTACT GRID \u2550\u2550 *\/\n  .sos-contact-grid {\n    display: flex; flex-wrap: wrap; gap: 12px;\n    margin-bottom: 8px;\n  }\n  .sos-contact-item {\n    display: flex; align-items: center; gap: 10px;\n    background: #fff; border: 1.5px solid #e8d8f8;\n    border-radius: 10px; padding: 12px 18px;\n    font-size: 13px; font-weight: 700; color: #1a1a2e;\n    text-decoration: none !important;\n    transition: border-color 0.15s, background 0.15s;\n    box-shadow: 0 2px 8px rgba(74,20,140,0.05);\n  }\n  .sos-contact-item:hover { background: #f3eafd; border-color: #c084fc; }\n  .sos-contact-item svg { width: 16px; height: 16px; color: #4A148C; flex-shrink: 0; }\n\n  \/* \u2550\u2550 CTA BOTTOM \u2550\u2550 *\/\n  .sos-cta-bottom {\n    background: #f8f4ff; border: 1.5px solid #e8d8f8;\n    border-radius: 14px; padding: 28px 32px;\n    display: flex; align-items: center; justify-content: space-between;\n    flex-wrap: wrap; gap: 16px;\n  }\n  .sos-cta-bottom-label {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    color: #bb90d9; margin-bottom: 6px;\n  }\n  .sos-cta-bottom-title {\n    font-size: 16px; font-weight: 800; color: #1a1a2e;\n  }\n  .sos-cta-bottom-sub {\n    font-size: 13px; font-weight: 500; color: #666; margin-top: 4px;\n  }\n  .sos-cta-bottom-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: #4A148C; color: #fff !important;\n    font-size: 14px; font-weight: 800;\n    padding: 14px 28px; border-radius: 12px;\n    text-decoration: none !important;\n    transition: transform 0.18s, box-shadow 0.18s;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n  }\n  .sos-cta-bottom-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.25); }\n  .sos-cta-bottom-btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n  @media (max-width: 768px) {\n    .sos-hero { padding: 32px 24px; }\n    .sos-hero-meta { flex-direction: column; gap: 10px; }\n    .sos-contact-grid { flex-direction: column; }\n    .sos-cta-bottom { flex-direction: column; }\n  }\n<\/style>\n\n<!-- HERO BANNER -->\n<div class=\"sos-hero\">\n  <div class=\"sos-hero-tag\">\ud83d\udce2 Pengumuman Resmi LKM FIT<\/div>\n  <h1>Sosialisasi Pendaftaran &#038; Pengajuan Magang<\/h1>\n  <div class=\"sos-hero-sub\">Periode Semester Ganjil Tahun Ajaran 2026\/2027<\/div>\n  <a href=\"https:\/\/s.id\/sosialisasilkmfit\" target=\"_blank\" class=\"sos-cta-btn\">\n    <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n    Daftar Sekarang \u2014 s.id\/sosialisasilkmfit\n  <\/a>\n  <div class=\"sos-hero-meta\">\n    <div class=\"sos-hero-meta-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n      Sabtu, 02 Mei 2026\n    <\/div>\n    <div class=\"sos-hero-meta-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n      10.00 WIB \u2013 Selesai\n    <\/div>\n    <div class=\"sos-hero-meta-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n      Angkatan 2024 (D3) &#038; 2023 (S1 Ter)\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ATTENTION BOX -->\n<div class=\"sos-attention\">\n  <div class=\"sos-attention-icon\">\n    <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n  <\/div>\n  <div>\n    <div class=\"sos-attention-title\">\u26a0\ufe0f Attention to All FIT Students!<\/div>\n    <div class=\"sos-attention-text\">Untuk mahasiswa angkatan <strong>2024 (D3)<\/strong> dan <strong>2023 (S1 Ter)<\/strong> yang akan melaksanakan magang di periode Ganjil 2026\u20132027, <strong>WAJIB<\/strong> untuk mengikuti kegiatan sosialisasi ini. Daftarkan diri melalui link di atas.<\/div>\n  <\/div>\n<\/div>\n\n\n\n<style>\n  \/* \u2550\u2550 DIVIDER \u2550\u2550 *\/\n  .sos-divider {\n    display: flex; align-items: center; gap: 16px;\n    margin: 8px 0 36px;\n  }\n  .sos-divider-line-l { flex:1; height:1.5px; background:linear-gradient(to right,#e8d8f8,#4A148C); border-radius:2px; }\n  .sos-divider-line-r { flex:1; height:1.5px; background:linear-gradient(to left,#e8d8f8,#4A148C); border-radius:2px; }\n  .sos-divider-badge {\n    background:#4A148C; color:#fff;\n    font-size:11px; font-weight:700;\n    letter-spacing:0.12em; text-transform:uppercase;\n    padding:7px 18px; border-radius:100px; white-space:nowrap;\n  }\n\n  \/* \u2550\u2550 SECTION LABEL & TITLE \u2550\u2550 *\/\n  .sos-section { margin-bottom: 36px; }\n  .sos-section-label {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.13em; text-transform: uppercase;\n    color: #bb90d9; margin-bottom: 6px; display: block;\n  }\n  .sos-section-title {\n    font-size: 22px; font-weight: 900;\n    color: #1a1a2e; margin-bottom: 20px;\n    letter-spacing: -0.02em;\n  }\n  .sos-section-title span { color: #4A148C; }\n\n  \/* \u2550\u2550 AGENDA LINK \u2550\u2550 *\/\n  .sos-agenda-link {\n    display: inline-flex; align-items: center; gap: 7px;\n    background: #4A148C; color: #fff;\n    font-size: 12px; font-weight: 700;\n    padding: 9px 18px; border-radius: 9px;\n    text-decoration: none;\n    margin-bottom: 20px;\n    transition: opacity 0.15s;\n  }\n  .sos-agenda-link:hover { opacity: 0.85; }\n  .sos-agenda-link svg { width: 14px; height: 14px; }\n\n  \/* \u2550\u2550 TIMELINE \u2550\u2550 *\/\n  .sos-timeline { position: relative; padding-left: 32px; }\n  .sos-timeline::before {\n    content: ''; position: absolute;\n    left: 10px; top: 8px; bottom: 8px;\n    width: 2px; background: #e8d8f8;\n  }\n  .sos-tl-group { margin-bottom: 10px; }\n  .sos-tl-item {\n    display: flex; align-items: flex-start; gap: 14px;\n    padding: 12px 16px;\n    background: #faf8ff; border: 1px solid #f0e8ff;\n    border-radius: 10px; margin-bottom: 8px; position: relative;\n  }\n  .sos-tl-item::before {\n    content: ''; position: absolute;\n    left: -26px; top: 50%; transform: translateY(-50%);\n    width: 8px; height: 8px;\n    background: #bb90d9; border-radius: 50%;\n  }\n  .sos-tl-dot {\n    width: 32px; height: 32px;\n    background: #ede9ff; border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0; font-size: 13px; font-weight: 800; color: #4A148C;\n  }\n  .sos-tl-kegiatan { font-size: 13.5px; font-weight: 700; color: #1a1a2e; margin-bottom: 3px; }\n  .sos-tl-tanggal {\n    font-size: 12px; font-weight: 600; color: #7c3aed;\n    display: flex; align-items: center; gap: 5px;\n  }\n  .sos-tl-tanggal svg { width: 12px; height: 12px; }\n  .sos-tl-item.highlight { background: #f3e8ff; border-color: #c084fc; }\n  .sos-tl-item.highlight .sos-tl-dot { background: #4A148C; color: #fff; }\n\n  \/* \u2550\u2550 SUB LABEL \u2550\u2550 *\/\n  .sos-tl-sub-label {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: #7c3aed; color: #fff;\n    font-size: 11px; font-weight: 700;\n    padding: 4px 14px; border-radius: 100px;\n    margin: 16px 0 10px; position: relative;\n  }\n  .sos-tl-sub-label::before {\n    content: ''; position: absolute;\n    left: -26px; top: 50%; transform: translateY(-50%);\n    width: 10px; height: 10px;\n    background: #7c3aed; border: 2px solid #fff;\n    border-radius: 50%; box-shadow: 0 0 0 2px #e8d8f8;\n  }\n\n  \/* \u2550\u2550 CATATAN \u2550\u2550 *\/\n  .sos-tl-note {\n    display: flex; align-items: flex-start; gap: 10px;\n    background: #fff1f2; border: 1.5px solid #fda4af;\n    border-radius: 10px; padding: 12px 16px;\n    margin-top: 16px;\n  }\n  .sos-tl-note svg { width: 16px; height: 16px; color: #e11d48; flex-shrink: 0; margin-top: 1px; }\n  .sos-tl-note-text { font-size: 13px; font-weight: 700; color: #9f1239; line-height: 1.6; }\n<\/style>\n\n<!-- TIMELINE AGENDA MAGANG -->\n<div class=\"sos-section\">\n  <span class=\"sos-section-label\">Agenda Magang<\/span>\n  <h2 class=\"sos-section-title\">Timeline <span>Kegiatan<\/span><\/h2>\n\n  <div class=\"sos-timeline\">\n    <div class=\"sos-tl-group\">\n\n      <div class=\"sos-tl-item\">\n        <div class=\"sos-tl-dot\">1<\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Pendaftaran Magang<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>04 Mei \u2013 21 Agustus 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sos-tl-item\">\n        <div class=\"sos-tl-dot\">2<\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Konfirmasi Penerimaan Magang<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>Maksimal 25 September 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sos-tl-item highlight\">\n        <div class=\"sos-tl-dot\">3<\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Rentang Pelaksanaan Magang<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>01 Juli \u2013 31 Desember 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sos-tl-item highlight\">\n        <div class=\"sos-tl-dot\">4<\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Batas Pengumpulan Berkas Akhir Magang &#038; Input Nilai<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>Maksimal 13 Januari 2027<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Agenda Pendukung -->\n    <div class=\"sos-tl-sub-label\">Agenda Pendukung<\/div>\n\n    <div class=\"sos-tl-group\">\n\n      <div class=\"sos-tl-item\">\n        <div class=\"sos-tl-dot\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" style=\"width:15px;height:15px;\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Pengecekan MK Magang (Paket)<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>25 September 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sos-tl-item\">\n        <div class=\"sos-tl-dot\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" style=\"width:15px;height:15px;\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Batas Nilai Masuk dari PBB Lapangan<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>Maksimal 12 Januari 2027<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sos-tl-item\">\n        <div class=\"sos-tl-dot\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\" style=\"width:15px;height:15px;\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"sos-tl-kegiatan\">Batas Nilai Masuk dari PBB Akademik<\/div>\n          <div class=\"sos-tl-tanggal\"><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>Maksimal 13 Januari 2027<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Catatan Penting -->\n    <div class=\"sos-tl-note\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n      <div class=\"sos-tl-note-text\"><strong>Catatan Penting:<\/strong> Tidak ada toleransi keterlambatan untuk seluruh tenggat waktu di atas.<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div class=\"sos-post\">\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');\n\n  .sos-post * { box-sizing: border-box; margin: 0; padding: 0; }\n  .sos-post { font-family: 'Montserrat', sans-serif; color: #1a1a2e; }\n\n  \/* \u2550\u2550 HERO BANNER \u2550\u2550 *\/\n  .sos-hero {\n    background: #4A148C;\n    background-image:\n      radial-gradient(circle at 10% 30%, rgba(187,144,217,0.25) 0%, transparent 50%),\n      radial-gradient(circle at 90% 70%, rgba(124,58,237,0.2) 0%, transparent 45%);\n    border-radius: 16px;\n    padding: 48px 40px;\n    margin-bottom: 32px;\n    position: relative;\n    overflow: hidden;\n  }\n  .sos-hero::before {\n    content: '';\n    position: absolute;\n    top: -60px; right: -60px;\n    width: 280px; height: 280px;\n    border: 32px solid rgba(255,255,255,0.05);\n    border-radius: 50%;\n  }\n  .sos-hero-tag {\n    display: inline-block;\n    background: rgba(255,255,255,0.15);\n    border: 1px solid rgba(255,255,255,0.3);\n    color: #e9d8f7;\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    padding: 5px 14px; border-radius: 100px;\n    margin-bottom: 16px;\n  }\n  .sos-hero h1 {\n    font-size: clamp(22px, 3.5vw, 36px) !important;\n    font-weight: 900 !important;\n    color: #ffffff !important;\n    line-height: 1.2 !important;\n    margin-bottom: 8px !important;\n  }\n  .sos-hero-sub {\n    font-size: 15px; font-weight: 600;\n    color: rgba(255,255,255,0.75);\n    margin-bottom: 28px;\n  }\n  .sos-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #ffffff;\n    color: #4A148C !important;\n    font-size: 14px; font-weight: 800;\n    padding: 14px 28px;\n    border-radius: 12px;\n    text-decoration: none !important;\n    transition: transform 0.18s, box-shadow 0.18s;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n    margin-bottom: 24px;\n  }\n  .sos-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.25); }\n  .sos-cta-btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n  .sos-hero-meta {\n    display: flex; flex-wrap: wrap; gap: 16px;\n  }\n  .sos-hero-meta-item {\n    display: flex; align-items: center; gap: 8px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 8px; padding: 8px 14px;\n    color: #ffffff; font-size: 13px; font-weight: 600;\n  }\n  .sos-hero-meta-item svg { width: 15px; height: 15px; flex-shrink: 0; opacity: 0.8; }\n\n  \/* \u2550\u2550 ATTENTION BOX \u2550\u2550 *\/\n  .sos-attention {\n    background: #fff8e1;\n    border: 2px solid #f59e0b;\n    border-radius: 14px;\n    padding: 24px 28px;\n    margin-bottom: 32px;\n    display: flex;\n    gap: 16px;\n    align-items: flex-start;\n  }\n  .sos-attention-icon {\n    width: 40px; height: 40px;\n    background: #f59e0b; border-radius: 10px;\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n  .sos-attention-icon svg { width: 22px; height: 22px; color: #fff; }\n  .sos-attention-title {\n    font-size: 13px; font-weight: 800;\n    color: #92400e; text-transform: uppercase;\n    letter-spacing: 0.08em; margin-bottom: 8px;\n  }\n  .sos-attention-text {\n    font-size: 13.5px; font-weight: 500;\n    color: #78350f; line-height: 1.7;\n  }\n\n  \/* \u2550\u2550 SECTION LABEL & TITLE \u2550\u2550 *\/\n  .sos-section { margin-bottom: 36px; }\n  .sos-section-label {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.13em; text-transform: uppercase;\n    color: #bb90d9; margin-bottom: 6px; display: block;\n  }\n  .sos-section-title {\n    font-size: 22px !important; font-weight: 900 !important;\n    color: #1a1a2e !important; margin-bottom: 20px !important;\n    letter-spacing: -0.02em;\n  }\n  .sos-section-title span { color: #4A148C; }\n\n  \/* \u2550\u2550 CONTACT GRID \u2550\u2550 *\/\n  .sos-contact-grid {\n    display: flex; flex-wrap: wrap; gap: 12px;\n    margin-bottom: 8px;\n  }\n  .sos-contact-item {\n    display: flex; align-items: center; gap: 10px;\n    background: #fff; border: 1.5px solid #e8d8f8;\n    border-radius: 10px; padding: 12px 18px;\n    font-size: 13px; font-weight: 700; color: #1a1a2e;\n    text-decoration: none !important;\n    transition: border-color 0.15s, background 0.15s;\n    box-shadow: 0 2px 8px rgba(74,20,140,0.05);\n  }\n  .sos-contact-item:hover { background: #f3eafd; border-color: #c084fc; }\n  .sos-contact-item svg { width: 16px; height: 16px; color: #4A148C; flex-shrink: 0; }\n\n  \/* \u2550\u2550 CTA BOTTOM \u2550\u2550 *\/\n  .sos-cta-bottom {\n    background: #f8f4ff; border: 1.5px solid #e8d8f8;\n    border-radius: 14px; padding: 28px 32px;\n    display: flex; align-items: center; justify-content: space-between;\n    flex-wrap: wrap; gap: 16px;\n  }\n  .sos-cta-bottom-label {\n    font-size: 11px; font-weight: 700;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    color: #bb90d9; margin-bottom: 6px;\n  }\n  .sos-cta-bottom-title {\n    font-size: 16px; font-weight: 800; color: #1a1a2e;\n  }\n  .sos-cta-bottom-sub {\n    font-size: 13px; font-weight: 500; color: #666; margin-top: 4px;\n  }\n  .sos-cta-bottom-btn {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: #4A148C; color: #fff !important;\n    font-size: 14px; font-weight: 800;\n    padding: 14px 28px; border-radius: 12px;\n    text-decoration: none !important;\n    transition: transform 0.18s, box-shadow 0.18s;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n  }\n  .sos-cta-bottom-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,0.25); }\n  .sos-cta-bottom-btn svg { width: 18px; height: 18px; flex-shrink: 0; }\n\n  @media (max-width: 768px) {\n    .sos-hero { padding: 32px 24px; }\n    .sos-hero-meta { flex-direction: column; gap: 10px; }\n    .sos-contact-grid { flex-direction: column; }\n    .sos-cta-bottom { flex-direction: column; }\n  }\n<\/style>\n\n<!-- INFO SELENGKAPNYA -->\n<div class=\"sos-section\">\n  <span class=\"sos-section-label\">Hubungi Kami<\/span>\n  <h2 class=\"sos-section-title\">Info <span>Selengkapnya<\/span><\/h2>\n  <div class=\"sos-contact-grid\">\n    <a href=\"https:\/\/instagram.com\/magang.fit\" target=\"_blank\" class=\"sos-contact-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n      @magang.fit\n    <\/a>\n    <a href=\"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/\" target=\"_blank\" class=\"sos-contact-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n      magang-sas.telkomuniversity.ac.id\n    <\/a>\n    <a href=\"tel:085161415115\" class=\"sos-contact-item\">\n      <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.78a16 16 0 0 0 6.29 6.29l.95-.94a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n      085161415115\n    <\/a>\n  <\/div>\n<\/div>\n\n<!-- CTA BOTTOM -->\n<div class=\"sos-cta-bottom\">\n  <div>\n    <div class=\"sos-cta-bottom-label\">Jangan Sampai Terlewat<\/div>\n    <div class=\"sos-cta-bottom-title\">Daftarkan diri sekarang!<\/div>\n    <div class=\"sos-cta-bottom-sub\">Sabtu, 02 Mei 2026 \u00b7 10.00 WIB s.d Selesai<\/div>\n  <\/div>\n  <a href=\"https:\/\/s.id\/sosialisasilkmfit\" target=\"_blank\" class=\"sos-cta-bottom-btn\">\n    <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n    s.id\/sosialisasilkmfit\n  <\/a>\n<\/div>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udce2 Pengumuman Resmi LKM FIT Sosialisasi Pendaftaran &#038; Pengajuan Magang Periode Semester Ganjil Tahun Ajaran 2026\/2027 Daftar Sekarang \u2014 s.id\/sosialisasilkmfit Sabtu, 02 Mei 2026 10.00 WIB \u2013 Selesai Angkatan 2024 (D3) &#038; 2023 (S1 Ter) \u26a0\ufe0f Attention to All FIT Students! Untuk mahasiswa angkatan 2024 (D3) dan 2023 (S1 Ter) yang akan melaksanakan magang di [&hellip;]<\/p>\n","protected":false},"author":36,"featured_media":29799,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":34,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-29780","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita"],"blocksy_meta":{"disable_featured_image":"no","disable_post_tags":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled"},"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/29780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=29780"}],"version-history":[{"count":22,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/29780\/revisions"}],"predecessor-version":[{"id":29813,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/29780\/revisions\/29813"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/29799"}],"wp:attachment":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=29780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=29780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=29780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}