{"id":8737,"date":"2026-04-09T11:26:04","date_gmt":"2026-04-09T04:26:04","guid":{"rendered":"https:\/\/brighteducation.id\/?page_id=8737"},"modified":"2026-04-13T14:03:22","modified_gmt":"2026-04-13T07:03:22","slug":"study-in-turki","status":"publish","type":"page","link":"https:\/\/brighteducation.id\/en\/study-in-turki\/","title":{"rendered":"Study in Turki"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Study in Turkey \u2013 Final International University | Bright Education<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/code.iconify.design\/3\/3.1.0\/iconify.min.js\"><\/script>\r\n <script>\r\n \r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Playfair Display', 'serif'] },\r\n colors: {\r\n brand: { 50:'#F0F7FF', 100:'#DCEEFF', 200:'#B3D9FF', 300:'#7ABFFF', 400:'#3A9FFF', 500:'#0C7FD9', 600:'#0A65B0', 700:'#084E88', 800:'#063B68', 900:'#042A49', 950:'#011D33' },\r\n gold: { 400:'#D4AF37', 500:'#C9A96E', 600:'#B5955C' },\r\n base: '#E7F6FF'\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n ::selection { background: #C9A96E; color: #011D33; }\r\n\r\n \/* Tekstur Elegan *\/\r\n .noise {\r\n position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: 0.025;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n \/* Animasi Hero Section *\/\r\n @keyframes fadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }\r\n .fade-up { animation: fadeUp 0.7s ease-out both; }\r\n .fade-up-d1 { animation-delay: 0.1s; }\r\n .fade-up-d2 { animation-delay: 0.2s; }\r\n .fade-up-d3 { animation-delay: 0.3s; }\r\n\r\n.hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n \/* Gradient ini akan langsung muncul tanpa nunggu Tailwind *\/\r\n background: linear-gradient(to bottom right, \r\n rgba(1, 29, 51, 0.85), \r\n rgba(1, 29, 51, 0.6), \r\n rgba(6, 59, 104, 0.3)\r\n );\r\n z-index: 1; \/* Pastikan di atas gambar *\/\r\n}\r\n \r\n \/* Animasi Scroll Bawah *\/\r\n .reveal {\r\n opacity: 0; transform: translateY(20px);\r\n transition: opacity 1s cubic-bezier(0.16,1,0.3,1), transform 1s cubic-bezier(0.16,1,0.3,1);\r\n }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n .hero-img { transition: transform 0.1s linear; transform-origin: center 35%; }\r\n\r\n \/* Hover Kartu *\/\r\n .card-lift { transition: transform 0.5s cubic-bezier(0.16,1,0.3,1), box-shadow 0.5s cubic-bezier(0.16,1,0.3,1), border-color 0.3s ease; }\r\n .card-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 60px rgba(1,29,51,0.08), 0 4px 16px rgba(1,29,51,0.04); border-color: #D4AF37; }\r\n\r\n \/* Animasi Emas Elegan *\/\r\n @keyframes gentleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\r\n .float-anim { animation: gentleFloat 3s ease-in-out infinite; }\r\n\r\n \/* Tombol Persyaratan Denyut *\/\r\n @keyframes pulseBorder { 0% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(212, 175, 55, 0); } 100% { box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); } }\r\n .btn-pulse { animation: pulseBorder 2.5s infinite; }\r\n\r\n \/* Modal Styles *\/\r\n .modal-bg { opacity:0; pointer-events:none; transition:opacity .3s }\r\n .modal-bg.open { opacity:1; pointer-events:auto }\r\n .modal-box { transform:translateY(20px) scale(0.97); transition:transform .4s cubic-bezier(.16,1,.3,1) }\r\n .modal-bg.open .modal-box { transform:translateY(0) scale(1) }\r\n \r\n .mascot-widget {\r\n position: fixed !important; \/* Memastikan tetap muncul saat di-scroll *\/\r\n bottom: 30px; \r\n right: 30px; \r\n z-index: 999999 !important; \/* Angka tertinggi agar di atas elemen Elementor *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n pointer-events: none;\r\n}\r\n\r\n.mascot-container {\r\n pointer-events: auto !important;\r\n text-decoration: none;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.speech-bubble {\r\n background: white;\r\n padding: 10px 15px;\r\n border-radius: 18px;\r\n box-shadow: 0 10px 25px rgba(1, 29, 51, 0.15);\r\n margin-bottom: 12px;\r\n position: relative;\r\n text-align: center;\r\n border: 2px solid #DCEEFF;\r\n width: 160px;\r\n animation: fadeInBubble 0.8s ease forwards;\r\n}\r\n\r\n.speech-bubble::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n border-top: 10px solid white;\r\n}\r\n\r\n.mascot-img {\r\n width: 130px;\r\n height: auto;\r\n animation: bounceMascot 2s ease-in-out infinite;\r\n}\r\n\r\n\/* Animasi *\/\r\n@keyframes bounceMascot {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n}\r\n\r\n@keyframes fadeInBubble {\r\n from { opacity: 0; transform: scale(0.8) translateY(10px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .mascot-img { width: 100px; }\r\n .speech-bubble { width: 130px; }\r\n}\r\n \r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-base font-sans text-brand-950 antialiased\">\r\n<div class=\"noise\"><\/div>\r\n\r\n<section class=\"relative min-h-[92vh] flex items-center pt-14 overflow-hidden bg-brand-950\">\r\n <img decoding=\"async\" src=\"https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/turki.jpg\" \r\n alt=\"Study in Turkey\" \r\n class=\"absolute inset-0 w-full h-full object-cover\">\r\n \r\n <div class=\"hero-overlay\"><\/div>\r\n \r\n <div class=\"relative z-10 max-w-6xl mx-auto px-5 w-full\">\r\n <div class=\"max-w-xl\">\r\n <div class=\"inline-flex items-center gap-1.5 bg-white\/10 backdrop-blur-sm border border-white\/20 text-white text-[10px] font-semibold tracking-widest uppercase px-3 py-1.5 rounded-full mb-6 fade-up\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-gold-500 animate-pulse\"><\/span>\r\n Pendaftaran 2025\/2026\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl font-black font-serif text-white leading-[1.1] tracking-tight mb-5 fade-up fade-up-d1\">\r\n Kuliah di<br>\r\n <span class=\"text-gold-500 italic\">Turki<\/span><br>\r\n Beasiswa 80%\r\n <\/h1>\r\n <p class=\"text-white\/80 text-sm md:text-base font-light leading-relaxed mb-8 fade-up fade-up-d2 max-w-md\">\r\n Final International University \u2014 gelar internasional, biaya terjangkau, melalui Bright Education.\r\n <\/p>\r\n <div class=\"flex flex-wrap gap-3 fade-up fade-up-d3\">\r\n <a href=\"#programs\" class=\"bg-white text-brand-950 text-sm font-bold px-6 py-3 rounded-xl hover:bg-gray-50 transition-colors\">\r\n Lihat Program\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/6287717570174\" target=\"_blank\" class=\"bg-green-600 text-white text-sm font-bold px-6 py-3 rounded-xl hover:bg-green-700 transition-colors flex items-center gap-2\">\r\n <span class=\"iconify\" data-icon=\"mdi:whatsapp\"><\/span> WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-base to-transparent z-10\"><\/div>\r\n<\/section>\r\n\r\n<div class=\"mascot-widget\">\r\n <a href=\"https:\/\/wa.me\/6287717570174\" target=\"_blank\" class=\"mascot-container\">\r\n <div class=\"speech-bubble\">\r\n <p style=\"color: #011D33; font-weight: 700; font-size: 12px; margin: 0;\">Yuk, Daftar Sekarang!, Klik Disini!<\/p>\r\n <p style=\"color: #ED2939; font-size: 9px; font-weight: 600; margin: 2px 0 0 0;\">Pendaftaran ditutup akhir tahun<\/p>\r\n <\/div>\r\n <img decoding=\"async\" src=\"https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/maksot.png\" alt=\"Maskot\" class=\"mascot-img\">\r\n <\/a>\r\n<\/div>\r\n\r\n<div class=\"bg-brand-950 border-y border-white\/10 py-5 relative z-20 shadow-xl\">\r\n <div class=\"max-w-6xl mx-auto px-6 flex flex-col md:flex-row items-center justify-center gap-6 md:gap-12\">\r\n <p class=\"text-[10px] uppercase tracking-[0.2em] text-white\/40 font-semibold text-center md:text-left\">\r\n Keunggulan Studi di FIU Cyprus:\r\n <\/p>\r\n <div class=\"flex flex-wrap justify-center items-center gap-6 md:gap-8 opacity-80\">\r\n <span class=\"text-xs font-serif font-bold text-gold-400 tracking-widest uppercase flex items-center gap-2\"><span class=\"iconify\" data-icon=\"lucide:graduation-cap\"><\/span> Gelar Global<\/span>\r\n <span class=\"hidden md:block w-1 h-1 rounded-full bg-white\/20\"><\/span>\r\n <span class=\"text-xs font-serif font-bold text-gold-400 tracking-widest uppercase flex items-center gap-2\"><span class=\"iconify\" data-icon=\"lucide:percent\"><\/span> Beasiswa 80%<\/span>\r\n <span class=\"hidden md:block w-1 h-1 rounded-full bg-white\/20\"><\/span>\r\n <span class=\"text-xs font-serif font-bold text-gold-400 tracking-widest uppercase flex items-center gap-2\"><span class=\"iconify\" data-icon=\"lucide:briefcase\"><\/span> Part-Time Job<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<section class=\"py-24\">\r\n <div class=\"max-w-6xl mx-auto px-6 grid md:grid-cols-2 gap-12 lg:gap-20 items-center reveal\">\r\n <div class=\"relative\">\r\n <div class=\"absolute inset-0 bg-gold-400 transform -translate-x-4 translate-y-4 rounded-2xl opacity-20\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/safatr.com\/wp-content\/uploads\/2024\/09\/Final.-International.-University.jpg\" alt=\"University Students\" class=\"relative rounded-2xl shadow-xl z-10 w-full h-[350px] object-cover\">\r\n <div class=\"absolute -bottom-6 -right-6 bg-brand-950 text-white p-6 rounded-2xl shadow-2xl z-20 max-w-[200px] float-anim hidden md:block border border-white\/10\">\r\n <p class=\"text-3xl font-serif text-gold-400 mb-1\">Top<\/p>\r\n <p class=\"text-xs font-light leading-relaxed\">Fasilitas modern dengan kurikulum berstandar Eropa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-gold-600 mb-3 block\">Mengapa FIU Cyprus?<\/span>\r\n <h2 class=\"text-3xl md:text-4xl font-serif text-brand-950 mb-6 leading-tight\">Masa Depan Anda <em class=\"italic text-gold-500\">Dimulai di Sini<\/em><\/h2>\r\n <p class=\"text-sm font-light text-brand-700 leading-relaxed mb-6\">\r\n Terletak di Northern Cyprus Turki, yang indah dan aman, Final International University (FIU) menawarkan lingkungan multikultural. Seluruh program dirancang untuk membekali mahasiswa dengan keterampilan praktis dan koneksi global.\r\n <\/p>\r\n <p class=\"text-sm font-light text-brand-700 leading-relaxed mb-8\">\r\n Mahasiswa internasional berkesempatan mengikuti program <em>Pathway<\/em> ke UK, USA, dan Jerman, serta diizinkan untuk bekerja paruh waktu guna mendukung biaya hidup.\r\n <\/p>\r\n <a href=\"https:\/\/www.final.edu.tr\/en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-2 text-[11px] font-bold uppercase tracking-widest text-brand-600 hover:text-gold-600 border-b-2 border-brand-200 hover:border-gold-400 pb-1 transition-all\">\r\n Kunjungi Website Resmi FIU <span class=\"iconify\" data-icon=\"lucide:external-link\" data-width=\"14\"><\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"programs\" class=\"py-24 px-6 bg-base border-y border-brand-200\/50 shadow-sm relative z-10\">\r\n <div class=\"max-w-6xl mx-auto\">\r\n <div class=\"text-center mb-16 reveal visible\">\r\n <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-brand-400 mb-3\">Langkah Karir Anda<\/p>\r\n <h2 class=\"text-3xl md:text-4xl font-serif tracking-tight text-brand-950\">Pilihan <em class=\"italic text-gold-500\">Program<\/em><\/h2>\r\n <\/div>\r\n\r\n <div id=\"tab-container\" class=\"flex flex-wrap justify-center gap-3 mb-12 reveal visible\" style=\"transition-delay:.1s\">\r\n <button class=\"level-tab text-[11px] font-bold tracking-widest uppercase px-6 py-3 rounded border transition-all active bg-brand-950 text-white border-brand-950 shadow-md\" data-level=\"bachelor\">Sarjana (S1)<\/button>\r\n <button class=\"level-tab text-[11px] font-bold tracking-widest uppercase px-6 py-3 rounded border transition-all hover:border-gold-400 hover:text-gold-600 bg-base text-brand-600 border-brand-200\/80\" data-level=\"associate\">Diploma<\/button>\r\n <button class=\"level-tab text-[11px] font-bold tracking-widest uppercase px-6 py-3 rounded border transition-all hover:border-gold-400 hover:text-gold-600 bg-base text-brand-600 border-brand-200\/80\" data-level=\"master\">Magister (S2)<\/button>\r\n <button class=\"level-tab bg-base text-brand-600 text-[11px] font-bold tracking-widest uppercase px-6 py-3 rounded border border-brand-200\/80 transition-all hover:border-gold-400 hover:text-gold-600\" data-level=\"pathway\">Pathway<\/button>\r\n <button class=\"level-tab bg-base text-brand-600 text-[11px] font-bold tracking-widest uppercase px-6 py-3 rounded border border-brand-200\/80 transition-all hover:border-gold-400 hover:text-gold-600\" data-level=\"phd\">Doktor (S3)<\/button>\r\n <\/div>\r\n\r\n <div id=\"programs-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-16\">\r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:domain\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M18 15h-2v2h2m0-6h-2v2h2m2 6h-8v-2h2v-2h-2v-2h2v-2h-2V9h8M10 7H8V5h2m0 6H8V9h2m0 6H8v-2h2m0 6H8v-2h2M6 7H4V5h2m0 6H4V9h2m0 6H4v-2h2m0 6H4v-2h2m6-10V3H2v18h20V7z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Architecture & Fine Arts<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.05s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:brain\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M21.33 12.91c.09 1.55-.62 3.04-1.89 3.95l.77 1.49c.23.45.26.98.06 1.45c-.19.47-.58.84-1.06 1l-.79.25a1.69 1.69 0 0 1-1.86-.55L14.44 18c-.89-.15-1.73-.53-2.44-1.1c-.5.15-1 .23-1.5.23c-.88 0-1.76-.27-2.5-.79c-.53.16-1.07.23-1.62.22c-.79.01-1.57-.15-2.3-.45a4.1 4.1 0 0 1-2.43-3.61c-.08-.72.04-1.45.35-2.11c-.29-.75-.32-1.57-.07-2.33C2.3 7.11 3 6.32 3.87 5.82c.58-1.69 2.21-2.82 4-2.7c1.6-1.5 4.05-1.66 5.83-.37c.42-.11.86-.17 1.3-.17c1.36-.03 2.65.57 3.5 1.64c2.04.53 3.5 2.35 3.58 4.47c.05 1.11-.25 2.2-.86 3.13c.07.36.11.72.11 1.09m-5-1.41c.57.07 1.02.5 1.02 1.07a1 1 0 0 1-1 1h-.63c-.32.9-.88 1.69-1.62 2.29c.25.09.51.14.77.21c5.13-.07 4.53-3.2 4.53-3.25a2.59 2.59 0 0 0-2.69-2.49a1 1 0 0 1-1-1a1 1 0 0 1 1-1c1.23.03 2.41.49 3.33 1.3c.05-.29.08-.59.08-.89c-.06-1.24-.62-2.32-2.87-2.53c-1.25-2.96-4.4-1.32-4.4-.4c-.03.23.21.72.25.75a1 1 0 0 1 1 1c0 .55-.45 1-1 1c-.53-.02-1.03-.22-1.43-.56c-.48.31-1.03.5-1.6.56c-.57.05-1.04-.35-1.07-.9a.97.97 0 0 1 .88-1.1c.16-.02.94-.14.94-.77c0-.66.25-1.29.68-1.79c-.92-.25-1.91.08-2.91 1.29C6.75 5 6 5.25 5.45 7.2C4.5 7.67 4 8 3.78 9c1.08-.22 2.19-.13 3.22.25c.5.19.78.75.59 1.29c-.19.52-.77.78-1.29.59c-.73-.32-1.55-.34-2.3-.06c-.32.27-.32.83-.32 1.27c0 .74.37 1.43 1 1.83c.53.27 1.12.41 1.71.4q-.225-.39-.39-.81a1.038 1.038 0 0 1 1.96-.68c.4 1.14 1.42 1.92 2.62 2.05c1.37-.07 2.59-.88 3.19-2.13c.23-1.38 1.34-1.5 2.56-1.5m2 7.47l-.62-1.3l-.71.16l1 1.25zm-4.65-8.61a1 1 0 0 0-.91-1.03c-.71-.04-1.4.2-1.93.67c-.57.58-.87 1.38-.84 2.19a1 1 0 0 0 1 1c.57 0 1-.45 1-1c0-.27.07-.54.23-.76c.12-.1.27-.15.43-.15c.55.03 1.02-.38 1.02-.92\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Arts & Sciences<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:tooth-outline\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M7 2C4 2 2 5 2 8c0 2.11 1 5 2 6s2 8 4 8c4.54 0 2-7 4-7s-.54 7 4 7c2 0 3-7 4-8s2-3.89 2-6c0-3-2-6-5-6s-3 1-5 1s-2-1-5-1m0 2c2 0 3 1 5 1s3-1 5-1c1.67 0 3 2 3 4c0 1.75-.86 4.11-1.81 5.06c-.86.86-2.13 6.88-2.69 6.88c-.21 0-.5-1.06-.5-2.35c0-2.04-.57-4.59-3-4.59s-3 2.55-3 4.59c0 1.29-.29 2.35-.5 2.35c-.56 0-1.83-6.02-2.69-6.88C4.86 12.11 4 9.75 4 8c0-2 1.33-4 3-4\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Dentistry<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.15000000000000002s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:chart-line\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"m16 11.78l4.24-7.33l1.73 1l-5.23 9.05l-6.51-3.75L5.46 19H22v2H2V3h2v14.54L9.5 8z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Economics & Administrative<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 8 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.2s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:school-outline\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9zm6.82 6L12 12.72L5.18 9L12 5.28zM17 16l-5 2.72L7 16v-3.73L12 15l5-2.73z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Education<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 6 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.25s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:cog-outline\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-2 12c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 0 1 .12-.64l2.11-1.66L4.5 12l.07-1l-2.11-1.63a.493.493 0 0 1-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.13.22.07.49-.12.64L19.43 11l.07 1l-.07 1l2.11 1.63c.19.15.25.42.12.64l-2 3.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98l-.37 2.65c-.04.24-.25.42-.5.42zm1.25-18l-.37 2.61c-1.2.25-2.26.89-3.03 1.78L5.44 7.35l-.75 1.3L6.8 10.2a5.55 5.55 0 0 0 0 3.6l-2.12 1.56l.75 1.3l2.43-1.04c.77.88 1.82 1.52 3.01 1.76l.37 2.62h1.52l.37-2.61c1.19-.25 2.24-.89 3.01-1.77l2.43 1.04l.75-1.3l-2.12-1.55c.4-1.17.4-2.44 0-3.61l2.11-1.55l-.75-1.3l-2.41 1.04a5.42 5.42 0 0 0-3.03-1.77L12.75 4z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Engineering<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 5 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.30000000000000004s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:medical-bag\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M10 3L8 5v2H5C3.85 7 3.12 8 3 9L2 19c-.12 1 .54 2 2 2h16c1.46 0 2.12-1 2-2L21 9c-.12-1-.94-2-2-2h-3V5l-2-2zm0 2h4v2h-4zm1 5h2v3h3v2h-3v3h-2v-3H8v-2h3z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Health Sciences<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 5 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.35000000000000003s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:scale-balance\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M12 3c-1.27 0-2.4.8-2.82 2H3v2h1.95L2 14c-.47 2 1 3 3.5 3s4.06-1 3.5-3L6.05 7h3.12c.33.85.98 1.5 1.83 1.83V20H2v2h20v-2h-9V8.82c.85-.32 1.5-.97 1.82-1.82h3.13L15 14c-.47 2 1 3 3.5 3s4.06-1 3.5-3l-2.95-7H21V5h-6.17C14.4 3.8 13.27 3 12 3m0 2a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m-6.5 5.25L7 14H4zm13 0L20 14h-3z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Law<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.4s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:pill\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"m4.22 11.29l7.07-7.07a6.01 6.01 0 0 1 8.49 0c2.34 2.34 2.34 6.14 0 8.49l-7.07 7.07c-2.35 2.34-6.15 2.34-8.49 0a6.01 6.01 0 0 1 0-8.49m1.42 1.42a3.98 3.98 0 0 0-1.04 3.86l5.99-5.98l4.24 4.24l3.53-3.54a3.98 3.98 0 0 0 0-5.65a3.98 3.98 0 0 0-5.65 0z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Pharmacy<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 3 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.45s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:basketball\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M2.34 14.63c.6-.22 1.22-.33 1.88-.33q2.01 0 3.51 1.26L4.59 18.7a10.6 10.6 0 0 1-2.25-4.07M15.56 9.8c1.97 1.47 4.1 1.83 6.38 1.08c.03.21.06.59.06 1.12c0 1.03-.25 2.18-.72 3.45c-.47 1.26-1.05 2.28-1.73 3.05l-6.33-6.31zm-6.79 6.84c1.06 1.53 1.28 3.2.65 5.02c-1.42-.41-2.69-1.05-3.75-1.93zm3.42-3.42l6.31 6.33c-2.17 1.9-4.72 2.7-7.62 2.39c.21-.66.32-1.38.32-2.16c0-.62-.14-1.35-.42-2.18s-.61-1.51-.98-2.04zM8.81 14.5a6.7 6.7 0 0 0-3.23-1.59c-1.22-.23-2.39-.16-3.52.22c-.03-.22-.06-.6-.06-1.13c0-1.03.25-2.18.72-3.45c.47-1.26 1.05-2.28 1.73-3.05l6.66 6.69zm6.75-6.77c-1.34-1.65-1.65-3.45-.93-5.39c.62.16 1.33.46 2.13.92c.79.45 1.44.9 1.94 1.33zm6.1 1.65c-.6.21-1.22.32-1.88.32c-1.09 0-2.14-.32-3.14-.98l3.09-3.05c.88 1.1 1.52 2.33 1.93 3.71m-9.47 1.73L5.5 4.45c2.17-1.9 4.72-2.7 7.63-2.39q-.33.99-.33 2.16c0 .72.16 1.53.49 2.44c.33.9.71 1.62 1.21 2.15z\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Physical Education<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"card-lift bg-base rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) 0.5s both;\">\r\n \r\n <div class=\"w-16 h-16 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" data-icon=\"mdi:silverware-fork-knife\" class=\"iconify text-3xl transition-transform duration-300 group-hover:scale-110 iconify--mdi\"><path fill=\"currentColor\" d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4\"><\/path><\/svg>\r\n <\/div>\r\n \r\n <h3 class=\"text-base font-serif font-bold leading-snug text-brand-950 mb-5\">Tourism & Culinary Arts<\/h3>\r\n \r\n <div class=\"mt-auto\">\r\n <span class=\"inline-block text-[11px] font-bold text-white bg-brand-950 px-4 py-1.5 rounded-full border border-brand-900 uppercase tracking-widest transition-colors shadow-sm group-hover:bg-gold-500 group-hover:border-gold-400 group-hover:text-brand-950\">\r\n 2 Program\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-brand-950 rounded-2xl p-6 md:p-8 flex flex-col md:flex-row items-center justify-between gap-6 shadow-2xl reveal visible\">\r\n <div class=\"flex items-start gap-5\">\r\n <div class=\"w-14 h-14 bg-gold-400 rounded-full flex items-center justify-center flex-shrink-0 shadow-[0_0_15px_rgba(212,175,55,0.4)]\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" data-icon=\"lucide:folder-check\" data-width=\"26\" class=\"iconify text-brand-950 iconify--lucide\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\"><\/path><path d=\"m9 13l2 2l4-4\"><\/path><\/g><\/svg>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-xl font-serif text-white mb-1.5\">Siapkan Dokumen Anda<\/h4>\r\n <p class=\"text-sm font-light text-white\/70 leading-relaxed max-w-xl\">Dari Passport, Ijazah, CV, hingga skor bahasa\u2014tim Bright Education siap memandu dan merevisi dokumen Anda step-by-step.<\/p>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"openM('detailM')\" class=\"btn-pulse flex-shrink-0 w-full md:w-auto bg-white text-brand-950 text-[11px] font-bold uppercase tracking-[0.15em] px-8 py-4 rounded hover:bg-gold-400 transition-all flex items-center justify-center gap-2\">\r\n Lihat Persyaratan <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" role=\"img\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" data-icon=\"lucide:arrow-right\" data-width=\"14\" class=\"iconify iconify--lucide\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"><\/path><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"costs\" class=\"py-24 border-b border-brand-200\/50\">\r\n <div class=\"max-w-5xl mx-auto px-6\">\r\n <div class=\"text-center mb-16 reveal\">\r\n <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-brand-400 mb-3\">Investasi Masa Depan<\/p>\r\n <h2 class=\"text-3xl md:text-4xl font-serif tracking-tight text-brand-950\">Skema <em class=\"italic text-gold-500\">Biaya & Beasiswa<\/em><\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-8 reveal\" style=\"transition-delay:.1s\">\r\n <div class=\"bg-white rounded-2xl border border-gold-400\/30 p-8 md:p-10 card-lift relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 w-32 h-32 bg-gold-50 rounded-bl-full -mr-4 -mt-4 opacity-50 pointer-events-none\"><\/div>\r\n <span class=\"inline-flex items-center gap-2 text-[9px] font-bold uppercase tracking-[0.2em] text-gold-600 mb-4 bg-gold-50 px-3 py-1 rounded-full border border-gold-200\">\r\n <span class=\"iconify\" data-icon=\"lucide:award\"><\/span> Jalur Beasiswa\r\n <\/span>\r\n <h3 class=\"text-4xl md:text-5xl font-serif leading-tight text-brand-950 mb-2\">80% <span class=\"text-lg text-brand-400 font-sans font-light\">Diskon SPP<\/span><\/h3>\r\n <p class=\"text-xs font-light text-brand-600 mb-8 leading-relaxed\">Berlaku selama masa studi bagi seluruh pendaftar yang memproses dokumen melalui Bright Education.<\/p>\r\n \r\n <div class=\"space-y-4 text-sm font-light text-brand-800\">\r\n <div class=\"flex justify-between items-center pb-3 border-b border-brand-100\">\r\n <span>Biaya Normal \/ Tahun<\/span>\r\n <span class=\"line-through text-brand-400\">Rp 95.355.594<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center pt-1\">\r\n <span class=\"font-medium text-brand-900\">Setelah Beasiswa<\/span>\r\n <span class=\"font-bold text-lg text-gold-600\">Rp 19.071.119<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-2xl border border-brand-200\/50 p-8 md:p-10 card-lift\">\r\n <span class=\"inline-flex items-center gap-2 text-[9px] font-bold uppercase tracking-[0.2em] text-brand-600 mb-4 bg-brand-50 px-3 py-1 rounded-full border border-brand-100\">\r\n <span class=\"iconify\" data-icon=\"lucide:landmark\"><\/span> Pembayaran Awal\r\n <\/span>\r\n <h3 class=\"text-2xl font-serif leading-tight text-brand-950 mb-2\">Deposit (LoA)<\/h3>\r\n <p class=\"text-xs font-light text-brand-600 mb-6 leading-relaxed\">Dibayarkan langsung ke rekening universitas untuk penerbitan Letter of Acceptance resmi.<\/p>\r\n \r\n <ul class=\"text-[13px] font-light text-brand-700 space-y-3\">\r\n <li class=\"flex justify-between py-2 border-b border-brand-50\"><span>Sarjana & Diploma<\/span> <strong class=\"text-brand-950\">USD 1.350<\/strong><\/li>\r\n <li class=\"flex justify-between py-2 border-b border-brand-50\"><span>Magister (S2)<\/span> <strong class=\"text-brand-950\">USD 1.395<\/strong><\/li>\r\n <li class=\"flex justify-between py-2 border-b border-brand-50\"><span>Farmasi<\/span> <strong class=\"text-brand-950\">USD 1.545<\/strong><\/li>\r\n <li class=\"flex justify-between py-2\"><span>Kedokteran Gigi<\/span> <strong class=\"text-brand-950\">USD 2.345<\/strong><\/li>\r\n <\/ul>\r\n <p class=\"text-[9px] text-brand-400 mt-5 italic\">*Biaya pendaftaran Bright Education: Rp 200.000<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"cta\" class=\"relative py-28 md:py-36 px-6 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523050854058-8df90110c9f1?q=80&w=2000&auto=format&fit=crop\" alt=\"Campus\" class=\"absolute inset-0 w-full h-full object-cover opacity-10\">\r\n <div class=\"absolute inset-0 bg-brand-950\/95\"><\/div>\r\n <div class=\"relative z-10 max-w-3xl mx-auto text-center reveal\">\r\n <h2 class=\"text-3xl md:text-5xl font-serif text-white tracking-tight mb-6\">Mulai Karir Global <em class=\"italic text-gold-400\">Sekarang<\/em><\/h2>\r\n <p class=\"text-sm md:text-base font-light text-white\/70 leading-relaxed mb-10 max-w-lg mx-auto\">\r\n Diskusikan rencana masa depan, pemilihan fakultas, hingga estimasi pendanaan Anda secara privat bersama konsultan akademik Bright Education.\r\n <\/p>\r\n \r\n <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\r\n <a href=\"https:\/\/wa.me\/6287717570174\" target=\"_blank\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2.5 bg-gold-500 text-brand-950 text-[11px] font-bold uppercase tracking-[0.15em] px-10 py-4 rounded hover:bg-gold-400 transition-colors shadow-lg\">\r\n <span class=\"iconify\" data-icon=\"lucide:message-circle\" data-width=\"16\"><\/span> Konsultasi WhatsApp\r\n <\/a>\r\n <a href=\"https:\/\/www.final.edu.tr\/en\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"w-full sm:w-auto inline-flex items-center justify-center gap-2.5 bg-transparent border border-white\/30 text-white hover:text-brand-950 text-[11px] font-bold uppercase tracking-[0.15em] px-8 py-4 rounded hover:bg-white transition-all\">\r\n <span class=\"iconify\" data-icon=\"lucide:globe\" data-width=\"15\"><\/span> Web Resmi FIU\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"detailM\" class=\"modal-bg fixed inset-0 z-50 flex items-end md:items-center justify-center bg-brand-950\/70 backdrop-blur-sm\">\r\n <div class=\"modal-box bg-white rounded-t-2xl md:rounded-xl w-full max-w-2xl max-h-[88vh] overflow-y-auto shadow-2xl border border-brand-100\">\r\n <div class=\"sticky top-0 bg-white\/95 backdrop-blur-md border-b border-brand-100 px-6 py-5 flex items-center justify-between z-10\">\r\n <h3 class=\"text-lg font-serif text-brand-950 flex items-center gap-3\">\r\n <span class=\"iconify text-gold-500 text-xl\" data-icon=\"lucide:clipboard-list\"><\/span> Persyaratan & Informasi\r\n <\/h3>\r\n <button onclick=\"closeM('detailM')\" class=\"w-8 h-8 flex items-center justify-center rounded bg-base hover:bg-brand-100 transition-colors\"><span class=\"iconify text-brand-600\" data-icon=\"lucide:x\"><\/span><\/button>\r\n <\/div>\r\n\r\n <div class=\"px-6 pt-2 flex gap-6 border-b border-brand-100 overflow-x-auto no-scrollbar\">\r\n <button class=\"itab active whitespace-nowrap text-[11px] font-bold uppercase tracking-widest py-4 border-b-2 border-brand-950 text-brand-950 transition-all\" data-itab=\"i1\">Dokumen<\/button>\r\n <button class=\"itab whitespace-nowrap text-[11px] font-bold uppercase tracking-widest py-4 border-b-2 border-transparent text-brand-400 hover:text-brand-700 transition-all\" data-itab=\"i2\">Standar Bahasa<\/button>\r\n <button class=\"itab whitespace-nowrap text-[11px] font-bold uppercase tracking-widest py-4 border-b-2 border-transparent text-brand-400 hover:text-brand-700 transition-all\" data-itab=\"i3\">Tanya Jawab<\/button>\r\n <\/div>\r\n\r\n <div id=\"i1\" class=\"ipanel active px-6 py-6\">\r\n <ol class=\"space-y-4 text-sm font-light text-brand-800\">\r\n <li class=\"flex items-start gap-3\"><span class=\"w-5 h-5 rounded bg-gold-50 border border-gold-200 text-gold-600 flex items-center justify-center text-[10px] font-bold flex-shrink-0 mt-0.5\">1<\/span> Salinan Paspor yang masih berlaku<\/li>\r\n <li class=\"flex items-start gap-3\"><span class=\"w-5 h-5 rounded bg-gold-50 border border-gold-200 text-gold-600 flex items-center justify-center text-[10px] font-bold flex-shrink-0 mt-0.5\">2<\/span> Ijazah kelulusan \/ Surat Keterangan Lulus (SKL) berbahasa Inggris<\/li>\r\n <li class=\"flex items-start gap-3\"><span class=\"w-5 h-5 rounded bg-gold-50 border border-gold-200 text-gold-600 flex items-center justify-center text-[10px] font-bold flex-shrink-0 mt-0.5\">3<\/span> Transkrip Nilai resmi (diterjemahkan ke bahasa Inggris)<\/li>\r\n <li class=\"flex items-start gap-3\"><span class=\"w-5 h-5 rounded bg-gold-50 border border-gold-200 text-gold-600 flex items-center justify-center text-[10px] font-bold flex-shrink-0 mt-0.5\">4<\/span> CV & Motivation Letter (opsional namun disarankan)<\/li>\r\n <\/ol>\r\n <div class=\"mt-8 p-5 bg-base rounded-lg border border-brand-100\">\r\n <p class=\"text-xs font-medium text-brand-700 leading-relaxed\"><span class=\"iconify inline-block text-brand-500 mr-1\" data-icon=\"lucide:info\"><\/span> Tim Bright Education akan membantu memeriksa dan mengarahkan proses penerjemahan tersumpah seluruh dokumen Anda agar sesuai standar FIU.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"i2\" class=\"ipanel px-6 py-6\" style=\"display:none\">\r\n <p class=\"text-xs font-light text-brand-600 mb-4\">Skor minimum untuk langsung masuk program studi (Bebas kelas persiapan bahasa):<\/p>\r\n <div class=\"border border-brand-100 rounded-lg overflow-hidden\">\r\n <div class=\"flex justify-between py-3.5 px-5 bg-base border-b border-brand-100 text-sm\"><span class=\"font-light text-brand-700\">IELTS<\/span><span class=\"font-bold text-brand-950\">5.5 \u2013 6.0<\/span><\/div>\r\n <div class=\"flex justify-between py-3.5 px-5 border-b border-brand-100 text-sm\"><span class=\"font-light text-brand-700\">TOEFL iBT<\/span><span class=\"font-bold text-brand-950\">65 \u2013 75<\/span><\/div>\r\n <div class=\"flex justify-between py-3.5 px-5 bg-base border-b border-brand-100 text-sm\"><span class=\"font-light text-brand-700\">PTE Academic<\/span><span class=\"font-bold text-brand-950\">50<\/span><\/div>\r\n <\/div>\r\n <p class=\"text-[11px] text-brand-500 mt-5 leading-relaxed text-center italic\">*Jika Anda belum memiliki sertifikat bahasa, FIU menyediakan Ujian Bahasa Inggris internal secara online.<\/p>\r\n <\/div>\r\n\r\n <div id=\"i3\" class=\"ipanel px-6 py-4\" style=\"display:none\">\r\n <div class=\"space-y-0\">\r\n <div class=\"border-b border-brand-100\">\r\n <button class=\"qf w-full flex items-center justify-between py-4 text-left text-sm font-medium text-brand-950 hover:text-gold-600 transition-colors\"><span>Apakah ada beasiswa?<\/span><span class=\"iconify qi text-brand-400 transition-transform duration-200\" data-icon=\"lucide:plus\"><\/span><\/button>\r\n <div class=\"qb max-h-0 overflow-hidden transition-all duration-300\"><p class=\"text-xs font-light text-brand-700 pb-4 leading-relaxed\">Tentu. FIU memberikan beasiswa otomatis sebesar 80% untuk mahasiswa internasional yang mendaftar melalui partner resmi seperti Bright Education.<\/p><\/div>\r\n <\/div>\r\n <div class=\"border-b border-brand-100\">\r\n <button class=\"qf w-full flex items-center justify-between py-4 text-left text-sm font-medium text-brand-950 hover:text-gold-600 transition-colors\"><span>Bisa kerja paruh waktu di sana?<\/span><span class=\"iconify qi text-brand-400 transition-transform duration-200\" data-icon=\"lucide:plus\"><\/span><\/button>\r\n <div class=\"qb max-h-0 overflow-hidden transition-all duration-300\"><p class=\"text-xs font-light text-brand-700 pb-4 leading-relaxed\">Sangat bisa. Mahasiswa diizinkan bekerja (restoran, hotel, kasino) dengan estimasi penghasilan yang cukup untuk menutup biaya hidup bulanan.<\/p><\/div>\r\n <\/div>\r\n <div>\r\n <button class=\"qf w-full flex items-center justify-between py-4 text-left text-sm font-medium text-brand-950 hover:text-gold-600 transition-colors\"><span>Bagaimana dengan pengurusan Visa?<\/span><span class=\"iconify qi text-brand-400 transition-transform duration-200\" data-icon=\"lucide:plus\"><\/span><\/button>\r\n <div class=\"qb max-h-0 overflow-hidden transition-all duration-300\"><p class=\"text-xs font-light text-brand-700 pb-4 leading-relaxed\">Proses visa pelajar Cyprus utara relatif lebih mudah dan diajukan setelah mahasiswa tiba di kampus. Kami akan mendampingi pemberangkatan Anda.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"px-6 py-5 bg-base border-t border-brand-100 flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n <p class=\"text-[10px] text-brand-600 font-medium text-center sm:text-left\">Punya pertanyaan spesifik?<\/p>\r\n <a href=\"https:\/\/wa.me\/6287717570174\" target=\"_blank\" class=\"w-full sm:w-auto flex items-center justify-center gap-2 bg-brand-950 text-gold-400 text-[10px] font-bold uppercase tracking-[0.15em] px-6 py-3.5 rounded hover:bg-brand-800 hover:text-gold-300 transition-colors shadow-md\">\r\n <span class=\"iconify\" data-icon=\"lucide:message-circle\"><\/span> Tanya Konsultan\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ --- DATA PROGRAM LENGKAP DENGAN DESKRIPSI ---\r\nconst data = {\r\n associate: [\r\n { faculty: \"Vocational School\", icon: \"mdi:briefcase-outline\", \r\n desc: \"Pelatihan praktis intensif untuk mencetak tenaga profesional siap kerja di sektor bisnis dan teknologi.\",\r\n programs: [\"Business Management\", \"Computer Programming\", \"Culinary Arts\", \"Finance\", \"Pharmacy Services\", \"Tourism & Hospitality\"] }, \r\n { faculty: \"Vocational School of Health Sciences\", icon: \"mdi:heart-pulse\", \r\n desc: \"Program vokasi kesehatan yang berfokus pada keahlian klinis dan pendukung medis darurat.\",\r\n programs: [\"Anaesthesia\", \"First & Emergency Aid\", \"Operating Room Services\", \"Physiotherapy\"] } \r\n ],\r\n bachelor: [\r\n { faculty: \"Architecture and Fine Arts\", icon: \"mdi:domain\", \r\n desc: \"Membentuk kreativitas dalam merancang ruang dan ekspresi seni dengan standar desain internasional.\",\r\n programs: [\"Architecture\", \"Interior Architecture\"] },\r\n { faculty: \"Arts and Sciences\", icon: \"mdi:brain\", \r\n desc: \"Eksplorasi mendalam mengenai perilaku manusia dan sains fundamental untuk solusi masa depan.\",\r\n programs: [\"Psychology\"] },\r\n { faculty: \"Dentistry\", icon: \"mdi:tooth-outline\", \r\n desc: \"Pendidikan kedokteran gigi mutakhir dengan fasilitas klinik modern dan standar medis tinggi.\",\r\n programs: [\"Dentistry\"] },\r\n { faculty: \"Economics & Administrative Sciences\", icon: \"mdi:chart-line\", \r\n desc: \"Mempersiapkan pemimpin masa depan di bidang manajemen, keuangan global, dan ekonomi digital.\",\r\n programs: [\"Banking, Finance & Accounting\", \"Business Administration\", \"Economics\", \"Management Information Systems\", \"Marketing Digital Media\", \"Political Science & International Relations\"] }, \r\n { faculty: \"Education\", icon: \"mdi:school-outline\", \r\n desc: \"Mencetak pendidik profesional dengan metodologi pengajaran modern untuk berbagai bidang spesialisasi.\",\r\n programs: [\"English Language Teaching\", \"Pre-School Teaching\", \"Primary School Mathematics Teaching\", \"Guidance & Psychological Counselling\", \"Special Education Teaching\", \"Turkish Language Teaching\"] }, \r\n { faculty: \"Engineering\", icon: \"mdi:cog-outline\", \r\n desc: \"Inovasi teknik dan pengembangan teknologi mutakhir melalui riset dan implementasi praktis.\",\r\n programs: [\"Artificial Intelligence Engineering\", \"Civil Engineering\", \"Computer Engineering\", \"Electrical & Electronical Engineering\", \"Software Engineering\"] }, \r\n { faculty: \"Health Sciences\", icon: \"mdi:medical-bag\", \r\n desc: \"Fokus pada pengabdian kesehatan masyarakat melalui pendidikan keperawatan dan nutrisi yang komprehensif.\",\r\n programs: [\"Nursing\", \"Nutrition and Dietetics\", \"Physiotherapy & Rehabilitation\"] }, \r\n { faculty: \"Law\", icon: \"mdi:scale-balance\", \r\n desc: \"Studi mendalam tentang kerangka hukum internasional dan domestik untuk keadilan global.\",\r\n programs: [\"International Law\", \"Law\"] }, \r\n { faculty: \"Pharmacy\", icon: \"mdi:pill\", \r\n desc: \"Pusat unggulan riset farmasi klinis dan pengembangan ilmu obat-obatan tingkat lanjut.\",\r\n programs: [\"Pharmacy (MPharm)\", \"Pharmacy (PharmD)\"] }, \r\n { faculty: \"Physical Education & Sports\", icon: \"mdi:basketball\", \r\n desc: \"Pengembangan bakat atletik dan manajemen olahraga melalui pendekatan sains olahraga.\",\r\n programs: [\"Coaching Education\", \"Physical Education & Sports Teaching\"] }, \r\n { faculty: \"Tourism & Culinary Arts\", icon: \"mdi:silverware-fork-knife\", \r\n desc: \"Pendidikan perhotelan dan seni kuliner kelas dunia di lingkungan multikultural.\",\r\n programs: [\"Gastronomy & Culinary Arts\", \"Tourism Management\"] } \r\n ],\r\n pathway: [\r\n { faculty: \"Glasgow Caledonian University (UK)\", icon: \"mdi:flag-variant\", \r\n desc: \"Program kolaborasi internasional untuk gelar bergengsi dari universitas ternama di Inggris.\",\r\n programs: [\"International Tourism & Event Management (2+2)\", \"Financial Technology (1+1)\", \"Global MBA (1+1)\", \"Int. Business Management (1+1)\"] }, \r\n { faculty: \"University of Hull (UK)\", icon: \"mdi:flag-variant\", \r\n desc: \"Jalur percepatan studi menuju pendidikan tinggi berkualitas di United Kingdom.\",\r\n programs: [\"Accounting (2+2)\", \"Advanced Computer Science (4+1)\", \"Business Management (2+2)\", \"Marketing (2+2)\", \"Logistics & Supply Chain Management (2+2)\"] },\r\n { faculty: \"USA & Germany Collaboration\", icon: \"mdi:earth\", \r\n desc: \"Program jalur ganda menuju universitas mitra di Amerika Serikat dan Jerman.\",\r\n programs: [\"Virscend University MBA (US)\", \"Steinbeis Univ. Digital Marketing (DE)\", \"Steinbeis Univ. Management & Innovation (DE)\"] }\r\n ],\r\n master: [\r\n { faculty: \"Master Degree Programs\", icon: \"mdi:certificate\", \r\n desc: \"Program pascasarjana untuk spesialisasi karir dan riset tingkat lanjut di berbagai disiplin ilmu.\",\r\n programs: [\"Architecture\", \"Clinical Psychology\", \"Education Management\", \"Electrical Engineering\", \"English Language Teaching\", \"MBA Business Administration\", \"Software Engineering\", \"Tourism Management\"] } \r\n ],\r\n phd: [\r\n { faculty: \"Doctorate Programs (PhD)\", icon: \"mdi:doctor\", \r\n desc: \"Jenjang pendidikan tertinggi untuk menghasilkan peneliti dan akademisi ahli.\",\r\n programs: [\"Business Administration\", \"Orthodontics\", \"Gastronomy\", \"Pedodontics\", \"Political Science\", \"Prosthodontics\", \"Tourism Management\"] } \r\n ]\r\n };\r\n\r\n const programsGrid = document.getElementById('programs-grid');\r\n const tabContainer = document.getElementById('tab-container');\r\n\r\n \/\/ --- RENDER GRID FAKULTAS ---\r\n function renderPrograms(levelKey) {\r\n const items = data[levelKey] || [];\r\n \r\n programsGrid.innerHTML = items.map((item, i) => `\r\n <div class=\"card-lift bg-white rounded-xl border border-brand-200\/50 p-8 flex flex-col items-center text-center group\" style=\"animation: fadeUp 0.6s cubic-bezier(0.16,1,0.3,1) ${i * 0.05}s both;\">\r\n \r\n <div class=\"w-14 h-14 rounded-full bg-brand-50 text-brand-950 border border-brand-100 flex items-center justify-center mb-5 transition-all duration-300 group-hover:bg-brand-950 group-hover:text-white group-hover:border-transparent group-hover:shadow-[0_0_20px_rgba(1,29,51,0.2)]\">\r\n <span class=\"iconify text-2xl transition-transform duration-300 group-hover:scale-110\" data-icon=\"${item.icon}\"><\/span>\r\n <\/div>\r\n \r\n <h3 class=\"text-[15px] font-serif font-bold leading-tight text-brand-950 mb-4\">${item.faculty}<\/h3>\r\n \r\n <p class=\"text-[11px] font-light text-brand-600 leading-relaxed mb-8 opacity-80\">\r\n ${item.desc}\r\n <\/p>\r\n \r\n <div class=\"mt-auto pt-2 w-full\">\r\n <button onclick=\"openProgramModal('${levelKey}', ${i})\" class=\"w-full inline-flex items-center justify-center gap-2 text-[10px] font-bold text-brand-950 bg-gold-500 px-4 py-2.5 rounded hover:bg-gold-400 transition-all uppercase tracking-widest shadow-sm\">\r\n Lihat Program <span class=\"iconify\" data-icon=\"lucide:arrow-right\" data-width=\"12\"><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n \/\/ --- POPUP JURUSAN LOGIC ---\r\n function openProgramModal(levelKey, index) {\r\n const item = data[levelKey][index];\r\n const modal = document.getElementById('programListModal');\r\n const listContainer = document.getElementById('modalProgramList');\r\n \r\n document.getElementById('modalFacultyName').innerText = item.faculty;\r\n \r\n listContainer.innerHTML = item.programs.map(p => `\r\n <li class=\"flex items-start gap-3 p-3 bg-base rounded-lg border border-brand-100\/50\">\r\n <span class=\"w-1.5 h-1.5 rounded-full bg-gold-500 mt-1.5 flex-shrink-0\"><\/span>\r\n <span class=\"text-xs font-medium text-brand-950 leading-snug\">${p}<\/span>\r\n <\/li>\r\n `).join('');\r\n \r\n openM('programListModal');\r\n }\r\n\r\n \/\/ --- LOGIKA TAB FAKULTAS ---\r\n tabContainer.addEventListener('click', (e) => {\r\n const tab = e.target.closest('.level-tab');\r\n if (!tab) return;\r\n tabContainer.querySelectorAll('.level-tab').forEach(t => {\r\n t.classList.remove('active', 'bg-brand-950', 'text-white', 'border-brand-950', 'shadow-md');\r\n t.classList.add('bg-base', 'text-brand-600', 'border-brand-200\/80');\r\n });\r\n tab.classList.add('active', 'bg-brand-950', 'text-white', 'border-brand-950', 'shadow-md');\r\n tab.classList.remove('bg-base', 'text-brand-600', 'border-brand-200\/80');\r\n renderPrograms(tab.dataset.level);\r\n });\r\n\r\n \/\/ Inisialisasi awal\r\n renderPrograms('bachelor');\r\n\r\n \/\/ --- UTILITY MODAL & SCROLL ---\r\n function openM(id){ document.getElementById(id).classList.add('open'); document.body.style.overflow='hidden' }\r\n function closeM(id){ document.getElementById(id).classList.remove('open'); document.body.style.overflow='' }\r\n \r\n \/\/ Menutup modal jika area gelap diklik\r\n document.querySelectorAll('.modal-bg').forEach(m => m.addEventListener('click', e => { if(e.target===m) closeM(m.id) }));\r\n document.addEventListener('keydown', e => { if(e.key==='Escape') document.querySelectorAll('.modal-bg.open').forEach(m => closeM(m.id)) });\r\n\r\n \/\/ Navbar pada saat scroll\r\n window.addEventListener('scroll', () => {\r\n const nav = document.getElementById('nav');\r\n if(window.pageYOffset > 50) {\r\n nav.classList.add('bg-white\/95','backdrop-blur-md','border-b','border-brand-200\/50','shadow-sm');\r\n nav.classList.remove('bg-transparent');\r\n } else {\r\n nav.classList.remove('bg-white\/95','backdrop-blur-md','border-b','border-brand-200\/50','shadow-sm');\r\n nav.classList.add('bg-transparent');\r\n }\r\n });\r\n\r\n \/\/ Scroll animasi \"reveal\"\r\n const obs = new IntersectionObserver(e => e.forEach(x => { if(x.isIntersecting) x.target.classList.add('visible') }), { threshold: 0.1 });\r\n document.querySelectorAll('.reveal').forEach(x => obs.observe(x));\r\n\r\n \/\/ --- KODE TAB INNER (UNTUK MODAL PERSYARATAN) ---\r\n document.querySelectorAll('.itab').forEach(b => b.addEventListener('click', () => {\r\n document.querySelectorAll('.itab').forEach(x => { \r\n x.classList.remove('active','border-brand-950','text-brand-950'); \r\n x.classList.add('border-transparent','text-brand-400') \r\n });\r\n b.classList.add('active','border-brand-950','text-brand-950'); \r\n b.classList.remove('border-transparent','text-brand-400');\r\n \r\n document.querySelectorAll('.ipanel').forEach(p => p.style.display='none');\r\n document.getElementById(b.dataset.itab).style.display='block';\r\n }));\r\n\r\n \/\/ --- KODE ACCORDION FAQ (UNTUK MODAL PERSYARATAN) ---\r\n document.querySelectorAll('.qf').forEach(t => t.addEventListener('click', () => {\r\n const b = t.nextElementSibling;\r\n const i = t.querySelector('.qi');\r\n const open = b.style.maxHeight && b.style.maxHeight !== '0px';\r\n \r\n document.querySelectorAll('.qb').forEach(x => x.style.maxHeight = '0px');\r\n document.querySelectorAll('.qi').forEach(x => x.style.transform = 'rotate(0)');\r\n \r\n if(!open) { \r\n b.style.maxHeight = b.scrollHeight + 'px'; \r\n i.style.transform = 'rotate(45deg)';\r\n }\r\n }));\r\n<\/script>\r\n<div id=\"programListModal\" class=\"modal-bg fixed inset-0 z-[60] flex items-center justify-center bg-brand-950\/70 backdrop-blur-sm\">\r\n <div class=\"modal-box bg-white rounded-xl w-full max-w-lg p-0 overflow-hidden shadow-2xl border border-brand-100 mx-4\">\r\n <div class=\"bg-brand-950 px-6 py-4 flex items-center justify-between\">\r\n <h3 id=\"modalFacultyName\" class=\"text-white font-serif font-bold text-lg\">Nama Fakultas<\/h3>\r\n <button onclick=\"closeM('programListModal')\" class=\"text-white\/70 hover:text-white transition-colors\">\r\n <span class=\"iconify\" data-icon=\"lucide:x\" data-width=\"24\"><\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"p-8\">\r\n <p class=\"text-[10px] font-bold uppercase tracking-widest text-gold-600 mb-4\">Daftar Program Studi:<\/p>\r\n <ul id=\"modalProgramList\" class=\"grid grid-cols-1 gap-3\">\r\n <\/ul>\r\n <button onclick=\"closeM('programListModal')\" class=\"w-full mt-8 py-3 bg-base text-brand-950 font-bold text-[11px] uppercase tracking-widest rounded hover:bg-brand-100 transition-colors\">\r\n Tutup\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Study in Turkey \u2013 Final International University | Bright Education Pendaftaran 2025\/2026 Kuliah di Turki Beasiswa 80% Final International University \u2014 gelar internasional, biaya terjangkau, melalui Bright Education. Lihat Program WhatsApp Yuk, Daftar Sekarang!, Klik Disini! Pendaftaran ditutup akhir tahun Keunggulan Studi di FIU Cyprus: Gelar Global Beasiswa 80% Part-Time Job Top Fasilitas modern dengan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"wf_page_folders":[],"class_list":["post-8737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/8737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/comments?post=8737"}],"version-history":[{"count":16,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/8737\/revisions"}],"predecessor-version":[{"id":8925,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/8737\/revisions\/8925"}],"wp:attachment":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/media?parent=8737"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/wf_page_folders?post=8737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}