@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap’);
/* — ANIMATION DEFINITIONS — */
/* Subtle background color shift */
@keyframes gradientFlow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@-webkit-keyframes gradientFlow {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Clean entrance animation for cards */
@keyframes slideUpFade {
0% { opacity: 0; transform: translateY(40px) scale(0.98); }
100% { opacity: 1; transform: translateY(0) scale(1); }
}
@-webkit-keyframes slideUpFade {
0% { opacity: 0; -webkit-transform: translateY(40px) scale(0.98); }
100% { opacity: 1; -webkit-transform: translateY(0) scale(1); }
}
/* Glowing pulse for the primary button */
@keyframes pulseGlow {
0% { box-shadow: 0 0 0 0 rgba(184, 134, 11, 0.6); }
70% { box-shadow: 0 0 0 12px rgba(184, 134, 11, 0); }
100% { box-shadow: 0 0 0 0 rgba(184, 134, 11, 0); }
}
@-webkit-keyframes pulseGlow {
0% { box-shadow: 0 0 0 0 rgba(184, 134, 11, 0.6); }
70% { box-shadow: 0 0 0 12px rgba(184, 134, 11, 0); }
100% { box-shadow: 0 0 0 0 rgba(184, 134, 11, 0); }
}
/* — MAIN CONTAINER — */
.tkp-container-main {
font-family: ‘Inter’, sans-serif;
/* Deep, spiritual color palette */
background: linear-gradient(-45deg, #0f2027, #203a43, #2c5364, #2a1a0a);
background-size: 300% 300%;
animation: gradientFlow 20s ease infinite;
-webkit-animation: gradientFlow 20s ease infinite;
padding: 80px 20px;
min-height: 100vh;
color: #333;
line-height: 1.7;
box-sizing: border-box;
}
.tkp-wrapper {
max-width: 900px;
margin: 0 auto;
}
/* — CARD DESIGN (Glassmorphism) — */
.tkp-card {
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 24px;
padding: 45px;
margin-bottom: 35px;
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
/* Animation Properties */
opacity: 0; /* Start hidden */
animation-name: slideUpFade;
-webkit-animation-name: slideUpFade;
animation-duration: 0.9s;
-webkit-animation-duration: 0.9s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* Hover Transition */
transition: all 0.4s ease;
}
/* Smooth “Lift” on Hover */
.tkp-card:hover {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
box-shadow: 0 25px 50px rgba(184, 134, 11, 0.25);
border-color: rgba(184, 134, 11, 0.4);
}
/* Cascading Delays for Entrance */
.delay-1 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
/* — TYPOGRAPHY — */
.tkp-container-main h1,
.tkp-container-main h2,
.tkp-container-main h3 {
font-family: ‘Playfair Display’, serif;
color: #1a1a1a;
margin-bottom: 18px;
line-height: 1.2;
}
.tkp-container-main h1 { font-size: 3rem; font-weight: 700; color: #1e3c72; margin-top: 0; }
.tkp-container-main h2 { font-size: 2rem; color: #B8860B; font-weight: 600; }
.tkp-container-main h3 { font-size: 1.4rem; font-weight: 600; margin-bottom: 10px; color: #2c3e50; }
.tkp-container-main p { font-size: 1.1rem; color: #545454; margin-bottom: 22px; }
.arabic-calligraphy {
font-family: ‘Traditional Arabic’, serif;
font-size: 2.8rem;
color: #B8860B;
text-align: center;
display: block;
margin: 15px 0;
text-shadow: 0px 2px 8px rgba(184, 134, 11, 0.2);
line-height: 1.2;
}
/* — CUSTOM ELEMENTS — */
.highlight-box {
background: linear-gradient(to right, #fffbf0, #f8f9fa);
border-left: 6px solid #B8860B;
padding: 25px;
border-radius: 10px;
font-size: 1.15rem;
font-style: italic;
margin: 25px 0;
color: #5a4a42;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.syllabus-item {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eee;
}
.syllabus-item:last-child { border-bottom: none; }
.syllabus-number {
background: linear-gradient(135deg, #1e3c72, #2a5298);
color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 1.1rem;
margin-right: 20px;
flex-shrink: 0;
box-shadow: 0 4px 10px rgba(30, 60, 114, 0.3);
}
/* — CTA BUTTONS — */
.cta-container {
text-align: center;
margin-top: 35px;
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.tkp-btn {
display: inline-block;
padding: 16px 38px;
border-radius: 50px;
text-decoration: none !important;
font-weight: 700;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 0.95rem;
border: none;
cursor: pointer;
}
.btn-primary {
background: linear-gradient(45deg, #B8860B, #E3B344);
color: #fff !important;
box-shadow: 0 10px 25px rgba(184, 134, 11, 0.3);
animation: pulseGlow 2s infinite;
-webkit-animation: pulseGlow 2s infinite;
}
.btn-secondary {
background: #fff;
color: #1e3c72 !important;
border: 2px solid #1e3c72;
box-shadow: 0 5px 15px rgba(30, 60, 114, 0.1);
}
.tkp-btn:hover {
transform: translateY(-3px) scale(1.03);
-webkit-transform: translateY(-3px) scale(1.03);
}
.btn-primary:hover { box-shadow: 0 15px 30px rgba(184, 134, 11, 0.4); }
.btn-secondary:hover { background: #1e3c72; color: #fff !important; }
/* — RESPONSIVE DESIGN — */
@media (max-width: 768px) {
.tkp-container-main h1 { font-size: 2.4rem; }
.tkp-container-main h2 { font-size: 1.7rem; }
.tkp-card { padding: 30px 25px; }
.syllabus-item { flex-direction: column; }
.syllabus-number { margin-bottom: 12px; }
.tkp-btn { width: 100%; text-align: center; }
}
The Knowledge Platform Presents
The Ultimate Criterion
Revealed
تَبَارَكَ الَّذِي نَزَّلَ الْفُرْقَانَ عَلَىٰ عَبْدِهِ
Surah Al-Furqan: Breaking the Chains of Cultural Confusion
The War for Your Mind
We live in an age of “Brain Rot.” Endless scrolling, conflicting ideologies, and a culture that tells you truth is whatever you feel like today. For a young man navigating the modern world, the lines between Haqq (Truth) and Batil (Falsehood) have never been blurrier.
You are constantly being programmed. But who is writing the code?
“Blessed is He who sent down the Criterion upon His Servant that he may be to the worlds a warner.” (Qur’an 25:1)
The Qur’an calls itself Al-Furqan—The Criterion. The lens that filters out the noise. The divine standard that separates the path of liberation from the path of destruction.
The Guide: Bridging Two Worlds
Sheikh Zahid Malik (dmb)
It is rare to find a mentor who speaks the language of the digital age and the language of the divine with equal fluency. Sheikh Zahid is uniquely positioned to guide you through this modern maze.
-
✨
The Corporate Leader: With over 20 years leading digital transformation in top-tier telecommunication firms, he understands the algorithms, the tech, and the “system” you live in.
-
✨
The Spiritual Master: A distinguished scholar with deep insight into Islamic sciences, holding Ijaza and entrusted with Dawah responsibilities by Shaykh Zulfiqar Ahmad (RA).
He isn’t just teaching a class; he is offering a blueprint on how to be a man of God in a world of machines.
Course Roadmap: A Journey to Liberation
01
Deconstructing the Matrix
Understanding the “Furqan” (Criterion). How to identify and reject the intellectual viruses of modern society using clear Quranic logic.
02
The Psychology of Denial
Why do people reject the Truth even when it’s obvious? A deep dive into the human ego, arrogance, and the spiritual diseases that block guidance.
03
The Servants of the Merciful (‘Ibad-ur-Rahman)
An intense study of the powerful ending verses of Surah Al-Furqan. What does the character of a true believer look like today? (Walking with humility, handling ignorance with dignity, and praying in the depths of the night).
04
Digital Detox & Spiritual Connectivity
Practical, actionable steps to disconnect from the noise and reconnect with the Divine, guided by a mentor who has mastered both worlds.
Join the Circle of Knowledge
Exclusive for Brothers (Ages 17-25)
⏰
Time (PKT)2:00 PM – 3:00 PM
Also available in Adelaide (6:30 PM) and UAE (1:00 PM) timezones.
The Knowledge Platform © 2026. All Rights Reserved.