{"id":4228,"date":"2026-03-26T17:13:41","date_gmt":"2026-03-26T17:13:41","guid":{"rendered":"https:\/\/cosmicteaching.com\/creez-votre-alter-ego\/"},"modified":"2026-03-27T05:06:21","modified_gmt":"2026-03-27T05:06:21","slug":"construis-ton-alter-ego","status":"publish","type":"page","link":"https:\/\/cosmicteaching.com\/fr\/construis-ton-alter-ego\/","title":{"rendered":"Construis ton Alter Ego"},"content":{"rendered":"<p><script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/18.2.0\/umd\/react.production.min.js\"><\/script><br \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react-dom\/18.2.0\/umd\/react-dom.production.min.js\"><\/script><br \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-standalone\/7.23.2\/babel.min.js\"><\/script><\/p>\n<style>body{margin:0;padding:0;background:#060510;}#root{min-height:100vh;}<\/style>\n<p>&nbsp;<\/p>\n<div id=\"root\"><\/div>\n<p><script type=\"text\/babel\">\nconst { useState, useEffect } = React;<\/p>\n<p>const revelations = [\n  { id:\"r1\", eyebrow:\"What you may not yet know\", title:\"You chose to be here.\", body:\"Earth is the most difficult place to incarnate in the known universe. Only the most courageous souls dare to come here. And you are here.\", sub:\"Not by accident. Not as punishment. By deliberate choice \u2014 made before you were born.\", source:\"Teachings of Mari Swa\", isQuote:false },\n  { id:\"r2\", eyebrow:\"Why such a difficult place?\", title:\"Because resistance is the engine.\", body:\"Nowhere else in the universe can a soul progress as rapidly as here. Duality, suffering, obstacles \u2014 these are not flaws of the Earth. They are the exact conditions you chose for your growth.\", sub:\"Difficulty is not an obstacle to your purpose. It is the mechanism of your purpose.\", source:\"Mari Swa \u2014 Escape from the Matrix\", isQuote:false },\n  { id:\"r3\", eyebrow:\"And what is that purpose?\", title:\"Your mission is you.\", body:\"Not saving the world. Not fulfilling an externally assigned task. Developing yourself despite the obstacles \u2014 learning to create what you want and need from almost nothing, against the current.\", sub:'\"Your mission on earth is you.\"', source:\"Mari Swa\", isQuote:true },\n  { id:\"r4\", eyebrow:\"What does that mean concretely?\", title:\"Becoming the best version of yourself.\", body:\"This is Mari Swa's most direct formulation. Not an idealized version borrowed from someone else. Yours \u2014 unique, created by you alone, because it has no equal anywhere.\", sub:\"This tool helps you define it. What you build here is not an exercise. It is the meaning of your incarnated life.\", source:\"Mari Swa \u2014 Teachings on the Alter Ego\", isQuote:false },\n];<\/p>\n<p>const steps = [\n  { id:\"obstacles\", number:\"01\", title:\"Recognizing what holds you back\", context:\"Before becoming who you want to be, you must clearly see what is preventing you. These limitations are not you \u2014 they were programmed into your unconscious by your environment. Naming them is the first step toward liberation.\",\n    questions:[\n      { id:\"triggers\", label:\"What words, situations, or people trigger reactions in you that you no longer want?\", placeholder:\"Be specific \u2014 concrete examples are more powerful than generalities\u2026\", type:\"textarea\" },\n      { id:\"patterns\", label:\"What repetitive pattern keeps returning in your life that you cannot seem to break?\", placeholder:\"What you keep doing despite yourself\u2026\", type:\"textarea\" },\n      { id:\"belief\", label:\"What is the deepest limiting belief you carry about yourself?\", placeholder:\"The one you don't always dare to say out loud\u2026\", type:\"textarea\" },\n    ]},\n  { id:\"vision\", number:\"02\", title:\"Defining who you want to be\", context:\"Mari Swa is clear: the more precise and detailed the definition, the more powerful the tool. You are not describing a vague ideal \u2014 you are drawing with exactness the person you are already becoming.\",\n    questions:[\n      { id:\"qualities\", label:\"What precise qualities does this version of you possess?\", placeholder:\"Determined, calm under pressure, assertive, financially free\u2026\", type:\"textarea\" },\n      { id:\"behavior\", label:\"How does this version behave in the face of criticism, obstacles, and fear?\", placeholder:\"She doesn't seek approval. When facing fear, she\u2026\", type:\"textarea\" },\n      { id:\"values\", label:\"What values are non-negotiable for her \u2014 what she will never betray?\", placeholder:\"Freedom, integrity, growth, independence, truth\u2026\", type:\"textarea\" },\n      { id:\"daily\", label:\"How does she live day to day? Her way of speaking, deciding, occupying space?\", placeholder:\"She starts her days with intention. She says no without guilt\u2026\", type:\"textarea\" },\n    ]},\n  { id:\"identity\", number:\"03\", title:\"Giving it its own identity\", context:\"The Alter Ego cannot be an existing character. Your unconscious knows very well you are not Batman. What you create here is entirely yours \u2014 and that is precisely why your unconscious will accept and support it.\",\n    questions:[\n      { id:\"name\", label:\"What name does this Alter Ego carry? (a name you create, that exists nowhere else)\", placeholder:\"Take all the time you need \u2014 this name matters.\", type:\"input\" },\n      { id:\"symbol\", label:\"What image or symbol represents it in your inner world?\", placeholder:\"A steady flame in the storm, a tree with deep roots\u2026\", type:\"textarea\" },\n      { id:\"mantra\", label:\"What phrase captures its essence \u2014 the one you will repeat?\", placeholder:\"I create my reality from the inside, not from fear.\", type:\"textarea\" },\n    ]},\n  { id:\"activation\", number:\"04\", title:\"Invoking it every day\", context:\"The more you practice, the more natural this version of you becomes \u2014 until the distinction disappears. This is how one becomes their own incarnated Higher Self: not by waiting, but by deliberately inhabiting it, day after day.\",\n    questions:[\n      { id:\"when\", label:\"In what concrete situations do you most need this version of yourself?\", placeholder:\"During difficult conversations, when I need to assert myself, when facing doubt\u2026\", type:\"textarea\" },\n      { id:\"ritual\", label:\"What physical gesture or ritual will bring you into that state instantly?\", placeholder:\"Three deep breaths, standing straight, wearing a particular object\u2026\", type:\"textarea\" },\n      { id:\"question\", label:\"Formulate the question you will ask yourself when facing any obstacle:\", placeholder:\"What would [name] do in this situation?\", type:\"input\" },\n    ]},\n];<\/p>\n<p>const STORAGE_KEY = \"cosmic_alter_ego_en_v1\";\nconst STARS = Array.from({length:110},(_,i)=>({id:i,x:Math.random()*100,y:Math.random()*100,size:Math.random()*1.8+0.4,opacity:Math.random()*0.55+0.12,dur:2.5+Math.random()*4,delay:Math.random()*5}));<\/p>\n<p>function StarField() {\n  return (\n    <\/p>\n<div style={{position:\"fixed\",inset:0,pointerEvents:\"none\",zIndex:0}}>\n<p>\n      {STARS.map(s=>(<\/p>\n<div key={s.id} style={{position:\"absolute\",left:`${s.x}%`,top:`${s.y}%`,width:s.size,height:s.size,borderRadius:\"50%\",background:\"white\",opacity:s.opacity,animation:`tw ${s.dur}s ease-in-out ${s.delay}s infinite alternate`}}><\/div>\n<p>))}\n    <\/p><\/div>\n<p>\n  );\n}<\/p>\n<p>function buildProfileText(answers) {\n  const o = steps.reduce((acc,s)=>({...acc,...answers[s.id]}),{});\n  return \"COSMIC TEACHING - TEACHINGS FROM MARI SWA\\nMY ALTER EGO - \" + (o.name||\"\").toUpperCase() + \"\\n\\nYou incarnated here to become this.\\n\\nMANTRA\\n\" + (o.mantra||\"\") + \"\\n\\nINNER SYMBOL\\n\" + (o.symbol||\"\") + \"\\n\\nESSENTIAL QUALITIES\\n\" + (o.qualities||\"\") + \"\\n\\nNON-NEGOTIABLE VALUES\\n\" + (o.values||\"\") + \"\\n\\nDAILY WAY OF BEING\\n\" + (o.daily||\"\") + \"\\n\\nIN THE FACE OF OBSTACLES\\n\" + (o.behavior||\"\") + \"\\n\\nACTIVATION PROTOCOL\\nInvocation situations:\\n\" + (o.when||\"\") + \"\\n\\nPhysical ritual:\\n\" + (o.ritual||\"\") + \"\\n\\nMy key question:\\n\" + (o.question||\"\") + \"\\n\\nWHAT I CAME TO TRANSFORM\\nTriggers to deactivate:\\n\" + (o.triggers||\"\") + \"\\n\\nPattern to break:\\n\" + (o.patterns||\"\") + \"\\n\\nBelief to release:\\n\" + (o.belief||\"\") + \"\\n\\nYour life purpose is to spiritually grow to the point where you can create a heaven for yourself wherever you are - alive or not - in spite of everything that surrounds you.\\n- Mari Swa\\n\\nCompiled by Cosmic Teaching - cosmicteaching.com\";\n}<\/p>\n<p>function SaveBanner({onLoad}) {\n  return (\n    <\/p>\n<div style={{background:\"rgba(201,168,76,0.08)\",border:\"1px solid rgba(201,168,76,0.25)\",borderRadius:12,padding:\"14px 20px\",marginBottom:32,display:\"flex\",alignItems:\"center\",justifyContent:\"space-between\",gap:16,flexWrap:\"wrap\"}}>\n<div>\n<div style={{fontSize:11,color:\"#f0d080\",letterSpacing:1,marginBottom:4}}>\u2726 Saved profile found<\/div>\n<\/p>\n<div style={{fontSize:12,color:\"rgba(255,255,255,0.4)\",fontFamily:\"Georgia,serif\",fontStyle:\"italic\"}}>Your Alter Ego is stored on this device.<\/div>\n<\/div>\n<p>\n      <button onClick={onLoad} style={{background:\"linear-gradient(135deg,rgba(201,168,76,0.2),rgba(201,168,76,0.08))\",border:\"1px solid rgba(201,168,76,0.35)\",borderRadius:8,padding:\"9px 20px\",color:\"#f0d080\",cursor:\"pointer\",fontSize:11,letterSpacing:1.5,textTransform:\"uppercase\",whiteSpace:\"nowrap\"}}>View my profile \u2192<\/button>\n    <\/div>\n<p>\n  );\n}<\/p>\n<p>function RevelationScreen({r,idx,onNext,isLast}) {\n  const [visible,setVisible]=useState(false);\n  useEffect(()=>{const t=setTimeout(()=>setVisible(true),60);return()=>clearTimeout(t);},[r.id]);\n  return (\n    <\/p>\n<div style={{maxWidth:620,margin:\"0 auto\",opacity:visible?1:0,transform:visible?\"translateY(0)\":\"translateY(28px)\",transition:\"opacity 0.8s ease,transform 0.8s ease\"}}>\n<div style={{fontSize:10,letterSpacing:4,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.5)\",marginBottom:28,textAlign:\"center\"}}>{r.eyebrow}<\/div>\n<\/p>\n<h2 style={{fontFamily:\"Georgia,serif\",fontSize:\"clamp(26px,5.5vw,48px)\",fontWeight:700,lineHeight:1.12,textAlign:\"center\",background:\"linear-gradient(140deg,#ffffff 25%,#e8c96a)\",WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\",margin:\"0 0 36px\"}}>{r.title}<\/h2>\n<\/p>\n<div style={{background:\"rgba(255,255,255,0.025)\",border:\"1px solid rgba(255,255,255,0.07)\",borderRadius:16,padding:\"28px 32px\",marginBottom:28}}>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:20,lineHeight:1.75,color:\"rgba(255,255,255,0.85)\",margin:0}}>{r.body}<\/p>\n<\/div>\n<\/p>\n<div style={{textAlign:\"center\",marginBottom:48,padding:\"0 12px\"}}>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:r.isQuote?23:16,color:r.isQuote?\"#f0d080\":\"rgba(255,255,255,0.42)\",fontStyle:\"italic\",lineHeight:1.6,margin:\"0 0 10px\"}}>{r.sub}<\/p>\n<p>\n        <span style={{fontSize:9,letterSpacing:3.5,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.38)\"}}>{r.source}<\/span>\n      <\/div>\n<\/p>\n<div style={{display:\"flex\",justifyContent:\"center\",gap:8,marginBottom:44}}>\n<p>\n        {revelations.map((_,i)=>(<\/p>\n<div key={i} style={{width:i===idx?28:6,height:5,borderRadius:3,background:i=idx?\"#c9a84c\":\"rgba(255,255,255,0.12)\",transition:\"all 0.4s ease\"}}><\/div>\n<p>))}\n      <\/p><\/div>\n<\/p>\n<div style={{textAlign:\"center\"}}>\n        <button onClick={onNext} style={{background:\"linear-gradient(135deg,rgba(201,168,76,0.12),rgba(201,168,76,0.04))\",border:\"1px solid rgba(201,168,76,0.4)\",borderRadius:12,padding:\"16px 44px\",color:\"#f0d080\",cursor:\"pointer\",fontSize:13,letterSpacing:2,textTransform:\"uppercase\",fontFamily:\"system-ui\"}}>\n          {isLast?\"Start building \u2192\":\"Continue \u2192\"}\n        <\/button>\n      <\/div>\n<\/div>\n<p>\n  );\n}<\/p>\n<p>function StepForm({step,answers,onUpdate,onNext,onBack,stepIdx}) {\n  const current=answers[step.id]||{};\n  const filled=step.questions.every(q=>(current[q.id]||\"\").trim().length>0);\n  return (\n    <\/p>\n<div style={{maxWidth:660,margin:\"0 auto\",animation:\"fadeUp 0.6s ease forwards\"}}>\n<div style={{display:\"flex\",alignItems:\"flex-start\",gap:20,marginBottom:32}}>\n<div style={{fontFamily:\"Georgia,serif\",fontSize:56,fontWeight:700,lineHeight:1,color:\"rgba(201,168,76,0.15)\",flexShrink:0,marginTop:-6}}>{step.number}<\/div>\n<\/p>\n<div>\n<h2 style={{fontFamily:\"Georgia,serif\",fontSize:26,fontWeight:700,color:\"#f0d080\",margin:\"0 0 10px\"}}>{step.title}<\/h2>\n<\/p>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:15,color:\"rgba(255,255,255,0.42)\",fontStyle:\"italic\",lineHeight:1.68,margin:0}}>{step.context}<\/p>\n<\/div>\n<\/div>\n<\/p>\n<div style={{display:\"flex\",gap:6,marginBottom:40}}>\n<p>\n        {steps.map((_,i)=>(<\/p>\n<div key={i} style={{flex:1,height:2,borderRadius:1,background:i=stepIdx?\"linear-gradient(90deg,#c9a84c,#f0d080)\":\"rgba(255,255,255,0.09)\",transition:\"background 0.5s ease\"}}><\/div>\n<p>))}\n      <\/p><\/div>\n<\/p>\n<div style={{display:\"flex\",flexDirection:\"column\",gap:30,marginBottom:48}}>\n<p>\n        {step.questions.map((q,i)=>(\n          <\/p>\n<div key={q.id} style={{animation:\"fadeUp 0.5s ease both\"}}>\n            <label style={{display:\"block\",fontFamily:\"Georgia,serif\",fontSize:17,color:\"rgba(255,255,255,0.8)\",lineHeight:1.55,marginBottom:12}}>{q.label}<\/label>\n            {q.type===\"textarea\"?(\n              <textarea value={current[q.id]||\"\"} onChange={e=>onUpdate(step.id,q.id,e.target.value)} placeholder={q.placeholder} rows={3} style={{width:\"100%\",background:(current[q.id]||\"\").trim()?\"rgba(201,168,76,0.05)\":\"rgba(255,255,255,0.025)\",border:\"1px solid \"+((current[q.id]||\"\").trim()?\"rgba(201,168,76,0.35)\":\"rgba(255,255,255,0.08)\"),borderRadius:10,padding:\"14px 16px\",color:\"rgba(255,255,255,0.85)\",fontSize:14,lineHeight:1.65,resize:\"vertical\",fontFamily:\"system-ui,sans-serif\",outline:\"none\",boxSizing:\"border-box\"}}\/>\n            ):(\n              <input type=\"text\" value={current[q.id]||\"\"} onChange={e=>onUpdate(step.id,q.id,e.target.value)} placeholder={q.placeholder} style={{width:\"100%\",background:(current[q.id]||\"\").trim()?\"rgba(201,168,76,0.05)\":\"rgba(255,255,255,0.025)\",border:\"1px solid \"+((current[q.id]||\"\").trim()?\"rgba(201,168,76,0.35)\":\"rgba(255,255,255,0.08)\"),borderRadius:10,padding:\"14px 16px\",color:\"#f0d080\",fontSize:19,fontFamily:\"Georgia,serif\",letterSpacing:1,outline:\"none\",boxSizing:\"border-box\"}}\/>\n            )}\n          <\/div>\n<p>\n        ))}\n      <\/p><\/div>\n<\/p>\n<div style={{display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\"}}>\n        <button onClick={onBack} style={{background:\"transparent\",border:\"1px solid rgba(255,255,255,0.1)\",borderRadius:10,padding:\"13px 24px\",color:\"rgba(255,255,255,0.3)\",cursor:\"pointer\",fontSize:13,letterSpacing:1}}>\u2190 Back<\/button>\n        <button onClick={onNext} disabled={!filled} style={{background:filled?\"linear-gradient(135deg,#b8922e,#e8c96a)\":\"rgba(201,168,76,0.08)\",border:\"none\",borderRadius:10,padding:\"13px 32px\",color:filled?\"#0a0618\":\"rgba(201,168,76,0.25)\",cursor:filled?\"pointer\":\"not-allowed\",fontSize:13,fontWeight:700,letterSpacing:1,transition:\"all 0.3s ease\"}}>\n          {stepIdx===steps.length-1?\"Reveal my Alter Ego \u2726\":\"Continue \u2192\"}\n        <\/button>\n      <\/div>\n<\/div>\n<p>\n  );\n}<\/p>\n<p>function ProfileCard({answers,onRestart}) {\n  const [copied,setCopied]=useState(false);\n  const o=steps.reduce((acc,s)=>({...acc,...answers[s.id]}),{});\n  const handleCopy=()=>{\n    try {\n      navigator.clipboard.writeText(buildProfileText(answers)).then(()=>{setCopied(true);setTimeout(()=>setCopied(false),3000);});\n    } catch(e) {\n      setCopied(true);setTimeout(()=>setCopied(false),3000);\n    }\n  };\n  const Row=({label,value})=>value?(<\/p>\n<div style={{marginBottom:20}}>\n<div style={{fontSize:9,letterSpacing:3.5,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.5)\",marginBottom:6}}>{label}<\/div>\n<div style={{fontFamily:\"Georgia,serif\",fontSize:16,color:\"rgba(255,255,255,0.8)\",lineHeight:1.68}}>{value}<\/div>\n<\/div>\n<p>):null;\n  return (\n    <\/p>\n<div style={{maxWidth:660,margin:\"0 auto\",animation:\"fadeUp 0.9s ease forwards\"}}>\n<div style={{textAlign:\"center\",marginBottom:6}}><span style={{fontSize:10,color:\"rgba(201,168,76,0.4)\",letterSpacing:2}}>\u2713 Profile saved on this device<\/span><\/div>\n<\/p>\n<div style={{textAlign:\"center\",marginBottom:44}}>\n<div style={{fontSize:10,letterSpacing:4,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.45)\",marginBottom:18}}>You incarnated here to become this<\/div>\n<\/p>\n<h2 style={{fontFamily:\"Georgia,serif\",fontSize:\"clamp(34px,7vw,58px)\",fontWeight:700,margin:0,letterSpacing:2,background:\"linear-gradient(135deg,#ffffff 15%,#e8c96a)\",WebkitBackgroundClip:\"text\",WebkitTextFillColor:\"transparent\"}}>{o.name||\"Your Alter Ego\"}<\/h2>\n<\/div>\n<p>\n      {o.mantra&&(<\/p>\n<div style={{background:\"linear-gradient(135deg,rgba(201,168,76,0.1),rgba(201,168,76,0.02))\",border:\"1px solid rgba(201,168,76,0.28)\",borderRadius:16,padding:\"26px 32px\",textAlign:\"center\",marginBottom:32}}>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:22,fontStyle:\"italic\",color:\"#f0d080\",margin:0,lineHeight:1.6}}>\"{o.mantra}\"<\/p>\n<\/div>\n<p>)}\n      <\/p>\n<div style={{background:\"rgba(255,255,255,0.022)\",border:\"1px solid rgba(255,255,255,0.065)\",borderRadius:16,padding:\"30px 28px\",marginBottom:20}}>\n        <Row label=\"Inner symbol\" value={o.symbol}\/>\n        <Row label=\"Essential qualities\" value={o.qualities}\/>\n        <Row label=\"Non-negotiable values\" value={o.values}\/>\n        <Row label=\"Daily way of being\" value={o.daily}\/>\n        <Row label=\"In the face of obstacles\" value={o.behavior}\/>\n      <\/div>\n<\/p>\n<div style={{background:\"rgba(201,168,76,0.035)\",border:\"1px solid rgba(201,168,76,0.11)\",borderRadius:16,padding:\"26px 28px\",marginBottom:20}}>\n<div style={{fontSize:9,letterSpacing:3.5,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.5)\",marginBottom:18}}>Activation protocol<\/div>\n<p>\n        <Row label=\"Invocation situations\" value={o.when}\/>\n        <Row label=\"Physical ritual\" value={o.ritual}\/>\n        {o.question&&<\/p>\n<div style={{padding:\"14px 18px\",marginTop:4,background:\"rgba(201,168,76,0.07)\",borderRadius:10,fontFamily:\"Georgia,serif\",fontSize:18,color:\"#e8c96a\",fontStyle:\"italic\"}}>\"{o.question}\"<\/div>\n<p>}\n      <\/p><\/div>\n<p>\n      {(o.triggers||o.patterns||o.belief)&&(<\/p>\n<div style={{background:\"rgba(255,255,255,0.015)\",border:\"1px solid rgba(255,255,255,0.055)\",borderRadius:16,padding:\"26px 28px\",marginBottom:32}}>\n<div style={{fontSize:9,letterSpacing:3.5,textTransform:\"uppercase\",color:\"rgba(255,255,255,0.22)\",marginBottom:18}}>What you came to transform<\/div>\n<p>\n        <Row label=\"Triggers to deactivate\" value={o.triggers}\/>\n        <Row label=\"Pattern to break\" value={o.patterns}\/>\n        <Row label=\"Belief to release\" value={o.belief}\/>\n      <\/div>\n<p>)}\n      <\/p>\n<div style={{textAlign:\"center\",borderTop:\"1px solid rgba(255,255,255,0.055)\",padding:\"32px 20px 28px\",marginBottom:28}}>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:16,fontStyle:\"italic\",color:\"rgba(255,255,255,0.32)\",lineHeight:1.85,margin:\"0 0 12px\"}}>\"Your life purpose is to spiritually grow to the point where you can create a heaven for yourself wherever you are \u2014 alive or not \u2014 in spite of everything that surrounds you.\"<\/p>\n<p>\n        <span style={{fontSize:9,letterSpacing:3.5,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.32)\"}}>Mari Swa \u00b7 Compiled by Cosmic Teaching<\/span>\n      <\/div>\n<\/p>\n<div style={{background:\"rgba(255,255,255,0.018)\",border:\"1px solid rgba(255,255,255,0.055)\",borderRadius:14,padding:\"20px 24px\",marginBottom:20}}>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:14,color:\"rgba(255,255,255,0.38)\",lineHeight:1.85,margin:\"0 0 16px\",fontStyle:\"italic\"}}>Write this profile in a private notebook that no one else will see. Return to it as often as needed. When facing any challenge, ask yourself your key question.<\/p>\n<p>\n        <button onClick={handleCopy} style={{width:\"100%\",background:copied?\"rgba(100,180,100,0.15)\":\"rgba(201,168,76,0.1)\",border:\"1px solid \"+(copied?\"rgba(100,180,100,0.4)\":\"rgba(201,168,76,0.3)\"),borderRadius:10,padding:\"13px\",color:copied?\"#90e090\":\"#f0d080\",cursor:\"pointer\",fontSize:12,letterSpacing:2,textTransform:\"uppercase\",transition:\"all 0.3s ease\"}}>\n          {copied?\"\u2713 Copied to clipboard\":\"Copy my full profile\"}\n        <\/button>\n      <\/div>\n<\/p>\n<div style={{background:\"linear-gradient(135deg,rgba(201,168,76,0.06),rgba(201,168,76,0.02))\",border:\"1px solid rgba(201,168,76,0.15)\",borderRadius:14,padding:\"20px 24px\",marginBottom:32,textAlign:\"center\"}}>\n<div style={{fontSize:9,letterSpacing:3,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.45)\",marginBottom:8}}>Go deeper<\/div>\n<\/p>\n<p style={{fontFamily:\"Georgia,serif\",fontSize:15,color:\"rgba(255,255,255,0.45)\",margin:\"0 0 14px\",fontStyle:\"italic\",lineHeight:1.6}}>Understand why you chose this incarnation and how the mechanisms you just activated actually work.<\/p>\n<p>\n        <a href=\"https:\/\/cosmicteaching.com\/fr\/livres\/comprendre-la-conscience\/\" target=\"_blank\" rel=\"noopener noreferrer\" style={{display:\"inline-block\",background:\"transparent\",border:\"1px solid rgba(201,168,76,0.3)\",borderRadius:8,padding:\"10px 24px\",color:\"rgba(201,168,76,0.7)\",fontSize:11,letterSpacing:2,textTransform:\"uppercase\",textDecoration:\"none\"}}>Book 1 \u2014 Understanding Consciousness \u2192<\/a>\n      <\/div>\n<\/p>\n<div style={{textAlign:\"center\"}}>\n        <button onClick={onRestart} style={{background:\"transparent\",border:\"1px solid rgba(255,255,255,0.08)\",borderRadius:10,padding:\"12px 28px\",color:\"rgba(255,255,255,0.2)\",cursor:\"pointer\",fontSize:10,letterSpacing:3.5,textTransform:\"uppercase\"}}>Start over<\/button>\n      <\/div>\n<\/div>\n<p>\n  );\n}<\/p>\n<p>function App() {\n  const [phase,setPhase]=useState(\"revelation\");\n  const [revIdx,setRevIdx]=useState(0);\n  const [stepIdx,setStepIdx]=useState(0);\n  const [answers,setAnswers]=useState({});\n  const [fade,setFade]=useState(true);\n  const [savedProfile,setSavedProfile]=useState(null);<\/p>\n<p>  useEffect(()=>{\n    try{\n      const s=localStorage.getItem(STORAGE_KEY);\n      if(s){const p=JSON.parse(s);if(p&&Object.keys(p).length>0)setSavedProfile(p);}\n    }catch(e){}\n  },[]);<\/p>\n<p>  useEffect(()=>{\n    if(Object.keys(answers).length>0){\n      try{localStorage.setItem(STORAGE_KEY,JSON.stringify(answers));}catch(e){}\n    }\n  },[answers]);<\/p>\n<p>  const tr=fn=>{setFade(false);setTimeout(()=>{fn();setFade(true);},340);};\n  const nextRev=()=>revIdx<revelations.length-1?tr(()=>setRevIdx(i=>i+1)):tr(()=>setPhase(\"build\"));\n  const nextStep=()=>stepIdx<steps.length-1?tr(()=>setStepIdx(i=>i+1)):tr(()=>setPhase(\"complete\"));\n  const prevStep=()=>stepIdx>0?tr(()=>setStepIdx(i=>i-1)):tr(()=>{setPhase(\"revelation\");setRevIdx(revelations.length-1);});\n  const updateAnswer=(sid,qid,val)=>setAnswers(prev=>({...prev,[sid]:{...prev[sid],[qid]:val}}));\n  const restart=()=>tr(()=>{\n    setPhase(\"revelation\");setRevIdx(0);setStepIdx(0);setAnswers({});setSavedProfile(null);\n    try{localStorage.removeItem(STORAGE_KEY);}catch(e){}\n  });\n  const loadSaved=()=>tr(()=>{setAnswers(savedProfile);setPhase(\"complete\");});<\/p>\n<p>  return (\n    <\/p>\n<div style={{minHeight:\"100vh\",background:\"radial-gradient(ellipse at 25% 15%,#110a28 0%,#060510 55%,#0c0820 100%)\",color:\"white\",position:\"relative\"}}>\n<style>{`\n        @keyframes tw{from{opacity:0.12;}to{opacity:0.82;}}\n        @keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}\n        *{box-sizing:border-box;margin:0;padding:0;}\n        textarea,input{outline:none;}\n        textarea::-webkit-scrollbar{width:3px;}\n        textarea::-webkit-scrollbar-thumb{background:rgba(201,168,76,0.22);border-radius:2px;}\n      `}<\/style>\n<p>\n      <StarField\/>\n      <\/p>\n<div style={{position:\"relative\",zIndex:1,textAlign:\"center\",padding:\"30px 24px 0\"}}>\n<div style={{fontSize:9,letterSpacing:5,textTransform:\"uppercase\",color:\"rgba(201,168,76,0.3)\"}}>Cosmic Teaching \u00b7 Teachings From Mari Swa<\/div>\n<\/div>\n<\/p>\n<div style={{position:\"relative\",zIndex:1,padding:\"44px 24px 88px\",opacity:fade?1:0,transition:\"opacity 0.34s ease\"}}>\n<p>\n        {phase===\"revelation\"&&(\n          <\/p>\n<div>\n<p>\n            {savedProfile&&revIdx===0&&<\/p>\n<div style={{maxWidth:620,margin:\"0 auto\"}}><SaveBanner onLoad={loadSaved}\/><\/div>\n<p>}\n            <RevelationScreen r={revelations[revIdx]} idx={revIdx} onNext={nextRev} isLast={revIdx===revelations.length-1}\/>\n          <\/div>\n<p>\n        )}\n        {phase===\"build\"&&<StepForm step={steps[stepIdx]} answers={answers} onUpdate={updateAnswer} onNext={nextStep} onBack={prevStep} stepIdx={stepIdx}\/>}\n        {phase===\"complete\"&&<ProfileCard answers={answers} onRestart={restart}\/>}\n      <\/div>\n<\/div>\n<p>\n  );\n}<\/p>\n<p>ReactDOM.render(React.createElement(App), document.getElementById('root'));\n  <!-- wpml:html_fragment <\/script> --&gt;\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &#8211;&gt;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","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":"var(--ast-global-color-4)","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-4228","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"CosmicTeaching","author_link":"https:\/\/cosmicteaching.com\/fr\/author\/cosmicteaching\/"},"uagb_comment_info":0,"uagb_excerpt":"&nbsp; --&gt;","_links":{"self":[{"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/pages\/4228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/comments?post=4228"}],"version-history":[{"count":4,"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/pages\/4228\/revisions"}],"predecessor-version":[{"id":4244,"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/pages\/4228\/revisions\/4244"}],"wp:attachment":[{"href":"https:\/\/cosmicteaching.com\/fr\/wp-json\/wp\/v2\/media?parent=4228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}