Aethelgard Private Academy | The Future of Learning<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg-color: #05070a;\r\n --accent-color: #4f46e5;\r\n --text-main: #f8fafc;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background-color: var(--bg-color);\r\n color: var(--text-main);\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n\r\n \/* We increase the padding and count of sections to make the page much longer *\/\r\n .content-section {\r\n position: relative;\r\n z-index: 10;\r\n min-height: 120vh; \/* Increased height per section *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 4rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n pointer-events: none;\r\n transition: opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n\r\n .interactive-element {\r\n pointer-events: auto;\r\n }\r\n\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.02);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 32px;\r\n padding: 4rem;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n #loading-screen {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 100;\r\n background: var(--bg-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity 1s ease;\r\n }\r\n\r\n \/* Overlays *\/\r\n .overlay-view {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 50;\r\n background: radial-gradient(circle at center, transparent, rgba(5, 7, 10, 0.98));\r\n display: none;\r\n opacity: 0;\r\n transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .overlay-view.active {\r\n display: flex;\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .view-transitioning #main-content {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n pointer-events: none;\r\n }\r\n\r\n .step-number {\r\n font-size: 120px;\r\n font-weight: 900;\r\n position: absolute;\r\n top: -60px;\r\n left: -40px;\r\n opacity: 0.05;\r\n color: white;\r\n z-index: -1;\r\n }\r\n\r\n input, select, textarea {\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n color: white !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus {\r\n border-color: var(--accent-color) !important;\r\n background: rgba(255, 255, 255, 0.06) !important;\r\n outline: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"overflow-x-hidden\">\r\n\r\n <div id=\"loading-screen\">\r\n <div class=\"text-center\">\r\n <div class=\"w-20 h-20 border-4 border-indigo-500 border-t-transparent rounded-full animate-spin mb-6 mx-auto\"><\/div>\r\n <p class=\"text-indigo-400 font-black tracking-[0.5em] uppercase text-xs\">Expanding Architecture<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"fixed top-0 left-0 w-full z-50 p-10 flex justify-between items-center pointer-events-auto\">\r\n <div class=\"text-2xl font-black tracking-tighter cursor-pointer\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">AETHELGARD<\/div>\r\n <div class=\"hidden lg:flex space-x-16 text-[10px] font-black tracking-[0.3em] uppercase opacity-50\">\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('science')\" class=\"hover:text-indigo-400 transition-colors\">Biology<\/a>\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('arts')\" class=\"hover:text-indigo-400 transition-colors\">Aesthetics<\/a>\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('physics')\" class=\"hover:text-indigo-400 transition-colors\">Physics<\/a>\r\n <\/div>\r\n <button onclick=\"triggerContact()\" class=\"bg-indigo-600 hover:bg-indigo-500 text-white px-8 py-3 rounded-full text-[10px] font-black tracking-widest transition-all active:scale-95 shadow-2xl shadow-indigo-500\/40\">\r\n INITIATE\r\n <\/button>\r\n <\/nav>\r\n\r\n \r\n <div id=\"detail-view\" class=\"overlay-view\">\r\n <div class=\"max-w-2xl glass-card text-white relative w-full mx-4\">\r\n <button id=\"close-detail\" class=\"absolute top-8 right-8 opacity-50 hover:opacity-100 transition-opacity p-3 bg-white\/5 rounded-full\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n <h3 id=\"detail-title\" class=\"text-6xl font-black mb-6 uppercase tracking-tighter leading-none\">Subject<\/h3>\r\n <div id=\"detail-badge\" class=\"inline-block px-4 py-1 rounded bg-indigo-500\/20 text-indigo-400 text-xs font-black mb-8 tracking-[0.3em] uppercase\">MODULE TIER<\/div>\r\n <p id=\"detail-description\" class=\"text-xl opacity-60 mb-12 leading-relaxed font-light\">Deep simulation content loading...<\/p>\r\n <div class=\"grid grid-cols-2 gap-6 mb-12\">\r\n <div class=\"p-6 bg-white\/5 border border-white\/5 rounded-3xl\">\r\n <p class=\"text-[10px] opacity-40 uppercase font-black tracking-widest mb-2\">Intensity<\/p>\r\n <p class=\"font-bold text-2xl text-indigo-300\">Level 09<\/p>\r\n <\/div>\r\n <div class=\"p-6 bg-white\/5 border border-white\/5 rounded-3xl\">\r\n <p class=\"text-[10px] opacity-40 uppercase font-black tracking-widest mb-2\">Duration<\/p>\r\n <p class=\"font-bold text-2xl text-cyan-300\">12 Months<\/p>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"triggerContact()\" class=\"w-full bg-indigo-600 py-6 rounded-3xl font-black text-sm tracking-widest uppercase hover:bg-indigo-500 transition-all\">Secure Path Seat<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"contact-view\" class=\"overlay-view\">\r\n <div class=\"max-w-4xl glass-card text-white relative w-full mx-4 grid md:grid-cols-2 gap-12\">\r\n <button id=\"close-contact\" class=\"absolute top-8 right-8 opacity-50 hover:opacity-100 transition-opacity p-3 bg-white\/5 rounded-full z-10\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n \r\n <div class=\"flex flex-col justify-center\">\r\n <h3 class=\"text-5xl font-black mb-6 uppercase tracking-tighter leading-none\">Registration<\/h3>\r\n <p class=\"text-indigo-400 text-xs font-black mb-8 tracking-[0.4em] uppercase\">Phase: Human Verification<\/p>\r\n <p class=\"opacity-50 text-lg font-light leading-relaxed mb-8\">\r\n To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours to finalize your trajectory.\r\n <\/p>\r\n <div class=\"space-y-4 opacity-30 text-[10px] font-black uppercase tracking-widest\">\r\n <p>\/\/ Encryption: Standard AES-256<\/p>\r\n <p>\/\/ Location: Aethelgard Primary Core<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <form class=\"space-y-6\" onsubmit=\"event.preventDefault(); exitContactMode();\">\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Full Identifier<\/label>\r\n <input type=\"text\" placeholder=\"John Doe\" class=\"w-full px-6 py-4 rounded-2xl\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Neural Signal (Email)<\/label>\r\n <input type=\"email\" placeholder=\"john@domain.com\" class=\"w-full px-6 py-4 rounded-2xl\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Primary Discipline<\/label>\r\n <select class=\"w-full px-6 py-4 rounded-2xl appearance-none\">\r\n <option>Bio-Synthetics<\/option>\r\n <option>Parametric Arts<\/option>\r\n <option>Quantum Logic<\/option>\r\n <option>General Architecture<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Intent Statement<\/label>\r\n <textarea rows=\"3\" placeholder=\"Why Aethelgard?\" class=\"w-full px-6 py-4 rounded-2xl\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-white text-black py-6 rounded-3xl font-black text-sm tracking-widest uppercase hover:bg-indigo-500 hover:text-white transition-all shadow-2xl\">\r\n Submit Credentials\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"three-container\"><\/div>\r\n\r\n <main id=\"main-content\">\r\n \r\n <section class=\"content-section\">\r\n <div class=\"max-w-3xl\">\r\n <div class=\"inline-flex items-center space-x-3 px-5 py-2 rounded-full border border-indigo-500\/30 bg-indigo-500\/10 text-indigo-400 text-[10px] font-black tracking-[0.4em] mb-8\">\r\n <span class=\"w-2 h-2 rounded-full bg-indigo-500 animate-ping\"><\/span>\r\n <span>SYSTEM ONLINE<\/span>\r\n <\/div>\r\n <h1 class=\"text-8xl md:text-[10rem] font-black leading-[0.85] mb-8 tracking-tighter uppercase\">\r\n The <br\/><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 via-cyan-400 to-indigo-600\">Infinite<\/span> <br\/>Path.\r\n <\/h1>\r\n <p class=\"text-2xl opacity-40 font-light mb-16 leading-relaxed max-w-xl\">\r\n A multi-phase educational simulation. Scroll deep into the architecture of modern intelligence.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-science\">\r\n <div class=\"glass-card max-w-xl ml-auto interactive-element relative\">\r\n <span class=\"step-number\">01<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Bio-Synthetics<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">Phase one explores the intersection of organic DNA and computational logic. You are now entering the Helix Segment.<\/p>\r\n <button onclick=\"triggerDetail('science')\" class=\"border border-indigo-500\/50 hover:bg-indigo-500 text-indigo-400 hover:text-white px-10 py-4 rounded-2xl text-xs font-black tracking-widest transition-all\">\r\n INSPECT CLUSTER\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-ethics\">\r\n <div class=\"max-w-xl mr-auto p-10 border-l-2 border-indigo-500\/20\">\r\n <h3 class=\"text-2xl font-black text-indigo-500 mb-4 tracking-widest uppercase\">Neural Ethics<\/h3>\r\n <p class=\"text-lg opacity-40 leading-relaxed font-light mb-6\">Between biology and physics lies the weight of choice. Our interdisciplinary ethics module ensures the singularity remains human-centric.<\/p>\r\n <div class=\"h-1 w-20 bg-indigo-500\/50\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-arts\">\r\n <div class=\"glass-card max-w-xl mr-auto interactive-element relative\">\r\n <span class=\"step-number\">02<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Parametric Form<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">The second milestone. Reconstructing classical aesthetics using high-poly geometric algorithms.<\/p>\r\n <button onclick=\"triggerDetail('arts')\" class=\"border border-cyan-500\/50 hover:bg-cyan-500 text-cyan-400 hover:text-white px-10 py-4 rounded-2xl text-xs font-black tracking-widest transition-all\">\r\n OPEN PORTFOLIO\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-alchemy\">\r\n <div class=\"max-w-2xl mx-auto text-center\">\r\n <h3 class=\"text-4xl font-black mb-6 italic tracking-tighter uppercase opacity-80\">Digital Alchemy<\/h3>\r\n <p class=\"text-lg opacity-50 mb-12 font-light\">Transforming raw data into meaningful experience. This segment focuses on the bridge between hardware and consciousness.<\/p>\r\n <div class=\"inline-block w-px h-32 bg-gradient-to-b from-transparent via-white\/20 to-transparent\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-physics\">\r\n <div class=\"glass-card max-w-xl mx-auto interactive-element relative text-center\">\r\n <span class=\"step-number\">03<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Quantum Nucleus<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">The final destination. Mastering the orbital mechanics of the quantum realm.<\/p>\r\n <button onclick=\"triggerDetail('physics')\" class=\"bg-indigo-600 text-white px-12 py-5 rounded-3xl text-sm font-black tracking-widest transition-all hover:scale-105 active:scale-95 shadow-2xl shadow-indigo-500\/40\">\r\n ENTER QUANTUM CORE\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\">\r\n <div class=\"text-center max-w-4xl mx-auto interactive-element\">\r\n <h2 class=\"text-9xl font-black mb-12 italic tracking-tighter uppercase opacity-20\">Simulation <br\/> Complete.<\/h2>\r\n <p class=\"text-2xl opacity-60 mb-16 font-light max-w-2xl mx-auto\">You have traversed the entire Aethelgard trajectory. Your cognitive profile has been updated for 2026 admission.<\/p>\r\n <div class=\"flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6\">\r\n <button onclick=\"triggerContact()\" class=\"bg-white text-black px-16 py-6 rounded-full text-sm font-black tracking-widest uppercase hover:bg-indigo-50 transition-all\">Secure Admission<\/button>\r\n <button onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"border border-white\/20 px-16 py-6 rounded-full text-sm font-black tracking-widest uppercase hover:bg-white\/5 transition-all\">Review Path<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"p-20 text-center opacity-20 text-[10px] font-black tracking-[0.5em] uppercase\">\r\n © 2026 Aethelgard Architectural Learning Group \/\/ V.04.2\r\n <\/footer>\r\n\r\n <script>\r\n let scene, camera, renderer, raycaster, mouse, pathCurve;\r\n let subjectClusters = [];\r\n let milestones = [];\r\n let scrollPercent = 0;\r\n let isDetailMode = false;\r\n let isContactMode = false;\r\n let activeSubject = null;\r\n let mouseX = 0, mouseY = 0;\r\n\r\n const subjectData = {\r\n 'science': { title: \"Bio-Synthetics\", badge: \"FOUNDATION PHASE\", desc: \"Mastering the molecular architecture of synthetic biology. This stage focuses on DNA sequencing as a programming language for the next generation of neural growth.\" },\r\n 'arts': { title: \"Parametric Arts\", badge: \"ADVANCED PHASE\", desc: \"Applying geometric logic to aesthetic form. Students learn to use parametric equations to sculpt complex digital and physical structures that react to their environment.\" },\r\n 'physics': { title: \"Quantum Logic\", badge: \"MASTERY PHASE\", desc: \"The ultimate frontier. Students explore the behavior of matter at the subatomic level, building the foundational logic for quantum computation and teleportation protocols.\" }\r\n };\r\n\r\n function createGlassMaterial(color = 0xffffff) {\r\n return new THREE.MeshPhysicalMaterial({\r\n color: color,\r\n metalness: 0.1,\r\n roughness: 0.05,\r\n transmission: 0.95,\r\n ior: 1.5,\r\n thickness: 0.8,\r\n transparent: true,\r\n opacity: 0.8,\r\n });\r\n }\r\n\r\n function initPath() {\r\n const points = [\r\n new THREE.Vector3(0, 10, 20),\r\n new THREE.Vector3(8, -10, 5), \/\/ Science Zone\r\n new THREE.Vector3(-12, -40, -10), \/\/ Transition 1\r\n new THREE.Vector3(15, -80, 5), \/\/ Transition 2\r\n new THREE.Vector3(-5, -120, 15), \/\/ Arts Zone\r\n new THREE.Vector3(-15, -160, -5),\/\/ Transition 3\r\n new THREE.Vector3(10, -210, 0), \/\/ Physics Zone\r\n new THREE.Vector3(0, -260, 10), \/\/ Final Approach\r\n new THREE.Vector3(0, -320, 20) \/\/ Deep Outro\r\n ];\r\n pathCurve = new THREE.CatmullRomCurve3(points);\r\n \r\n const tubeGeom = new THREE.TubeGeometry(pathCurve, 200, 0.04, 6, false);\r\n const tubeMat = new THREE.MeshBasicMaterial({ \r\n color: 0x4f46e5, \r\n wireframe: true, \r\n transparent: true, \r\n opacity: 0.08 \r\n });\r\n scene.add(new THREE.Mesh(tubeGeom, tubeMat));\r\n\r\n for (let i = 0; i <= 10; i++) {\r\n const p = i \/ 10;\r\n const pos = pathCurve.getPointAt(p);\r\n const ring = new THREE.Mesh(\r\n new THREE.TorusGeometry(2.5, 0.02, 16, 100),\r\n new THREE.MeshBasicMaterial({ color: 0x4f46e5, transparent: true, opacity: 0.2 })\r\n );\r\n ring.position.copy(pos);\r\n ring.lookAt(pos.clone().add(pathCurve.getTangentAt(p)));\r\n scene.add(ring);\r\n milestones.push({ mesh: ring, progress: p });\r\n }\r\n }\r\n\r\n function createDNA() {\r\n const group = new THREE.Group(); group.userData = { id: 'science' };\r\n const mat = createGlassMaterial(0x818cf8);\r\n for (let i = 0; i < 24; i++) {\r\n const y = (i - 12) * 0.4;\r\n const angle = i * 0.4;\r\n const s1 = new THREE.Mesh(new THREE.SphereGeometry(0.12, 12, 12), mat);\r\n s1.position.set(Math.cos(angle) * 1.5, y, Math.sin(angle) * 1.5);\r\n const s2 = new THREE.Mesh(new THREE.SphereGeometry(0.12, 12, 12), mat);\r\n s2.position.set(Math.cos(angle + Math.PI) * 1.5, y, Math.sin(angle + Math.PI) * 1.5);\r\n group.add(s1, s2);\r\n }\r\n return group;\r\n }\r\n\r\n function createBust() {\r\n const group = new THREE.Group(); group.userData = { id: 'arts' };\r\n const core = new THREE.Mesh(new THREE.IcosahedronGeometry(1.5, 1), createGlassMaterial(0xffffff));\r\n const ring = new THREE.Mesh(new THREE.TorusGeometry(2.8, 0.03, 16, 100), createGlassMaterial(0x06b6d4));\r\n group.add(core, ring);\r\n return group;\r\n }\r\n\r\n function createAtom() {\r\n const group = new THREE.Group(); group.userData = { id: 'physics' };\r\n const nuc = new THREE.Mesh(new THREE.SphereGeometry(0.7, 16, 16), createGlassMaterial(0x4f46e5));\r\n group.add(nuc);\r\n for (let i = 0; i < 4; i++) {\r\n const ring = new THREE.Mesh(new THREE.TorusGeometry(2.5, 0.015, 16, 100), new THREE.MeshStandardMaterial({ color: 0xffffff, transparent: true, opacity: 0.1 }));\r\n ring.rotation.x = (Math.PI \/ 4) * i;\r\n ring.rotation.y = (Math.PI \/ 3) * i;\r\n const e = new THREE.Mesh(new THREE.SphereGeometry(0.1, 12, 12), createGlassMaterial(0xffffff));\r\n e.position.x = 2.5;\r\n ring.add(e);\r\n group.add(ring);\r\n }\r\n return group;\r\n }\r\n\r\n function init() {\r\n scene = new THREE.Scene();\r\n camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n document.getElementById('three-container').appendChild(renderer.domElement);\r\n\r\n raycaster = new THREE.Raycaster();\r\n mouse = new THREE.Vector2();\r\n\r\n scene.add(new THREE.AmbientLight(0xffffff, 0.3));\r\n const p1 = new THREE.PointLight(0x4f46e5, 5); p1.position.set(20, 20, 20); scene.add(p1);\r\n const p2 = new THREE.PointLight(0x06b6d4, 3); p2.position.set(-20, -20, 20); scene.add(p2);\r\n\r\n initPath();\r\n\r\n const dna = createDNA(); dna.position.copy(pathCurve.getPointAt(0.12)).add(new THREE.Vector3(4, 2, 0));\r\n const bust = createBust(); bust.position.copy(pathCurve.getPointAt(0.48)).add(new THREE.Vector3(-5, 0, 0));\r\n const atom = createAtom(); atom.position.copy(pathCurve.getPointAt(0.85)).add(new THREE.Vector3(0, 4, -2));\r\n\r\n [dna, bust, atom].forEach(m => {\r\n scene.add(m);\r\n subjectClusters.push({ mesh: m, y: m.position.y });\r\n });\r\n\r\n const pGeom = new THREE.BufferGeometry();\r\n const pCoords = [];\r\n for (let i = 0; i < 4000; i++) pCoords.push((Math.random() - 0.5) * 80, (Math.random() - 0.5) * 600, (Math.random() - 0.5) * 60);\r\n pGeom.setAttribute('position', new THREE.Float32BufferAttribute(pCoords, 3));\r\n scene.add(new THREE.Points(pGeom, new THREE.PointsMaterial({ color: 0x4f46e5, size: 0.03, transparent: true, opacity: 0.3 })));\r\n\r\n window.addEventListener('scroll', () => { if (!isDetailMode && !isContactMode) scrollPercent = window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight); });\r\n window.addEventListener('mousemove', (e) => { mouseX = (e.clientX \/ window.innerWidth) * 2 - 1; mouseY = -(e.clientY \/ window.innerHeight) * 2 + 1; mouse.x = mouseX; mouse.y = mouseY; });\r\n \r\n window.addEventListener('click', () => {\r\n if (isDetailMode || isContactMode) return;\r\n raycaster.setFromCamera(mouse, camera);\r\n const intersects = raycaster.intersectObjects(scene.children, true);\r\n if (intersects.length > 0) {\r\n let obj = intersects[0].object;\r\n while (obj.parent && !obj.userData.id) obj = obj.parent;\r\n if (obj.userData.id) triggerDetail(obj.userData.id);\r\n }\r\n });\r\n\r\n document.getElementById('close-detail').addEventListener('click', exitDetailMode);\r\n document.getElementById('close-contact').addEventListener('click', exitContactMode);\r\n window.addEventListener('resize', () => {\r\n camera.aspect = window.innerWidth \/ window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight);\r\n });\r\n\r\n animate();\r\n setTimeout(() => { document.getElementById('loading-screen').style.opacity = '0'; setTimeout(() => document.getElementById('loading-screen').style.display = 'none', 1000); }, 2000);\r\n }\r\n\r\n function triggerDetail(id) {\r\n exitContactMode();\r\n isDetailMode = true; activeSubject = subjectClusters.find(c => c.mesh.userData.id === id).mesh;\r\n const data = subjectData[id];\r\n document.body.classList.add('view-transitioning');\r\n document.getElementById('detail-title').innerText = data.title;\r\n document.getElementById('detail-badge').innerText = data.badge;\r\n document.getElementById('detail-description').innerText = data.desc;\r\n setTimeout(() => document.getElementById('detail-view').classList.add('active'), 100);\r\n }\r\n\r\n function exitDetailMode() {\r\n isDetailMode = false; activeSubject = null;\r\n document.getElementById('detail-view').classList.remove('active');\r\n document.body.classList.remove('view-transitioning');\r\n }\r\n\r\n function triggerContact() {\r\n exitDetailMode();\r\n isContactMode = true;\r\n document.body.classList.add('view-transitioning');\r\n setTimeout(() => document.getElementById('contact-view').classList.add('active'), 100);\r\n }\r\n\r\n function exitContactMode() {\r\n isContactMode = false;\r\n document.getElementById('contact-view').classList.remove('active');\r\n document.body.classList.remove('view-transitioning');\r\n }\r\n\r\n function animate() {\r\n requestAnimationFrame(animate);\r\n\r\n if (!isDetailMode && !isContactMode) {\r\n const safeScroll = Math.max(0, Math.min(scrollPercent, 0.999));\r\n const curPos = pathCurve.getPointAt(safeScroll);\r\n const lookAtPos = pathCurve.getPointAt(Math.min(safeScroll + 0.02, 1));\r\n camera.position.lerp(curPos, 0.05);\r\n camera.lookAt(lookAtPos);\r\n camera.rotation.z += (mouseX * 0.05 - camera.rotation.z) * 0.03;\r\n } else if (isDetailMode && activeSubject) {\r\n const target = activeSubject.position.clone();\r\n camera.position.lerp(target.clone().add(new THREE.Vector3(6, 2, 8)), 0.08);\r\n camera.lookAt(target);\r\n } else if (isContactMode) {\r\n const targetPos = pathCurve.getPointAt(0.95).add(new THREE.Vector3(15, 10, 15));\r\n camera.position.lerp(targetPos, 0.05);\r\n camera.lookAt(pathCurve.getPointAt(0.99));\r\n }\r\n\r\n milestones.forEach(m => {\r\n const dist = Math.abs(scrollPercent - m.progress);\r\n if (dist < 0.05) {\r\n m.mesh.scale.setScalar(1.2 + (1 - dist * 20) * 0.8);\r\n m.mesh.material.opacity = 0.6;\r\n } else {\r\n m.mesh.scale.setScalar(1);\r\n m.mesh.material.opacity = 0.1;\r\n }\r\n m.mesh.rotation.z += 0.005;\r\n });\r\n\r\n subjectClusters.forEach((cluster, i) => {\r\n cluster.mesh.rotation.y += 0.005;\r\n cluster.mesh.rotation.x += (mouseY * 0.005);\r\n cluster.mesh.position.y += Math.sin(Date.now() * 0.001 + i) * 0.01;\r\n });\r\n\r\n renderer.render(scene, camera);\r\n }\r\n\r\n window.onload = init;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"set","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":""},"class_list":["post-4754","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Private Education - Denisa Alla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denisaalla.com\/sq\/private-education\/\" \/>\n<meta property=\"og:locale\" content=\"sq_AL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Private Education - Denisa Alla\" \/>\n<meta property=\"og:description\" content=\"Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denisaalla.com\/sq\/private-education\/\" \/>\n<meta property=\"og:site_name\" content=\"Denisa Alla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T11:03:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\u00eb\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\",\"name\":\"Private Education - Denisa Alla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\"},\"datePublished\":\"2026-05-04T11:00:52+00:00\",\"dateModified\":\"2026-05-04T11:03:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/#breadcrumb\"},\"inLanguage\":\"sq\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/denisaalla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Private Education\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"name\":\"Denisa Alla\",\"description\":\"Website Designer \\\/ Programmer\",\"publisher\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/denisaalla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sq\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\",\"name\":\"Denisa Alla\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"contentUrl\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"width\":800,\"height\":758,\"caption\":\"Denisa Alla\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Private Education - Denisa Alla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/denisaalla.com\/sq\/private-education\/","og_locale":"sq_AL","og_type":"article","og_title":"Private Education - Denisa Alla","og_description":"Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]","og_url":"https:\/\/denisaalla.com\/sq\/private-education\/","og_site_name":"Denisa Alla","article_modified_time":"2026-05-04T11:03:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minut\u00eb"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/denisaalla.com\/private-education\/","url":"https:\/\/denisaalla.com\/private-education\/","name":"Private Education - Denisa Alla","isPartOf":{"@id":"https:\/\/denisaalla.com\/#website"},"datePublished":"2026-05-04T11:00:52+00:00","dateModified":"2026-05-04T11:03:22+00:00","breadcrumb":{"@id":"https:\/\/denisaalla.com\/private-education\/#breadcrumb"},"inLanguage":"sq","potentialAction":[{"@type":"ReadAction","target":["https:\/\/denisaalla.com\/private-education\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/denisaalla.com\/private-education\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/denisaalla.com\/"},{"@type":"ListItem","position":2,"name":"Private Education"}]},{"@type":"WebSite","@id":"https:\/\/denisaalla.com\/#website","url":"https:\/\/denisaalla.com\/","name":"Denisa Alla","description":"Website Designer \/ Programmer","publisher":{"@id":"https:\/\/denisaalla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/denisaalla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sq"},{"@type":"Organization","@id":"https:\/\/denisaalla.com\/#organization","name":"Denisa Alla","url":"https:\/\/denisaalla.com\/","logo":{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/","url":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","contentUrl":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","width":800,"height":758,"caption":"Denisa Alla"},"image":{"@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/comments?post=4754"}],"version-history":[{"count":4,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754\/revisions"}],"predecessor-version":[{"id":4758,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754\/revisions\/4758"}],"wp:attachment":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/media?parent=4754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Aethelgard Private Academy | The Future of Learning<\/title>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/r128\/three.min.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg-color: #05070a;\r\n --accent-color: #4f46e5;\r\n --text-main: #f8fafc;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background-color: var(--bg-color);\r\n color: var(--text-main);\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n overflow-x: hidden;\r\n }\r\n\r\n canvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n }\r\n\r\n \/* We increase the padding and count of sections to make the page much longer *\/\r\n .content-section {\r\n position: relative;\r\n z-index: 10;\r\n min-height: 120vh; \/* Increased height per section *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 4rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n pointer-events: none;\r\n transition: opacity 0.8s ease, transform 0.8s ease;\r\n }\r\n\r\n .interactive-element {\r\n pointer-events: auto;\r\n }\r\n\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.02);\r\n backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 32px;\r\n padding: 4rem;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n #loading-screen {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 100;\r\n background: var(--bg-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity 1s ease;\r\n }\r\n\r\n \/* Overlays *\/\r\n .overlay-view {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 50;\r\n background: radial-gradient(circle at center, transparent, rgba(5, 7, 10, 0.98));\r\n display: none;\r\n opacity: 0;\r\n transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n pointer-events: none;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .overlay-view.active {\r\n display: flex;\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .view-transitioning #main-content {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n pointer-events: none;\r\n }\r\n\r\n .step-number {\r\n font-size: 120px;\r\n font-weight: 900;\r\n position: absolute;\r\n top: -60px;\r\n left: -40px;\r\n opacity: 0.05;\r\n color: white;\r\n z-index: -1;\r\n }\r\n\r\n input, select, textarea {\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n color: white !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n input:focus, select:focus, textarea:focus {\r\n border-color: var(--accent-color) !important;\r\n background: rgba(255, 255, 255, 0.06) !important;\r\n outline: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"overflow-x-hidden\">\r\n\r\n <div id=\"loading-screen\">\r\n <div class=\"text-center\">\r\n <div class=\"w-20 h-20 border-4 border-indigo-500 border-t-transparent rounded-full animate-spin mb-6 mx-auto\"><\/div>\r\n <p class=\"text-indigo-400 font-black tracking-[0.5em] uppercase text-xs\">Expanding Architecture<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"fixed top-0 left-0 w-full z-50 p-10 flex justify-between items-center pointer-events-auto\">\r\n <div class=\"text-2xl font-black tracking-tighter cursor-pointer\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">AETHELGARD<\/div>\r\n <div class=\"hidden lg:flex space-x-16 text-[10px] font-black tracking-[0.3em] uppercase opacity-50\">\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('science')\" class=\"hover:text-indigo-400 transition-colors\">Biology<\/a>\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('arts')\" class=\"hover:text-indigo-400 transition-colors\">Aesthetics<\/a>\r\n <a href=\"javascript:void(0)\" onclick=\"triggerDetail('physics')\" class=\"hover:text-indigo-400 transition-colors\">Physics<\/a>\r\n <\/div>\r\n <button onclick=\"triggerContact()\" class=\"bg-indigo-600 hover:bg-indigo-500 text-white px-8 py-3 rounded-full text-[10px] font-black tracking-widest transition-all active:scale-95 shadow-2xl shadow-indigo-500\/40\">\r\n INITIATE\r\n <\/button>\r\n <\/nav>\r\n\r\n \r\n <div id=\"detail-view\" class=\"overlay-view\">\r\n <div class=\"max-w-2xl glass-card text-white relative w-full mx-4\">\r\n <button id=\"close-detail\" class=\"absolute top-8 right-8 opacity-50 hover:opacity-100 transition-opacity p-3 bg-white\/5 rounded-full\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n <h3 id=\"detail-title\" class=\"text-6xl font-black mb-6 uppercase tracking-tighter leading-none\">Subject<\/h3>\r\n <div id=\"detail-badge\" class=\"inline-block px-4 py-1 rounded bg-indigo-500\/20 text-indigo-400 text-xs font-black mb-8 tracking-[0.3em] uppercase\">MODULE TIER<\/div>\r\n <p id=\"detail-description\" class=\"text-xl opacity-60 mb-12 leading-relaxed font-light\">Deep simulation content loading...<\/p>\r\n <div class=\"grid grid-cols-2 gap-6 mb-12\">\r\n <div class=\"p-6 bg-white\/5 border border-white\/5 rounded-3xl\">\r\n <p class=\"text-[10px] opacity-40 uppercase font-black tracking-widest mb-2\">Intensity<\/p>\r\n <p class=\"font-bold text-2xl text-indigo-300\">Level 09<\/p>\r\n <\/div>\r\n <div class=\"p-6 bg-white\/5 border border-white\/5 rounded-3xl\">\r\n <p class=\"text-[10px] opacity-40 uppercase font-black tracking-widest mb-2\">Duration<\/p>\r\n <p class=\"font-bold text-2xl text-cyan-300\">12 Months<\/p>\r\n <\/div>\r\n <\/div>\r\n <button onclick=\"triggerContact()\" class=\"w-full bg-indigo-600 py-6 rounded-3xl font-black text-sm tracking-widest uppercase hover:bg-indigo-500 transition-all\">Secure Path Seat<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"contact-view\" class=\"overlay-view\">\r\n <div class=\"max-w-4xl glass-card text-white relative w-full mx-4 grid md:grid-cols-2 gap-12\">\r\n <button id=\"close-contact\" class=\"absolute top-8 right-8 opacity-50 hover:opacity-100 transition-opacity p-3 bg-white\/5 rounded-full z-10\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\r\n <\/button>\r\n \r\n <div class=\"flex flex-col justify-center\">\r\n <h3 class=\"text-5xl font-black mb-6 uppercase tracking-tighter leading-none\">Registration<\/h3>\r\n <p class=\"text-indigo-400 text-xs font-black mb-8 tracking-[0.4em] uppercase\">Phase: Human Verification<\/p>\r\n <p class=\"opacity-50 text-lg font-light leading-relaxed mb-8\">\r\n To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours to finalize your trajectory.\r\n <\/p>\r\n <div class=\"space-y-4 opacity-30 text-[10px] font-black uppercase tracking-widest\">\r\n <p>\/\/ Encryption: Standard AES-256<\/p>\r\n <p>\/\/ Location: Aethelgard Primary Core<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <form class=\"space-y-6\" onsubmit=\"event.preventDefault(); exitContactMode();\">\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Full Identifier<\/label>\r\n <input type=\"text\" placeholder=\"John Doe\" class=\"w-full px-6 py-4 rounded-2xl\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Neural Signal (Email)<\/label>\r\n <input type=\"email\" placeholder=\"john@domain.com\" class=\"w-full px-6 py-4 rounded-2xl\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Primary Discipline<\/label>\r\n <select class=\"w-full px-6 py-4 rounded-2xl appearance-none\">\r\n <option>Bio-Synthetics<\/option>\r\n <option>Parametric Arts<\/option>\r\n <option>Quantum Logic<\/option>\r\n <option>General Architecture<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label class=\"text-[10px] font-black uppercase tracking-widest opacity-40 mb-2 block\">Intent Statement<\/label>\r\n <textarea rows=\"3\" placeholder=\"Why Aethelgard?\" class=\"w-full px-6 py-4 rounded-2xl\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-white text-black py-6 rounded-3xl font-black text-sm tracking-widest uppercase hover:bg-indigo-500 hover:text-white transition-all shadow-2xl\">\r\n Submit Credentials\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"three-container\"><\/div>\r\n\r\n <main id=\"main-content\">\r\n \r\n <section class=\"content-section\">\r\n <div class=\"max-w-3xl\">\r\n <div class=\"inline-flex items-center space-x-3 px-5 py-2 rounded-full border border-indigo-500\/30 bg-indigo-500\/10 text-indigo-400 text-[10px] font-black tracking-[0.4em] mb-8\">\r\n <span class=\"w-2 h-2 rounded-full bg-indigo-500 animate-ping\"><\/span>\r\n <span>SYSTEM ONLINE<\/span>\r\n <\/div>\r\n <h1 class=\"text-8xl md:text-[10rem] font-black leading-[0.85] mb-8 tracking-tighter uppercase\">\r\n The <br\/><span class=\"text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 via-cyan-400 to-indigo-600\">Infinite<\/span> <br\/>Path.\r\n <\/h1>\r\n <p class=\"text-2xl opacity-40 font-light mb-16 leading-relaxed max-w-xl\">\r\n A multi-phase educational simulation. Scroll deep into the architecture of modern intelligence.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-science\">\r\n <div class=\"glass-card max-w-xl ml-auto interactive-element relative\">\r\n <span class=\"step-number\">01<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Bio-Synthetics<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">Phase one explores the intersection of organic DNA and computational logic. You are now entering the Helix Segment.<\/p>\r\n <button onclick=\"triggerDetail('science')\" class=\"border border-indigo-500\/50 hover:bg-indigo-500 text-indigo-400 hover:text-white px-10 py-4 rounded-2xl text-xs font-black tracking-widest transition-all\">\r\n INSPECT CLUSTER\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-ethics\">\r\n <div class=\"max-w-xl mr-auto p-10 border-l-2 border-indigo-500\/20\">\r\n <h3 class=\"text-2xl font-black text-indigo-500 mb-4 tracking-widest uppercase\">Neural Ethics<\/h3>\r\n <p class=\"text-lg opacity-40 leading-relaxed font-light mb-6\">Between biology and physics lies the weight of choice. Our interdisciplinary ethics module ensures the singularity remains human-centric.<\/p>\r\n <div class=\"h-1 w-20 bg-indigo-500\/50\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-arts\">\r\n <div class=\"glass-card max-w-xl mr-auto interactive-element relative\">\r\n <span class=\"step-number\">02<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Parametric Form<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">The second milestone. Reconstructing classical aesthetics using high-poly geometric algorithms.<\/p>\r\n <button onclick=\"triggerDetail('arts')\" class=\"border border-cyan-500\/50 hover:bg-cyan-500 text-cyan-400 hover:text-white px-10 py-4 rounded-2xl text-xs font-black tracking-widest transition-all\">\r\n OPEN PORTFOLIO\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-alchemy\">\r\n <div class=\"max-w-2xl mx-auto text-center\">\r\n <h3 class=\"text-4xl font-black mb-6 italic tracking-tighter uppercase opacity-80\">Digital Alchemy<\/h3>\r\n <p class=\"text-lg opacity-50 mb-12 font-light\">Transforming raw data into meaningful experience. This segment focuses on the bridge between hardware and consciousness.<\/p>\r\n <div class=\"inline-block w-px h-32 bg-gradient-to-b from-transparent via-white\/20 to-transparent\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\" id=\"sec-physics\">\r\n <div class=\"glass-card max-w-xl mx-auto interactive-element relative text-center\">\r\n <span class=\"step-number\">03<\/span>\r\n <h2 class=\"text-5xl font-black mb-6 uppercase tracking-tighter\">Quantum Nucleus<\/h2>\r\n <p class=\"opacity-70 mb-10 text-xl font-light leading-relaxed\">The final destination. Mastering the orbital mechanics of the quantum realm.<\/p>\r\n <button onclick=\"triggerDetail('physics')\" class=\"bg-indigo-600 text-white px-12 py-5 rounded-3xl text-sm font-black tracking-widest transition-all hover:scale-105 active:scale-95 shadow-2xl shadow-indigo-500\/40\">\r\n ENTER QUANTUM CORE\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"content-section\">\r\n <div class=\"text-center max-w-4xl mx-auto interactive-element\">\r\n <h2 class=\"text-9xl font-black mb-12 italic tracking-tighter uppercase opacity-20\">Simulation <br\/> Complete.<\/h2>\r\n <p class=\"text-2xl opacity-60 mb-16 font-light max-w-2xl mx-auto\">You have traversed the entire Aethelgard trajectory. Your cognitive profile has been updated for 2026 admission.<\/p>\r\n <div class=\"flex flex-col md:flex-row justify-center space-y-4 md:space-y-0 md:space-x-6\">\r\n <button onclick=\"triggerContact()\" class=\"bg-white text-black px-16 py-6 rounded-full text-sm font-black tracking-widest uppercase hover:bg-indigo-50 transition-all\">Secure Admission<\/button>\r\n <button onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"border border-white\/20 px-16 py-6 rounded-full text-sm font-black tracking-widest uppercase hover:bg-white\/5 transition-all\">Review Path<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer class=\"p-20 text-center opacity-20 text-[10px] font-black tracking-[0.5em] uppercase\">\r\n © 2026 Aethelgard Architectural Learning Group \/\/ V.04.2\r\n <\/footer>\r\n\r\n <script>\r\n let scene, camera, renderer, raycaster, mouse, pathCurve;\r\n let subjectClusters = [];\r\n let milestones = [];\r\n let scrollPercent = 0;\r\n let isDetailMode = false;\r\n let isContactMode = false;\r\n let activeSubject = null;\r\n let mouseX = 0, mouseY = 0;\r\n\r\n const subjectData = {\r\n 'science': { title: \"Bio-Synthetics\", badge: \"FOUNDATION PHASE\", desc: \"Mastering the molecular architecture of synthetic biology. This stage focuses on DNA sequencing as a programming language for the next generation of neural growth.\" },\r\n 'arts': { title: \"Parametric Arts\", badge: \"ADVANCED PHASE\", desc: \"Applying geometric logic to aesthetic form. Students learn to use parametric equations to sculpt complex digital and physical structures that react to their environment.\" },\r\n 'physics': { title: \"Quantum Logic\", badge: \"MASTERY PHASE\", desc: \"The ultimate frontier. Students explore the behavior of matter at the subatomic level, building the foundational logic for quantum computation and teleportation protocols.\" }\r\n };\r\n\r\n function createGlassMaterial(color = 0xffffff) {\r\n return new THREE.MeshPhysicalMaterial({\r\n color: color,\r\n metalness: 0.1,\r\n roughness: 0.05,\r\n transmission: 0.95,\r\n ior: 1.5,\r\n thickness: 0.8,\r\n transparent: true,\r\n opacity: 0.8,\r\n });\r\n }\r\n\r\n function initPath() {\r\n const points = [\r\n new THREE.Vector3(0, 10, 20),\r\n new THREE.Vector3(8, -10, 5), \/\/ Science Zone\r\n new THREE.Vector3(-12, -40, -10), \/\/ Transition 1\r\n new THREE.Vector3(15, -80, 5), \/\/ Transition 2\r\n new THREE.Vector3(-5, -120, 15), \/\/ Arts Zone\r\n new THREE.Vector3(-15, -160, -5),\/\/ Transition 3\r\n new THREE.Vector3(10, -210, 0), \/\/ Physics Zone\r\n new THREE.Vector3(0, -260, 10), \/\/ Final Approach\r\n new THREE.Vector3(0, -320, 20) \/\/ Deep Outro\r\n ];\r\n pathCurve = new THREE.CatmullRomCurve3(points);\r\n \r\n const tubeGeom = new THREE.TubeGeometry(pathCurve, 200, 0.04, 6, false);\r\n const tubeMat = new THREE.MeshBasicMaterial({ \r\n color: 0x4f46e5, \r\n wireframe: true, \r\n transparent: true, \r\n opacity: 0.08 \r\n });\r\n scene.add(new THREE.Mesh(tubeGeom, tubeMat));\r\n\r\n for (let i = 0; i <= 10; i++) {\r\n const p = i \/ 10;\r\n const pos = pathCurve.getPointAt(p);\r\n const ring = new THREE.Mesh(\r\n new THREE.TorusGeometry(2.5, 0.02, 16, 100),\r\n new THREE.MeshBasicMaterial({ color: 0x4f46e5, transparent: true, opacity: 0.2 })\r\n );\r\n ring.position.copy(pos);\r\n ring.lookAt(pos.clone().add(pathCurve.getTangentAt(p)));\r\n scene.add(ring);\r\n milestones.push({ mesh: ring, progress: p });\r\n }\r\n }\r\n\r\n function createDNA() {\r\n const group = new THREE.Group(); group.userData = { id: 'science' };\r\n const mat = createGlassMaterial(0x818cf8);\r\n for (let i = 0; i < 24; i++) {\r\n const y = (i - 12) * 0.4;\r\n const angle = i * 0.4;\r\n const s1 = new THREE.Mesh(new THREE.SphereGeometry(0.12, 12, 12), mat);\r\n s1.position.set(Math.cos(angle) * 1.5, y, Math.sin(angle) * 1.5);\r\n const s2 = new THREE.Mesh(new THREE.SphereGeometry(0.12, 12, 12), mat);\r\n s2.position.set(Math.cos(angle + Math.PI) * 1.5, y, Math.sin(angle + Math.PI) * 1.5);\r\n group.add(s1, s2);\r\n }\r\n return group;\r\n }\r\n\r\n function createBust() {\r\n const group = new THREE.Group(); group.userData = { id: 'arts' };\r\n const core = new THREE.Mesh(new THREE.IcosahedronGeometry(1.5, 1), createGlassMaterial(0xffffff));\r\n const ring = new THREE.Mesh(new THREE.TorusGeometry(2.8, 0.03, 16, 100), createGlassMaterial(0x06b6d4));\r\n group.add(core, ring);\r\n return group;\r\n }\r\n\r\n function createAtom() {\r\n const group = new THREE.Group(); group.userData = { id: 'physics' };\r\n const nuc = new THREE.Mesh(new THREE.SphereGeometry(0.7, 16, 16), createGlassMaterial(0x4f46e5));\r\n group.add(nuc);\r\n for (let i = 0; i < 4; i++) {\r\n const ring = new THREE.Mesh(new THREE.TorusGeometry(2.5, 0.015, 16, 100), new THREE.MeshStandardMaterial({ color: 0xffffff, transparent: true, opacity: 0.1 }));\r\n ring.rotation.x = (Math.PI \/ 4) * i;\r\n ring.rotation.y = (Math.PI \/ 3) * i;\r\n const e = new THREE.Mesh(new THREE.SphereGeometry(0.1, 12, 12), createGlassMaterial(0xffffff));\r\n e.position.x = 2.5;\r\n ring.add(e);\r\n group.add(ring);\r\n }\r\n return group;\r\n }\r\n\r\n function init() {\r\n scene = new THREE.Scene();\r\n camera = new THREE.PerspectiveCamera(75, window.innerWidth \/ window.innerHeight, 0.1, 1000);\r\n renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\r\n renderer.setSize(window.innerWidth, window.innerHeight);\r\n renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\r\n document.getElementById('three-container').appendChild(renderer.domElement);\r\n\r\n raycaster = new THREE.Raycaster();\r\n mouse = new THREE.Vector2();\r\n\r\n scene.add(new THREE.AmbientLight(0xffffff, 0.3));\r\n const p1 = new THREE.PointLight(0x4f46e5, 5); p1.position.set(20, 20, 20); scene.add(p1);\r\n const p2 = new THREE.PointLight(0x06b6d4, 3); p2.position.set(-20, -20, 20); scene.add(p2);\r\n\r\n initPath();\r\n\r\n const dna = createDNA(); dna.position.copy(pathCurve.getPointAt(0.12)).add(new THREE.Vector3(4, 2, 0));\r\n const bust = createBust(); bust.position.copy(pathCurve.getPointAt(0.48)).add(new THREE.Vector3(-5, 0, 0));\r\n const atom = createAtom(); atom.position.copy(pathCurve.getPointAt(0.85)).add(new THREE.Vector3(0, 4, -2));\r\n\r\n [dna, bust, atom].forEach(m => {\r\n scene.add(m);\r\n subjectClusters.push({ mesh: m, y: m.position.y });\r\n });\r\n\r\n const pGeom = new THREE.BufferGeometry();\r\n const pCoords = [];\r\n for (let i = 0; i < 4000; i++) pCoords.push((Math.random() - 0.5) * 80, (Math.random() - 0.5) * 600, (Math.random() - 0.5) * 60);\r\n pGeom.setAttribute('position', new THREE.Float32BufferAttribute(pCoords, 3));\r\n scene.add(new THREE.Points(pGeom, new THREE.PointsMaterial({ color: 0x4f46e5, size: 0.03, transparent: true, opacity: 0.3 })));\r\n\r\n window.addEventListener('scroll', () => { if (!isDetailMode && !isContactMode) scrollPercent = window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight); });\r\n window.addEventListener('mousemove', (e) => { mouseX = (e.clientX \/ window.innerWidth) * 2 - 1; mouseY = -(e.clientY \/ window.innerHeight) * 2 + 1; mouse.x = mouseX; mouse.y = mouseY; });\r\n \r\n window.addEventListener('click', () => {\r\n if (isDetailMode || isContactMode) return;\r\n raycaster.setFromCamera(mouse, camera);\r\n const intersects = raycaster.intersectObjects(scene.children, true);\r\n if (intersects.length > 0) {\r\n let obj = intersects[0].object;\r\n while (obj.parent && !obj.userData.id) obj = obj.parent;\r\n if (obj.userData.id) triggerDetail(obj.userData.id);\r\n }\r\n });\r\n\r\n document.getElementById('close-detail').addEventListener('click', exitDetailMode);\r\n document.getElementById('close-contact').addEventListener('click', exitContactMode);\r\n window.addEventListener('resize', () => {\r\n camera.aspect = window.innerWidth \/ window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight);\r\n });\r\n\r\n animate();\r\n setTimeout(() => { document.getElementById('loading-screen').style.opacity = '0'; setTimeout(() => document.getElementById('loading-screen').style.display = 'none', 1000); }, 2000);\r\n }\r\n\r\n function triggerDetail(id) {\r\n exitContactMode();\r\n isDetailMode = true; activeSubject = subjectClusters.find(c => c.mesh.userData.id === id).mesh;\r\n const data = subjectData[id];\r\n document.body.classList.add('view-transitioning');\r\n document.getElementById('detail-title').innerText = data.title;\r\n document.getElementById('detail-badge').innerText = data.badge;\r\n document.getElementById('detail-description').innerText = data.desc;\r\n setTimeout(() => document.getElementById('detail-view').classList.add('active'), 100);\r\n }\r\n\r\n function exitDetailMode() {\r\n isDetailMode = false; activeSubject = null;\r\n document.getElementById('detail-view').classList.remove('active');\r\n document.body.classList.remove('view-transitioning');\r\n }\r\n\r\n function triggerContact() {\r\n exitDetailMode();\r\n isContactMode = true;\r\n document.body.classList.add('view-transitioning');\r\n setTimeout(() => document.getElementById('contact-view').classList.add('active'), 100);\r\n }\r\n\r\n function exitContactMode() {\r\n isContactMode = false;\r\n document.getElementById('contact-view').classList.remove('active');\r\n document.body.classList.remove('view-transitioning');\r\n }\r\n\r\n function animate() {\r\n requestAnimationFrame(animate);\r\n\r\n if (!isDetailMode && !isContactMode) {\r\n const safeScroll = Math.max(0, Math.min(scrollPercent, 0.999));\r\n const curPos = pathCurve.getPointAt(safeScroll);\r\n const lookAtPos = pathCurve.getPointAt(Math.min(safeScroll + 0.02, 1));\r\n camera.position.lerp(curPos, 0.05);\r\n camera.lookAt(lookAtPos);\r\n camera.rotation.z += (mouseX * 0.05 - camera.rotation.z) * 0.03;\r\n } else if (isDetailMode && activeSubject) {\r\n const target = activeSubject.position.clone();\r\n camera.position.lerp(target.clone().add(new THREE.Vector3(6, 2, 8)), 0.08);\r\n camera.lookAt(target);\r\n } else if (isContactMode) {\r\n const targetPos = pathCurve.getPointAt(0.95).add(new THREE.Vector3(15, 10, 15));\r\n camera.position.lerp(targetPos, 0.05);\r\n camera.lookAt(pathCurve.getPointAt(0.99));\r\n }\r\n\r\n milestones.forEach(m => {\r\n const dist = Math.abs(scrollPercent - m.progress);\r\n if (dist < 0.05) {\r\n m.mesh.scale.setScalar(1.2 + (1 - dist * 20) * 0.8);\r\n m.mesh.material.opacity = 0.6;\r\n } else {\r\n m.mesh.scale.setScalar(1);\r\n m.mesh.material.opacity = 0.1;\r\n }\r\n m.mesh.rotation.z += 0.005;\r\n });\r\n\r\n subjectClusters.forEach((cluster, i) => {\r\n cluster.mesh.rotation.y += 0.005;\r\n cluster.mesh.rotation.x += (mouseY * 0.005);\r\n cluster.mesh.position.y += Math.sin(Date.now() * 0.001 + i) * 0.01;\r\n });\r\n\r\n renderer.render(scene, camera);\r\n }\r\n\r\n window.onload = init;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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":"set","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":""},"class_list":["post-4754","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Private Education - Denisa Alla<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denisaalla.com\/sq\/private-education\/\" \/>\n<meta property=\"og:locale\" content=\"sq_AL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Private Education - Denisa Alla\" \/>\n<meta property=\"og:description\" content=\"Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denisaalla.com\/sq\/private-education\/\" \/>\n<meta property=\"og:site_name\" content=\"Denisa Alla\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T11:03:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\u00eb\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\",\"name\":\"Private Education - Denisa Alla\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\"},\"datePublished\":\"2026-05-04T11:00:52+00:00\",\"dateModified\":\"2026-05-04T11:03:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/#breadcrumb\"},\"inLanguage\":\"sq\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/private-education\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/denisaalla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Private Education\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#website\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"name\":\"Denisa Alla\",\"description\":\"Website Designer \\\/ Programmer\",\"publisher\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/denisaalla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sq\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#organization\",\"name\":\"Denisa Alla\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sq\",\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"contentUrl\":\"https:\\\/\\\/denisaalla.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/cropped-denisaalla-pink-logo.png\",\"width\":800,\"height\":758,\"caption\":\"Denisa Alla\"},\"image\":{\"@id\":\"https:\\\/\\\/denisaalla.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Private Education - Denisa Alla","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/denisaalla.com\/sq\/private-education\/","og_locale":"sq_AL","og_type":"article","og_title":"Private Education - Denisa Alla","og_description":"Aethelgard Private Academy | The Future of Learning Expanding Architecture AETHELGARD Biology Aesthetics Physics INITIATE Subject MODULE TIER Deep simulation content loading… Intensity Level 09 Duration 12 Months Secure Path Seat Registration Phase: Human Verification To secure your position in the 2026 cohort, please provide your identifiers. A mentor will contact you within 24 hours […]","og_url":"https:\/\/denisaalla.com\/sq\/private-education\/","og_site_name":"Denisa Alla","article_modified_time":"2026-05-04T11:03:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minut\u00eb"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/denisaalla.com\/private-education\/","url":"https:\/\/denisaalla.com\/private-education\/","name":"Private Education - Denisa Alla","isPartOf":{"@id":"https:\/\/denisaalla.com\/#website"},"datePublished":"2026-05-04T11:00:52+00:00","dateModified":"2026-05-04T11:03:22+00:00","breadcrumb":{"@id":"https:\/\/denisaalla.com\/private-education\/#breadcrumb"},"inLanguage":"sq","potentialAction":[{"@type":"ReadAction","target":["https:\/\/denisaalla.com\/private-education\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/denisaalla.com\/private-education\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/denisaalla.com\/"},{"@type":"ListItem","position":2,"name":"Private Education"}]},{"@type":"WebSite","@id":"https:\/\/denisaalla.com\/#website","url":"https:\/\/denisaalla.com\/","name":"Denisa Alla","description":"Website Designer \/ Programmer","publisher":{"@id":"https:\/\/denisaalla.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/denisaalla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sq"},{"@type":"Organization","@id":"https:\/\/denisaalla.com\/#organization","name":"Denisa Alla","url":"https:\/\/denisaalla.com\/","logo":{"@type":"ImageObject","inLanguage":"sq","@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/","url":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","contentUrl":"https:\/\/denisaalla.com\/wp-content\/uploads\/2026\/03\/cropped-denisaalla-pink-logo.png","width":800,"height":758,"caption":"Denisa Alla"},"image":{"@id":"https:\/\/denisaalla.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/comments?post=4754"}],"version-history":[{"count":4,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754\/revisions"}],"predecessor-version":[{"id":4758,"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/pages\/4754\/revisions\/4758"}],"wp:attachment":[{"href":"https:\/\/denisaalla.com\/sq\/wp-json\/wp\/v2\/media?parent=4754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}