{"id":10,"date":"2026-10-07T09:23:03","date_gmt":"2026-10-07T09:23:03","guid":{"rendered":"https:\/\/deepikapoonia.com\/?page_id=10"},"modified":"2026-10-13T04:42:04","modified_gmt":"2026-10-13T04:42:04","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/deepikapoonia.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e76b3d e-con-full e-flex e-con e-parent\" data-id=\"1e76b3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1b2a0 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"8d1b2a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div id=\"uf-site\">\r\n\r\n\r\n\/* =========================================================\r\n   UNFOLDING FUTURE \u2014 SINGLE FILE ELEMENTOR WEBSITE\r\n   Author: Deepika Poonia\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&amp;family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&amp;display=swap');\r\n\r\n#uf-site{\r\n  --cream:#f5efe6;\r\n  --paper:#fffaf2;\r\n  --white:#ffffff;\r\n  --ink:#171313;\r\n  --wine:#641f29;\r\n  --deep:#351318;\r\n  --gold:#b99960;\r\n  --gold2:#d2b77f;\r\n  --muted:#766e67;\r\n  --line:rgba(23,19,19,.13);\r\n  --shadow:0 30px 80px rgba(53,19,24,.16);\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--cream);\r\n  color:var(--ink);\r\n  font-family:\"DM Sans\",sans-serif;\r\n  position:relative;\r\n}\r\n\r\n#uf-site *{box-sizing:border-box}\r\n#uf-site a{text-decoration:none;color:inherit}\r\n#uf-site img{max-width:100%;display:block}\r\n\r\n\/* ---------- GLOBAL ---------- *\/\r\n.uf-container{\r\n  width:min(1180px,92%);\r\n  margin:auto;\r\n}\r\n\r\n.uf-section{\r\n  padding:120px 0;\r\n  position:relative;\r\n}\r\n\r\n.uf-eyebrow{\r\n  text-transform:uppercase;\r\n  letter-spacing:3px;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  color:var(--wine);\r\n  margin-bottom:20px;\r\n}\r\n\r\n.uf-title{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(42px,6vw,82px);\r\n  line-height:.98;\r\n  font-weight:600;\r\n  letter-spacing:-2px;\r\n  margin:0;\r\n}\r\n\r\n.uf-title em{\r\n  color:var(--wine);\r\n  font-weight:500;\r\n}\r\n\r\n.uf-copy{\r\n  color:var(--muted);\r\n  font-size:17px;\r\n  line-height:1.85;\r\n}\r\n\r\n.uf-reveal{\r\n  opacity:0;\r\n  transform:translateY(45px);\r\n  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.uf-reveal.uf-visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* ---------- NAV ---------- *\/\r\n#uf-nav{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  z-index:100;\r\n  padding:25px 0;\r\n  color:white;\r\n  transition:.4s ease;\r\n}\r\n\r\n#uf-nav.uf-scrolled{\r\n  position:fixed;\r\n  background:rgba(245,239,230,.92);\r\n  backdrop-filter:blur(18px);\r\n  color:var(--ink);\r\n  box-shadow:0 10px 40px rgba(0,0,0,.08);\r\n  padding:15px 0;\r\n}\r\n\r\n.uf-nav-inner{\r\n  width:min(1240px,92%);\r\n  margin:auto;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n}\r\n\r\n.uf-logo{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:24px;\r\n  font-weight:600;\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.uf-logo span{\r\n  display:block;\r\n  font-family:\"DM Sans\",sans-serif;\r\n  font-size:8px;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  opacity:.65;\r\n  margin-top:2px;\r\n}\r\n\r\n.uf-nav-links{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:28px;\r\n}\r\n\r\n.uf-nav-links a{\r\n  font-size:12px;\r\n  text-transform:uppercase;\r\n  letter-spacing:1.3px;\r\n  opacity:.8;\r\n  transition:.3s;\r\n}\r\n\r\n.uf-nav-links a:hover{opacity:1;color:var(--gold)}\r\n\r\n.uf-nav-cta{\r\n  padding:12px 20px;\r\n  border:1px solid currentColor;\r\n  border-radius:50px;\r\n}\r\n\r\n.uf-menu{\r\n  display:none;\r\n  border:0;\r\n  background:none;\r\n  color:inherit;\r\n  font-size:25px;\r\n}\r\n\r\n\/* ---------- HERO ---------- *\/\r\n.uf-hero{\r\n  min-height:100vh;\r\n  background:\r\n    radial-gradient(circle at 75% 35%,rgba(185,153,96,.25),transparent 25%),\r\n    linear-gradient(115deg,#351318 0%,#5b2028 48%,#7c3036 100%);\r\n  color:white;\r\n  position:relative;\r\n  overflow:hidden;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n\r\n.uf-hero:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:700px;\r\n  height:700px;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  border-radius:50%;\r\n  right:-250px;\r\n  top:-180px;\r\n}\r\n\r\n.uf-hero:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:500px;\r\n  height:500px;\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:50%;\r\n  right:-130px;\r\n  bottom:-250px;\r\n}\r\n\r\n.uf-hero-grid{\r\n  width:min(1180px,92%);\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  align-items:center;\r\n  gap:70px;\r\n  position:relative;\r\n  z-index:2;\r\n  padding:120px 0 80px;\r\n}\r\n\r\n.uf-hero-text{\r\n  max-width:650px;\r\n}\r\n\r\n.uf-hero-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  text-transform:uppercase;\r\n  letter-spacing:3px;\r\n  font-size:11px;\r\n  margin-bottom:28px;\r\n  opacity:.75;\r\n}\r\n\r\n.uf-hero-kicker:before{\r\n  content:\"\";\r\n  width:45px;\r\n  height:1px;\r\n  background:var(--gold2);\r\n}\r\n\r\n.uf-hero h1{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(58px,8vw,112px);\r\n  line-height:.85;\r\n  letter-spacing:-5px;\r\n  margin:0 0 30px;\r\n  font-weight:600;\r\n}\r\n\r\n.uf-hero h1 span{\r\n  color:#d8bd8a;\r\n  font-style:italic;\r\n  display:block;\r\n}\r\n\r\n.uf-hero-desc{\r\n  max-width:540px;\r\n  color:rgba(255,255,255,.72);\r\n  line-height:1.8;\r\n  font-size:16px;\r\n}\r\n\r\n.uf-buttons{\r\n  display:flex;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n  margin-top:35px;\r\n}\r\n\r\n.uf-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:15px 25px;\r\n  border-radius:50px;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  text-transform:uppercase;\r\n  transition:.35s cubic-bezier(.2,.8,.2,1);\r\n  cursor:pointer;\r\n}\r\n\r\n.uf-btn-primary{\r\n  background:#f7efe4;\r\n  color:var(--deep);\r\n}\r\n\r\n.uf-btn-primary:hover{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 15px 30px rgba(0,0,0,.2);\r\n}\r\n\r\n.uf-btn-outline{\r\n  color:white;\r\n  border:1px solid rgba(255,255,255,.35);\r\n}\r\n\r\n.uf-btn-outline:hover{\r\n  background:white;\r\n  color:var(--deep);\r\n}\r\n\r\n.uf-book-stage{\r\n  min-height:600px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  perspective:1400px;\r\n}\r\n\r\n.uf-book{\r\n  width:min(330px,75%);\r\n  position:relative;\r\n  transform-style:preserve-3d;\r\n  transform:rotateY(-13deg) rotateX(4deg) rotateZ(-2deg);\r\n  animation:ufFloat 5s ease-in-out infinite;\r\n  filter:drop-shadow(35px 35px 30px rgba(0,0,0,.3));\r\n}\r\n\r\n.uf-book img{\r\n  width:100%;\r\n  aspect-ratio:2\/3;\r\n  object-fit:cover;\r\n  border-radius:3px 8px 8px 3px;\r\n}\r\n\r\n.uf-book:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-18px;\r\n  top:5px;\r\n  width:18px;\r\n  height:calc(100% - 10px);\r\n  background:linear-gradient(90deg,#281015,#8a5a48,#3c171e);\r\n  transform:skewY(-4deg);\r\n  transform-origin:right;\r\n}\r\n\r\n.uf-book:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-25px;\r\n  border:1px solid rgba(210,183,127,.45);\r\n  border-radius:50%;\r\n  transform:rotateX(65deg);\r\n  animation:ufRing 7s linear infinite;\r\n}\r\n\r\n@keyframes ufFloat{\r\n  0%,100%{transform:rotateY(-13deg) rotateX(4deg) rotateZ(-2deg) translateY(0)}\r\n  50%{transform:rotateY(-7deg) rotateX(7deg) rotateZ(1deg) translateY(-22px)}\r\n}\r\n\r\n@keyframes ufRing{\r\n  from{transform:rotateX(65deg) rotateZ(0)}\r\n  to{transform:rotateX(65deg) rotateZ(360deg)}\r\n}\r\n\r\n.uf-scroll{\r\n  position:absolute;\r\n  bottom:30px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:3px;\r\n  opacity:.6;\r\n}\r\n\r\n.uf-scroll-line{\r\n  width:1px;\r\n  height:45px;\r\n  background:linear-gradient(white,transparent);\r\n  animation:ufScroll 1.7s infinite;\r\n}\r\n\r\n@keyframes ufScroll{\r\n  0%{transform:scaleY(0);transform-origin:top}\r\n  50%{transform:scaleY(1);transform-origin:top}\r\n  51%{transform-origin:bottom}\r\n  100%{transform:scaleY(0);transform-origin:bottom}\r\n}\r\n\r\n\/* ---------- MARQUEE ---------- *\/\r\n.uf-marquee{\r\n  background:var(--gold);\r\n  color:var(--deep);\r\n  overflow:hidden;\r\n  padding:17px 0;\r\n  white-space:nowrap;\r\n}\r\n\r\n.uf-marquee-track{\r\n  display:inline-flex;\r\n  animation:ufMarquee 25s linear infinite;\r\n}\r\n\r\n.uf-marquee span{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:22px;\r\n  font-style:italic;\r\n  margin:0 35px;\r\n}\r\n\r\n@keyframes ufMarquee{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-50%)}\r\n}\r\n\r\n\/* ---------- INTRO ---------- *\/\r\n.uf-intro{\r\n  background:var(--paper);\r\n}\r\n\r\n.uf-intro-grid{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:100px;\r\n  align-items:start;\r\n}\r\n\r\n.uf-big-number{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:180px;\r\n  line-height:.7;\r\n  color:rgba(100,31,41,.1);\r\n  position:sticky;\r\n  top:130px;\r\n}\r\n\r\n.uf-intro-content h2{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(40px,5vw,70px);\r\n  line-height:1.02;\r\n  margin:0 0 35px;\r\n  font-weight:500;\r\n}\r\n\r\n.uf-intro-content h2 em{\r\n  color:var(--wine);\r\n}\r\n\r\n.uf-divider{\r\n  width:100%;\r\n  height:1px;\r\n  background:var(--line);\r\n  margin:45px 0;\r\n}\r\n\r\n\/* ---------- PUZZLE ---------- *\/\r\n.uf-puzzle{\r\n  background:var(--deep);\r\n  color:white;\r\n  overflow:hidden;\r\n}\r\n\r\n.uf-puzzle .uf-eyebrow{color:var(--gold2)}\r\n\r\n.uf-puzzle-head{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:end;\r\n  gap:40px;\r\n  margin-bottom:60px;\r\n}\r\n\r\n.uf-puzzle-head .uf-title{\r\n  max-width:700px;\r\n}\r\n\r\n.uf-puzzle-head p{\r\n  max-width:350px;\r\n  color:rgba(255,255,255,.6);\r\n  line-height:1.7;\r\n}\r\n\r\n.uf-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:1px;\r\n  background:rgba(255,255,255,.15);\r\n}\r\n\r\n.uf-card{\r\n  min-height:310px;\r\n  padding:35px 28px;\r\n  background:var(--deep);\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:.5s;\r\n}\r\n\r\n.uf-card:hover{\r\n  background:#542029;\r\n  transform:translateY(-10px);\r\n}\r\n\r\n.uf-card-number{\r\n  font-size:11px;\r\n  letter-spacing:2px;\r\n  color:var(--gold2);\r\n}\r\n\r\n.uf-card h3{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:28px;\r\n  font-weight:500;\r\n  margin-top:90px;\r\n}\r\n\r\n.uf-card p{\r\n  color:rgba(255,255,255,.58);\r\n  line-height:1.65;\r\n  font-size:14px;\r\n}\r\n\r\n.uf-card-arrow{\r\n  position:absolute;\r\n  right:25px;\r\n  bottom:25px;\r\n  font-size:22px;\r\n  transition:.4s;\r\n}\r\n\r\n.uf-card:hover .uf-card-arrow{transform:translate(7px,-7px)}\r\n\r\n\/* ---------- THEMES ---------- *\/\r\n.uf-themes{\r\n  background:#ebe1d3;\r\n}\r\n\r\n.uf-theme-list{\r\n  margin-top:60px;\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.uf-theme{\r\n  display:grid;\r\n  grid-template-columns:90px 1fr 100px;\r\n  align-items:center;\r\n  padding:30px 0;\r\n  border-bottom:1px solid var(--line);\r\n  transition:.4s;\r\n}\r\n\r\n.uf-theme:hover{\r\n  padding-left:25px;\r\n  background:rgba(255,255,255,.25);\r\n}\r\n\r\n.uf-theme-num{\r\n  color:var(--gold);\r\n  font-size:13px;\r\n}\r\n\r\n.uf-theme-name{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(25px,4vw,48px);\r\n}\r\n\r\n.uf-theme-arrow{\r\n  text-align:right;\r\n  font-size:24px;\r\n  color:var(--wine);\r\n}\r\n\r\n\/* ---------- QUOTE ---------- *\/\r\n.uf-quote{\r\n  min-height:80vh;\r\n  display:flex;\r\n  align-items:center;\r\n  background:\r\n    linear-gradient(rgba(53,19,24,.88),rgba(53,19,24,.94)),\r\n    radial-gradient(circle at center,#8e4850,#351318);\r\n  color:white;\r\n  text-align:center;\r\n}\r\n\r\n.uf-quote-inner{\r\n  width:min(900px,90%);\r\n  margin:auto;\r\n}\r\n\r\n.uf-quote-mark{\r\n  font-family:Georgia,serif;\r\n  font-size:100px;\r\n  line-height:.5;\r\n  color:var(--gold2);\r\n  opacity:.7;\r\n}\r\n\r\n.uf-quote blockquote{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(38px,6vw,75px);\r\n  line-height:1.08;\r\n  font-style:italic;\r\n  margin:35px 0;\r\n}\r\n\r\n.uf-quote small{\r\n  text-transform:uppercase;\r\n  letter-spacing:3px;\r\n  font-size:10px;\r\n  opacity:.6;\r\n}\r\n\r\n\/* ---------- AUTHOR ---------- *\/\r\n.uf-author{\r\n  background:var(--paper);\r\n}\r\n\r\n.uf-author-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:100px;\r\n  align-items:center;\r\n}\r\n\r\n.uf-author-photo{\r\n  position:relative;\r\n}\r\n\r\n.uf-author-photo:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:80%;\r\n  height:80%;\r\n  border:1px solid var(--gold);\r\n  left:-20px;\r\n  bottom:-20px;\r\n  z-index:0;\r\n}\r\n\r\n.uf-author-photo img{\r\n  position:relative;\r\n  z-index:1;\r\n  width:100%;\r\n  aspect-ratio:4\/5;\r\n  object-fit:cover;\r\n  filter:saturate(.8);\r\n}\r\n\r\n.uf-author-content h2{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(42px,6vw,75px);\r\n  line-height:.98;\r\n  margin:0 0 30px;\r\n}\r\n\r\n.uf-author-content h2 span{\r\n  color:var(--wine);\r\n  font-style:italic;\r\n}\r\n\r\n.uf-author-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:30px;\r\n}\r\n\r\n.uf-tag{\r\n  border:1px solid var(--line);\r\n  padding:9px 14px;\r\n  border-radius:50px;\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\/* ---------- TIMELINE ---------- *\/\r\n.uf-timeline-section{\r\n  background:#eee4d7;\r\n}\r\n\r\n.uf-timeline{\r\n  margin-top:70px;\r\n  position:relative;\r\n}\r\n\r\n.uf-timeline:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  top:0;\r\n  bottom:0;\r\n  width:1px;\r\n  background:var(--line);\r\n}\r\n\r\n.uf-time-item{\r\n  width:50%;\r\n  padding:0 60px 80px 0;\r\n  position:relative;\r\n}\r\n\r\n.uf-time-item:nth-child(even){\r\n  margin-left:50%;\r\n  padding:0 0 80px 60px;\r\n}\r\n\r\n.uf-time-dot{\r\n  position:absolute;\r\n  right:-5px;\r\n  top:5px;\r\n  width:10px;\r\n  height:10px;\r\n  background:var(--wine);\r\n  border-radius:50%;\r\n  box-shadow:0 0 0 7px #eee4d7,0 0 0 8px var(--line);\r\n}\r\n\r\n.uf-time-item:nth-child(even) .uf-time-dot{\r\n  left:-5px;\r\n}\r\n\r\n.uf-time-year{\r\n  color:var(--gold);\r\n  font-weight:700;\r\n  font-size:12px;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.uf-time-item h3{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:34px;\r\n  margin:12px 0;\r\n}\r\n\r\n.uf-time-item p{\r\n  color:var(--muted);\r\n  line-height:1.7;\r\n  font-size:14px;\r\n}\r\n\r\n\/* ---------- REVIEWS ---------- *\/\r\n.uf-reviews{\r\n  background:var(--paper);\r\n}\r\n\r\n.uf-review-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:20px;\r\n  margin-top:60px;\r\n}\r\n\r\n.uf-review{\r\n  padding:35px;\r\n  border:1px solid var(--line);\r\n  min-height:250px;\r\n  transition:.4s;\r\n}\r\n\r\n.uf-review:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.uf-stars{\r\n  color:var(--gold);\r\n  letter-spacing:4px;\r\n  margin-bottom:25px;\r\n}\r\n\r\n.uf-review p{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:21px;\r\n  line-height:1.45;\r\n  font-style:italic;\r\n}\r\n\r\n.uf-review span{\r\n  font-size:11px;\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n  color:var(--muted);\r\n}\r\n\r\n\/* ---------- BUY ---------- *\/\r\n.uf-buy{\r\n  background:var(--wine);\r\n  color:white;\r\n  overflow:hidden;\r\n}\r\n\r\n.uf-buy:before{\r\n  content:\"UNFOLDING FUTURE\";\r\n  position:absolute;\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:16vw;\r\n  white-space:nowrap;\r\n  color:rgba(255,255,255,.035);\r\n  left:-5%;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n}\r\n\r\n.uf-buy-inner{\r\n  position:relative;\r\n  z-index:2;\r\n  text-align:center;\r\n}\r\n\r\n.uf-buy .uf-eyebrow{color:var(--gold2)}\r\n\r\n.uf-buy .uf-title{\r\n  max-width:800px;\r\n  margin:auto;\r\n}\r\n\r\n.uf-buy-sub{\r\n  max-width:580px;\r\n  margin:25px auto;\r\n  color:rgba(255,255,255,.65);\r\n  line-height:1.8;\r\n}\r\n\r\n.uf-buy-buttons{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n  margin-top:40px;\r\n}\r\n\r\n.uf-buy-btn{\r\n  min-width:180px;\r\n  background:#f8f1e8;\r\n  color:var(--deep);\r\n  padding:17px 25px;\r\n  border-radius:4px;\r\n  text-transform:uppercase;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:1px;\r\n  transition:.35s;\r\n}\r\n\r\n.uf-buy-btn:hover{\r\n  transform:translateY(-6px);\r\n  background:var(--gold2);\r\n}\r\n\r\n\/* ---------- FAQ ---------- *\/\r\n.uf-faq{\r\n  background:var(--cream);\r\n}\r\n\r\n.uf-faq-wrap{\r\n  max-width:850px;\r\n  margin:60px auto 0;\r\n}\r\n\r\n.uf-faq-item{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.uf-faq-item:last-child{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.uf-faq-question{\r\n  padding:25px 0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  cursor:pointer;\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:22px;\r\n}\r\n\r\n.uf-faq-icon{\r\n  font-family:\"DM Sans\",sans-serif;\r\n  font-size:22px;\r\n  transition:.3s;\r\n}\r\n\r\n.uf-faq-answer{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .5s ease;\r\n  color:var(--muted);\r\n  line-height:1.8;\r\n  font-size:14px;\r\n}\r\n\r\n.uf-faq-answer-inner{\r\n  padding:0 50px 25px 0;\r\n}\r\n\r\n.uf-faq-item.active .uf-faq-answer{max-height:250px}\r\n.uf-faq-item.active .uf-faq-icon{transform:rotate(45deg)}\r\n\r\n\/* ---------- FINAL ---------- *\/\r\n.uf-final{\r\n  background:#171313;\r\n  color:white;\r\n  text-align:center;\r\n  padding:140px 0;\r\n}\r\n\r\n.uf-final h2{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:clamp(48px,8vw,105px);\r\n  line-height:.9;\r\n  font-weight:500;\r\n  margin:0 auto 35px;\r\n}\r\n\r\n.uf-final h2 em{\r\n  color:var(--gold2);\r\n}\r\n\r\n.uf-final p{\r\n  color:rgba(255,255,255,.55);\r\n  max-width:550px;\r\n  margin:auto;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* ---------- FOOTER ---------- *\/\r\n.uf-footer{\r\n  background:#111;\r\n  color:white;\r\n  padding:35px 0;\r\n}\r\n\r\n.uf-footer-inner{\r\n  width:min(1180px,92%);\r\n  margin:auto;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n}\r\n\r\n.uf-footer p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.4);\r\n  font-size:11px;\r\n}\r\n\r\n.uf-footer-logo{\r\n  font-family:\"Playfair Display\",serif;\r\n  font-size:20px;\r\n}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media(max-width:900px){\r\n  .uf-hero-grid,\r\n  .uf-intro-grid,\r\n  .uf-author-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .uf-hero{\r\n    min-height:auto;\r\n  }\r\n\r\n  .uf-hero-grid{\r\n    padding-top:150px;\r\n    padding-bottom:100px;\r\n  }\r\n\r\n  .uf-book-stage{\r\n    min-height:500px;\r\n  }\r\n\r\n  .uf-cards{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .uf-review-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .uf-big-number{\r\n    display:none;\r\n  }\r\n\r\n  .uf-author-photo{\r\n    max-width:500px;\r\n    margin:auto;\r\n  }\r\n\r\n  .uf-puzzle-head{\r\n    display:block;\r\n  }\r\n\r\n  .uf-puzzle-head p{\r\n    margin-top:25px;\r\n  }\r\n}\r\n\r\n@media(max-width:700px){\r\n  .uf-section{padding:85px 0}\r\n\r\n  .uf-nav-links{\r\n    position:absolute;\r\n    top:70px;\r\n    left:4%;\r\n    width:92%;\r\n    padding:20px;\r\n    background:var(--paper);\r\n    color:var(--ink);\r\n    box-shadow:0 20px 40px rgba(0,0,0,.15);\r\n    display:none;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    border-radius:10px;\r\n  }\r\n\r\n  .uf-nav-links.open{display:flex}\r\n\r\n  .uf-menu{display:block}\r\n\r\n  .uf-nav-cta{border:0;padding:0}\r\n\r\n  .uf-hero h1{\r\n    font-size:clamp(55px,17vw,85px);\r\n    letter-spacing:-4px;\r\n  }\r\n\r\n  .uf-hero-grid{\r\n    gap:20px;\r\n  }\r\n\r\n  .uf-book-stage{\r\n    min-height:430px;\r\n  }\r\n\r\n  .uf-book{\r\n    width:260px;\r\n  }\r\n\r\n  .uf-cards{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .uf-card{\r\n    min-height:260px;\r\n  }\r\n\r\n  .uf-theme{\r\n    grid-template-columns:45px 1fr 30px;\r\n    padding:23px 0;\r\n  }\r\n\r\n  .uf-theme-name{\r\n    font-size:26px;\r\n  }\r\n\r\n  .uf-timeline:before{\r\n    left:8px;\r\n  }\r\n\r\n  .uf-time-item,\r\n  .uf-time-item:nth-child(even){\r\n    width:100%;\r\n    margin:0;\r\n    padding:0 0 60px 40px;\r\n  }\r\n\r\n  .uf-time-dot,\r\n  .uf-time-item:nth-child(even) .uf-time-dot{\r\n    left:4px;\r\n    right:auto;\r\n  }\r\n\r\n  .uf-footer-inner{\r\n    flex-direction:column;\r\n    text-align:center;\r\n  }\r\n}\r\n\r\n\r\n\r\n<!-- ================= NAVIGATION ================= -->\r\n<header id=\"uf-nav\">\r\n  <div class=\"uf-nav-inner\">\r\n\r\n    <a href=\"#uf-home\" class=\"uf-logo\">\r\n      Deepika Poonia\r\n      <span>Author \u2022 Unfolding Future<\/span>\r\n    <\/a>\r\n\r\n    <button class=\"uf-menu\" id=\"uf-menu\">\u2630<\/button>\r\n\r\n    <nav class=\"uf-nav-links\" id=\"uf-links\">\r\n      <a href=\"#uf-book\">The Book<\/a>\r\n      <a href=\"#uf-themes\">Themes<\/a>\r\n      <a href=\"#uf-author\">Author<\/a>\r\n      <a href=\"#uf-faq\">FAQ<\/a>\r\n      <a href=\"#uf-buy\" class=\"uf-nav-cta\">Buy The Book<\/a>\r\n    <\/nav>\r\n\r\n  <\/div>\r\n<\/header>\r\n\r\n\r\n<!-- ================= HERO ================= -->\r\n<section class=\"uf-hero\" id=\"uf-home\">\r\n\r\n  <div class=\"uf-hero-grid\">\r\n\r\n    <div class=\"uf-hero-text uf-reveal\">\r\n\r\n      <div class=\"uf-hero-kicker\">\r\n        A Book For The Generation In Between\r\n      <\/div>\r\n\r\n      <h1>\r\n        Unfolding\r\n        <span>Future.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"uf-hero-desc\">\r\n        Solving the Youth Puzzle Together \u2014 a thoughtful exploration\r\n        of identity, ambition, relationships, uncertainty, growth and\r\n        the questions young people quietly carry.\r\n      <\/p>\r\n\r\n      <div class=\"uf-buttons\">\r\n        <a href=\"#uf-book\" class=\"uf-btn uf-btn-primary\">\r\n          Explore The Book\r\n        <\/a>\r\n\r\n        <a href=\"#uf-buy\" class=\"uf-btn uf-btn-outline\">\r\n          Get Your Copy\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-book-stage uf-reveal\">\r\n\r\n      <div class=\"uf-book\">\r\n        <img decoding=\"async\" src=\"https:\/\/m.media-amazon.com\/images\/I\/516HUBweKPL._SY522_.jpg\" alt=\"Unfolding Future by Deepika Poonia\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"uf-scroll\">\r\n    Scroll to explore\r\n    <span class=\"uf-scroll-line\"><\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= MARQUEE ================= -->\r\n<div class=\"uf-marquee\">\r\n  <div class=\"uf-marquee-track\">\r\n    <span>Identity<\/span>\r\n    <span>Purpose<\/span>\r\n    <span>Growth<\/span>\r\n    <span>Dreams<\/span>\r\n    <span>Relationships<\/span>\r\n    <span>Confidence<\/span>\r\n    <span>Future<\/span>\r\n    <span>Identity<\/span>\r\n    <span>Purpose<\/span>\r\n    <span>Growth<\/span>\r\n    <span>Dreams<\/span>\r\n    <span>Relationships<\/span>\r\n    <span>Confidence<\/span>\r\n    <span>Future<\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ================= BOOK INTRO ================= -->\r\n<section class=\"uf-section uf-intro\" id=\"uf-book\">\r\n\r\n  <div class=\"uf-container uf-intro-grid\">\r\n\r\n    <div>\r\n      <div class=\"uf-big-number\">01<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"uf-intro-content uf-reveal\">\r\n\r\n      <div class=\"uf-eyebrow\">Inside The Book<\/div>\r\n\r\n      <h2>\r\n        What if your confusion\r\n        is actually trying to\r\n        <em>tell you something?<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"uf-copy\">\r\n        Growing up is rarely a straight line. Between expectations,\r\n        social media, career choices, relationships, money and the\r\n        pressure to have everything figured out, today's youth often\r\n        find themselves asking questions they don't know how to answer.\r\n      <\/p>\r\n\r\n      <div class=\"uf-divider\"><\/div>\r\n\r\n      <p class=\"uf-copy\">\r\n        <strong>Unfolding Future<\/strong> is not written to tell young\r\n        people what to do. It creates a space to pause, reflect and\r\n        understand the questions behind the choices.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= PUZZLE ================= -->\r\n<section class=\"uf-section uf-puzzle\">\r\n\r\n  <div class=\"uf-container\">\r\n\r\n    <div class=\"uf-puzzle-head uf-reveal\">\r\n\r\n      <div>\r\n        <div class=\"uf-eyebrow\">The Youth Puzzle<\/div>\r\n\r\n        <h2 class=\"uf-title\">\r\n          Four questions.<br>\r\n          <em>Countless answers.<\/em>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        The book explores the realities young people experience\r\n        while finding their place in an increasingly uncertain world.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-cards\">\r\n\r\n      <div class=\"uf-card uf-reveal\">\r\n        <div class=\"uf-card-number\">01 \u2014 IDENTITY<\/div>\r\n        <h3>Who am I becoming?<\/h3>\r\n        <p>\r\n          Understanding identity, confidence and the person\r\n          beyond expectations.\r\n        <\/p>\r\n        <div class=\"uf-card-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-card uf-reveal\">\r\n        <div class=\"uf-card-number\">02 \u2014 PURPOSE<\/div>\r\n        <h3>Where am I going?<\/h3>\r\n        <p>\r\n          Career choices, ambition and discovering a direction\r\n          that actually feels meaningful.\r\n        <\/p>\r\n        <div class=\"uf-card-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-card uf-reveal\">\r\n        <div class=\"uf-card-number\">03 \u2014 CONNECTION<\/div>\r\n        <h3>Who do I become with others?<\/h3>\r\n        <p>\r\n          Relationships, belonging, emotional growth and\r\n          understanding people around us.\r\n        <\/p>\r\n        <div class=\"uf-card-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-card uf-reveal\">\r\n        <div class=\"uf-card-number\">04 \u2014 FUTURE<\/div>\r\n        <h3>What comes next?<\/h3>\r\n        <p>\r\n          Moving beyond \u201cwhat if\u201d thinking and learning to\r\n          navigate uncertainty.\r\n        <\/p>\r\n        <div class=\"uf-card-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= THEMES ================= -->\r\n<section class=\"uf-section uf-themes\" id=\"uf-themes\">\r\n\r\n  <div class=\"uf-container\">\r\n\r\n    <div class=\"uf-reveal\">\r\n      <div class=\"uf-eyebrow\">A Journey Through The Pages<\/div>\r\n\r\n      <h2 class=\"uf-title\">\r\n        Conversations<br>\r\n        <em>worth having.<\/em>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-theme-list\">\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">01<\/div>\r\n        <div class=\"uf-theme-name\">Identity &amp; Confidence<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">02<\/div>\r\n        <div class=\"uf-theme-name\">Career &amp; Purpose<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">03<\/div>\r\n        <div class=\"uf-theme-name\">Money &amp; Independence<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">04<\/div>\r\n        <div class=\"uf-theme-name\">Love &amp; Relationships<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">05<\/div>\r\n        <div class=\"uf-theme-name\">Social Media &amp; Gen Z<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"uf-theme uf-reveal\">\r\n        <div class=\"uf-theme-num\">06<\/div>\r\n        <div class=\"uf-theme-name\">Worry &amp; The Unknown<\/div>\r\n        <div class=\"uf-theme-arrow\">\u2197<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= QUOTE ================= -->\r\n<section class=\"uf-section uf-quote\">\r\n\r\n  <div class=\"uf-quote-inner uf-reveal\">\r\n\r\n    <div class=\"uf-quote-mark\">\u201c<\/div>\r\n\r\n    <blockquote>\r\n      You don't have to have\r\n      your entire future figured\r\n      out to begin moving forward.\r\n    <\/blockquote>\r\n\r\n    <small>\r\n      Unfolding Future \u2014 Solving The Youth Puzzle Together\r\n    <\/small>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= AUTHOR ================= -->\r\n<section class=\"uf-section uf-author\" id=\"uf-author\">\r\n\r\n  <div class=\"uf-container uf-author-grid\">\r\n\r\n    <div class=\"uf-author-photo uf-reveal\">\r\n\r\n      <img decoding=\"async\" src=\"https:\/\/cdn.phototourl.com\/member\/2026-10-13-10d23b7b-5055-48d4-8d98-e12135383183.jpg\" alt=\"Deepika Poonia\">\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-author-content uf-reveal\">\r\n\r\n      <div class=\"uf-eyebrow\">Meet The Author<\/div>\r\n\r\n      <h2>\r\n        Deepika<br>\r\n        <span>Poonia.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"uf-copy\">\r\n        Deepika Poonia is an author, performance marketer and\r\n        creative thinker with a strong interest in youth,\r\n        personal growth and the changing digital world.\r\n      <\/p>\r\n\r\n      <p class=\"uf-copy\">\r\n        She wrote <strong>Unfolding Future<\/strong> at the age of\r\n        19, turning questions about youth, ambition, identity and\r\n        uncertainty into a thoughtful conversation for her generation.\r\n      <\/p>\r\n\r\n      <div class=\"uf-author-tags\">\r\n        <span class=\"uf-tag\">Author<\/span>\r\n        <span class=\"uf-tag\">Performance Marketer<\/span>\r\n        <span class=\"uf-tag\">Creative Thinker<\/span>\r\n        <span class=\"uf-tag\">Youth-Focused Writer<\/span>\r\n        <span class=\"uf-tag\">Digital Professional<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= JOURNEY ================= -->\r\n<section class=\"uf-section uf-timeline-section\">\r\n\r\n  <div class=\"uf-container\">\r\n\r\n    <div class=\"uf-reveal\">\r\n\r\n      <div class=\"uf-eyebrow\">The Story Behind The Book<\/div>\r\n\r\n      <h2 class=\"uf-title\">\r\n        From questions<br>\r\n        <em>to pages.<\/em>\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-timeline\">\r\n\r\n      <div class=\"uf-time-item uf-reveal\">\r\n\r\n        <div class=\"uf-time-dot\"><\/div>\r\n\r\n        <div class=\"uf-time-year\">AGE 19<\/div>\r\n\r\n        <h3>The Questions Begin<\/h3>\r\n\r\n        <p>\r\n          At 19, Deepika began exploring the questions and\r\n          contradictions that many young people experience\r\n          while trying to understand themselves and their future.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-time-item uf-reveal\">\r\n\r\n        <div class=\"uf-time-dot\"><\/div>\r\n\r\n        <div class=\"uf-time-year\">THE IDEA<\/div>\r\n\r\n        <h3>A Conversation Takes Shape<\/h3>\r\n\r\n        <p>\r\n          Instead of presenting a perfect formula for success,\r\n          the idea became a book that could encourage reflection,\r\n          self-awareness and honest conversations.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-time-item uf-reveal\">\r\n\r\n        <div class=\"uf-time-dot\"><\/div>\r\n\r\n        <div class=\"uf-time-year\">THE BOOK<\/div>\r\n\r\n        <h3>Unfolding Future<\/h3>\r\n\r\n        <p>\r\n          The questions eventually became chapters, creating a\r\n          journey through identity, purpose, relationships,\r\n          money, social media and uncertainty.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-time-item uf-reveal\">\r\n\r\n        <div class=\"uf-time-dot\"><\/div>\r\n\r\n        <div class=\"uf-time-year\">TODAY<\/div>\r\n\r\n        <h3>The Conversation Continues<\/h3>\r\n\r\n        <p>\r\n          The book now invites readers to pause, question,\r\n          reflect and discover their own answers.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= REVIEWS ================= -->\r\n<section class=\"uf-section uf-reviews\">\r\n\r\n  <div class=\"uf-container\">\r\n\r\n    <div class=\"uf-reveal\">\r\n\r\n      <div class=\"uf-eyebrow\">Reader Space<\/div>\r\n\r\n      <h2 class=\"uf-title\">\r\n        Words from<br>\r\n        <em>the readers.<\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"uf-copy\" style=\"max-width:600px;margin-top:25px\">\r\n        A space reserved for genuine reader thoughts and reviews.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-review-grid\">\r\n\r\n      <div class=\"uf-review uf-reveal\">\r\n\r\n        <div class=\"uf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          \u201cA relatable perspective on the questions\r\n          young people carry silently.\u201d\r\n        <\/p>\r\n\r\n        <span>Reader Review<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-review uf-reveal\">\r\n\r\n        <div class=\"uf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          \u201cThought-provoking, reflective and surprisingly\r\n          easy to connect with.\u201d\r\n        <\/p>\r\n\r\n        <span>Reader Review<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-review uf-reveal\">\r\n\r\n        <div class=\"uf-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n        <p>\r\n          \u201cA reminder that not having all the answers\r\n          is completely okay.\u201d\r\n        <\/p>\r\n\r\n        <span>Reader Review<\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= BUY ================= -->\r\n<section class=\"uf-section uf-buy\" id=\"uf-buy\">\r\n\r\n  <div class=\"uf-container uf-buy-inner uf-reveal\">\r\n\r\n    <div class=\"uf-eyebrow\">Your Next Chapter<\/div>\r\n\r\n    <h2 class=\"uf-title\">\r\n      Ready to unfold<br>\r\n      <em>your future?<\/em>\r\n    <\/h2>\r\n\r\n    <p class=\"uf-buy-sub\">\r\n      Start the conversation. Explore the questions.\r\n      And discover what your own future might look like.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"uf-buy-buttons\">\r\n\r\n      <a href=\"https:\/\/www.amazon.in\/dp\/B0FNMQTY63\" target=\"_blank\" class=\"uf-buy-btn\">\r\n        Buy on Amazon\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.flipkart.com\/unfolding-future\/p\/itm49aaa43a6bf80\" target=\"_blank\" class=\"uf-buy-btn\">\r\n        Buy on Flipkart\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/notionpress.com\/in\/read\/unfolding-future\" target=\"_blank\" class=\"uf-buy-btn\">\r\n        Notion Press\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= FAQ ================= -->\r\n<section class=\"uf-section uf-faq\" id=\"uf-faq\">\r\n\r\n  <div class=\"uf-container\">\r\n\r\n    <div style=\"text-align:center\" class=\"uf-reveal\">\r\n\r\n      <div class=\"uf-eyebrow\">Questions<\/div>\r\n\r\n      <h2 class=\"uf-title\">\r\n        Before you<br>\r\n        <em>begin.<\/em>\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"uf-faq-wrap\">\r\n\r\n      <div class=\"uf-faq-item\">\r\n\r\n        <div class=\"uf-faq-question\">\r\n          What is Unfolding Future about?\r\n          <span class=\"uf-faq-icon\">+<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"uf-faq-answer\">\r\n          <div class=\"uf-faq-answer-inner\">\r\n            It explores the questions young people face around\r\n            identity, purpose, career, relationships, money,\r\n            social media, confidence and uncertainty about the future.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-faq-item\">\r\n\r\n        <div class=\"uf-faq-question\">\r\n          Who is the book for?\r\n          <span class=\"uf-faq-icon\">+<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"uf-faq-answer\">\r\n          <div class=\"uf-faq-answer-inner\">\r\n            It is especially relevant for young adults and anyone\r\n            navigating the transition between expectations,\r\n            independence and figuring out what comes next.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-faq-item\">\r\n\r\n        <div class=\"uf-faq-question\">\r\n          Where can I buy the book?\r\n          <span class=\"uf-faq-icon\">+<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"uf-faq-answer\">\r\n          <div class=\"uf-faq-answer-inner\">\r\n            You can purchase Unfolding Future through Amazon,\r\n            Flipkart and Notion Press using the purchase buttons\r\n            on this website.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"uf-faq-item\">\r\n\r\n        <div class=\"uf-faq-question\">\r\n          Who is Deepika Poonia?\r\n          <span class=\"uf-faq-icon\">+<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"uf-faq-answer\">\r\n          <div class=\"uf-faq-answer-inner\">\r\n            Deepika Poonia is the author of Unfolding Future,\r\n            as well as a performance marketer and creative thinker\r\n            interested in youth, digital culture and personal growth.\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= FINAL CTA ================= -->\r\n<section class=\"uf-final\">\r\n\r\n  <div class=\"uf-container uf-reveal\">\r\n\r\n    <div class=\"uf-eyebrow\" style=\"color:#d2b77f\">\r\n      The Future Is Still Unwritten\r\n    <\/div>\r\n\r\n    <h2>\r\n      Your story<br>\r\n      <em>is unfolding.<\/em>\r\n    <\/h2>\r\n\r\n    <p>\r\n      You don't need every answer today.\r\n      Sometimes, the first step is simply asking the right question.\r\n    <\/p>\r\n\r\n    <div class=\"uf-buttons\" style=\"justify-content:center\">\r\n      <a href=\"#uf-buy\" class=\"uf-btn uf-btn-primary\">\r\n        Get The Book\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ================= FOOTER ================= -->\r\n<footer class=\"uf-footer\">\r\n\r\n  <div class=\"uf-footer-inner\">\r\n\r\n    <div class=\"uf-footer-logo\">\r\n      Deepika Poonia\r\n    <\/div>\r\n\r\n    <p>\r\n      \u00a9 2026 Deepika Poonia \u2022 Unfolding Future\r\n    <\/p>\r\n\r\n    <p>\r\n      Solving The Youth Puzzle Together\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n\r\n(function(){\r\n\r\n  \/* NAVIGATION *\/\r\n  const nav = document.getElementById(\"uf-nav\");\r\n  const menu = document.getElementById(\"uf-menu\");\r\n  const links = document.getElementById(\"uf-links\");\r\n\r\n  window.addEventListener(\"scroll\",function(){\r\n    if(window.scrollY &gt; 60){\r\n      nav.classList.add(\"uf-scrolled\");\r\n    }else{\r\n      nav.classList.remove(\"uf-scrolled\");\r\n    }\r\n  });\r\n\r\n  if(menu){\r\n    menu.addEventListener(\"click\",function(){\r\n      links.classList.toggle(\"open\");\r\n    });\r\n  }\r\n\r\n  document.querySelectorAll(\"#uf-links a\").forEach(function(a){\r\n    a.addEventListener(\"click\",function(){\r\n      links.classList.remove(\"open\");\r\n    });\r\n  });\r\n\r\n\r\n  \/* SCROLL REVEAL *\/\r\n  const observer = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"uf-visible\");\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  },{\r\n    threshold:.12\r\n  });\r\n\r\n  document.querySelectorAll(\".uf-reveal\").forEach(function(el){\r\n    observer.observe(el);\r\n  });\r\n\r\n\r\n  \/* FAQ *\/\r\n  document.querySelectorAll(\".uf-faq-question\").forEach(function(question){\r\n\r\n    question.addEventListener(\"click\",function(){\r\n\r\n      const item = question.parentElement;\r\n\r\n      document.querySelectorAll(\".uf-faq-item\").forEach(function(other){\r\n\r\n        if(other !== item){\r\n          other.classList.remove(\"active\");\r\n        }\r\n\r\n      });\r\n\r\n      item.classList.toggle(\"active\");\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* BOOK PARALLAX *\/\r\n  const book = document.querySelector(\".uf-book\");\r\n\r\n  if(book){\r\n\r\n    window.addEventListener(\"mousemove\",function(e){\r\n\r\n      if(window.innerWidth &lt; 900) return;\r\n\r\n      const x = (e.clientX \/ window.innerWidth - .5);\r\n      const y = (e.clientY \/ window.innerHeight - .5);\r\n\r\n      book.style.marginLeft = (x * 18) + &quot;px&quot;;\r\n      book.style.marginTop = (y * 12) + &quot;px&quot;;\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* SMOOTH SCROLL *\/\r\n  document.querySelectorAll(&#039;#uf-site a[href^=&quot;#&quot;]&#039;).forEach(function(anchor){\r\n\r\n    anchor.addEventListener(&quot;click&quot;,function(e){\r\n\r\n      const target = document.querySelector(this.getAttribute(&quot;href&quot;));\r\n\r\n      if(target){\r\n\r\n        e.preventDefault();\r\n\r\n        target.scrollIntoView({\r\n          behavior:&quot;smooth&quot;,\r\n          block:&quot;start&quot;\r\n        });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n\r\n\r\n<\/div><\/div>\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":25,"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/deepikapoonia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}