/* HALO ALEIA — THREE LENS VISUAL LOCK
   LOCKED 2026-10-04
   Parent / Lensa Rumah = Blue
   Child / Lensa Diri = Purple-Pink
   Teacher / Lensa Pendamping = Gold
   ALEIA = multi-gradient synthesis
   ALEIA Insight = dark synthesis card with tri-color glow
*/
:root{
  --aleia-lens-parent:#6ea8ff;
  --aleia-lens-parent-deep:#5269d9;
  --aleia-lens-child:#a678f2;
  --aleia-lens-child-pink:#e28bc7;
  --aleia-lens-teacher:#d9b65a;
  --aleia-lens-teacher-light:#f1d889;
  --aleia-lens-teacher-hi:#f7e6aa;
}
.aleia-three-lens-stage{
  position:relative!important;
  height:660px!important;
  min-height:660px!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(137,106,235,.18),transparent 29%),
    radial-gradient(circle at 16% 29%,rgba(110,168,255,.10),transparent 24%),
    radial-gradient(circle at 84% 30%,rgba(217,182,90,.08),transparent 24%)!important;
}
.aleia-three-lens-stage:before{
  content:"";position:absolute;inset:0;z-index:0;border:1px solid rgba(224,208,251,.07);
  border-radius:42px;background-image:radial-gradient(circle,rgba(218,204,255,.20) 1px,transparent 1.35px);
  background-size:76px 76px;opacity:.50;pointer-events:none;
}
.aleia-three-lens-stage:after{
  content:"";position:absolute;z-index:0;left:50%;top:45%;width:390px;height:390px;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(158,126,245,.14),rgba(68,55,130,.05) 47%,transparent 69%);
  filter:blur(8px);pointer-events:none;
}
.aleia-three-lens-orbits{position:absolute;z-index:1;left:50%;top:45%;width:390px;height:390px;transform:translate(-50%,-50%);pointer-events:none}
.aleia-three-lens-orbits i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(207,188,244,.14)}
.aleia-three-lens-orbits i:nth-child(1){width:390px;height:280px;border-style:dashed}
.aleia-three-lens-orbits i:nth-child(2){width:300px;height:300px;border-color:rgba(220,204,251,.11)}
.aleia-three-lens-orbits i:nth-child(3){width:220px;height:220px;border-color:rgba(230,216,255,.13)}

.aleia-lens-node{
  position:absolute;z-index:6;width:152px;min-height:126px;box-sizing:border-box;padding:16px 12px 14px;
  border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  backdrop-filter:blur(14px);
}
.aleia-lens-node:after{content:"";position:absolute;inset:8px;border-radius:18px;border:1px solid rgba(255,255,255,.07);pointer-events:none}
.aleia-lens-symbol{position:relative;z-index:1;width:42px;height:42px;margin-bottom:9px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.aleia-lens-symbol svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aleia-lens-node b{position:relative;z-index:1;color:#fbf8ff;font-size:13px;line-height:1.15}
.aleia-lens-node small{position:relative;z-index:1;margin-top:5px;color:#c3bad1;font-size:8px;line-height:1.3;letter-spacing:.03em}

/* LOCKED ROLE COLORS */
.lens-home{
  left:5%;top:82px;color:var(--aleia-lens-parent);border:1px solid rgba(110,168,255,.55);
  background:radial-gradient(circle at 40% 15%,rgba(110,168,255,.18),rgba(42,40,94,.76) 65%);
  box-shadow:0 18px 44px rgba(9,9,38,.24),0 0 30px rgba(110,168,255,.11);
}
.lens-home .aleia-lens-symbol{color:var(--aleia-lens-parent);box-shadow:0 0 24px rgba(110,168,255,.18)}
.lens-self{
  left:50%;top:48px;transform:translateX(-50%);color:var(--aleia-lens-child);
  border:1px solid rgba(190,126,241,.56);background:radial-gradient(circle at 50% 10%,rgba(226,139,199,.15),rgba(61,40,101,.78) 66%);
  box-shadow:0 18px 44px rgba(9,9,38,.24),0 0 30px rgba(190,126,241,.12);
}
.lens-self .aleia-lens-symbol{color:var(--aleia-lens-child-pink);box-shadow:0 0 24px rgba(226,139,199,.18)}
.lens-guide{
  right:5%;top:82px;color:var(--aleia-lens-teacher);border:1px solid rgba(217,182,90,.66);
  background:radial-gradient(circle at 55% 12%,rgba(247,230,170,.16),rgba(74,55,32,.68) 66%,rgba(43,36,67,.76));
  box-shadow:0 18px 44px rgba(9,9,38,.24),0 0 30px rgba(217,182,90,.13);
}
.lens-guide .aleia-lens-symbol{
  color:var(--aleia-lens-teacher-light);background:linear-gradient(145deg,rgba(247,230,170,.18),rgba(217,182,90,.07));
  border:1px solid rgba(241,216,137,.28);box-shadow:0 0 25px rgba(217,182,90,.25);
}

/* Colored input streams */
.aleia-lens-stream{position:absolute;z-index:3;display:block;height:3px;border-radius:999px;transform-origin:left center;pointer-events:none}
.aleia-lens-stream:after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor}
.stream-home{left:25%;top:259px;width:182px;transform:rotate(24deg);color:var(--aleia-lens-parent);background:linear-gradient(90deg,rgba(110,168,255,.18),var(--aleia-lens-parent));box-shadow:0 0 16px rgba(110,168,255,.36)}
.stream-self{left:50%;top:182px;width:118px;transform:rotate(90deg);color:var(--aleia-lens-child);background:linear-gradient(90deg,rgba(166,120,242,.18),var(--aleia-lens-child));box-shadow:0 0 16px rgba(166,120,242,.34)}
.stream-guide{right:25%;top:259px;width:182px;transform:rotate(156deg);transform-origin:right center;color:var(--aleia-lens-teacher);background:linear-gradient(90deg,var(--aleia-lens-teacher),rgba(217,182,90,.18));box-shadow:0 0 16px rgba(217,182,90,.32)}
.stream-guide:after{right:auto;left:-4px}

.aleia-three-core{
  position:absolute;z-index:8;left:50%;top:322px;width:170px;height:170px;transform:translate(-50%,-50%);
  border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 42% 34%,rgba(75,91,196,.74),rgba(34,29,86,.94) 62%,rgba(18,16,53,.98) 100%);
  border:1px solid rgba(221,206,250,.15);box-shadow:0 22px 58px rgba(6,5,26,.42),0 0 68px rgba(149,116,232,.17);
}
.aleia-three-core-glow{position:absolute;inset:-54px;border-radius:50%;background:conic-gradient(from 210deg,rgba(110,168,255,.15),rgba(166,120,242,.18),rgba(226,139,199,.14),rgba(217,182,90,.13),rgba(110,168,255,.15));filter:blur(17px);opacity:.9}
.aleia-three-core img{position:relative;z-index:2;width:92px;height:92px;filter:drop-shadow(0 13px 25px rgba(28,17,74,.36));animation:aleiaFloat 5s ease-in-out infinite}
.aleia-three-core>small{position:relative;z-index:2;margin-top:3px;color:#d8c8f3;font-size:6px;letter-spacing:.22em;font-weight:850}
.aleia-three-core>b{position:relative;z-index:2;margin-top:4px;color:#f5f1fb;font-size:8px;font-weight:650}

.aleia-insight-bridge{position:absolute;z-index:7;left:50%;top:410px;width:1px;height:86px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(166,120,242,.22),rgba(241,216,137,.80));box-shadow:0 0 16px rgba(193,145,233,.28)}
.aleia-insight-bridge i{position:absolute;left:50%;bottom:14px;width:9px;height:9px;transform:translateX(-50%);border-radius:50%;background:#efd58d;box-shadow:0 0 18px rgba(239,213,141,.68)}
.aleia-insight-bridge span{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff5cf;background:linear-gradient(135deg,#8267d9,#c681d3 55%,#d6ae55);border:1px solid rgba(255,255,255,.20);box-shadow:0 0 25px rgba(174,124,218,.35);font-size:10px}

.aleia-insight-lock-card{
  position:absolute;z-index:8;left:50%;top:505px;width:min(430px,82%);min-height:124px;transform:translateX(-50%);
  box-sizing:border-box;padding:20px 24px;border-radius:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px solid rgba(211,188,246,.28);
  background:radial-gradient(circle at 50% 0,rgba(217,182,90,.10),transparent 44%),linear-gradient(135deg,rgba(43,38,96,.94),rgba(64,43,105,.90));
  box-shadow:-16px 0 42px rgba(110,168,255,.07),16px 0 42px rgba(217,182,90,.07),0 20px 48px rgba(6,4,25,.28),inset 0 1px rgba(255,255,255,.06);
}
.aleia-insight-lock-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(110,168,255,.17),rgba(226,139,199,.14),rgba(217,182,90,.16));padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.aleia-insight-lock-kicker{position:relative;z-index:1;color:#e6d0ff;font-size:7px;line-height:1;letter-spacing:.20em;font-weight:850;margin-bottom:9px}
.aleia-insight-lock-card b{position:relative;z-index:1;color:#fff;font-size:18px;line-height:1.16;letter-spacing:-.35px}
.aleia-insight-lock-card b em{font-style:normal;background:linear-gradient(90deg,var(--aleia-lens-parent),var(--aleia-lens-child-pink),var(--aleia-lens-teacher-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.aleia-insight-lock-card small{position:relative;z-index:1;margin-top:8px;color:#c8bfd5;font-size:8px;line-height:1.45}

@media(max-width:980px){
  .aleia-three-lens-stage{height:650px!important;min-height:650px!important;max-width:720px!important;margin:0 auto!important}
}
@media(max-width:700px){
  .aleia-three-lens-stage{height:625px!important;min-height:625px!important}
  .aleia-lens-node{width:132px;min-height:112px;padding:13px 9px 12px;border-radius:21px}
  .aleia-lens-symbol{width:36px;height:36px;border-radius:13px;margin-bottom:7px}
  .aleia-lens-symbol svg{width:20px;height:20px}
  .aleia-lens-node b{font-size:11px}.aleia-lens-node small{font-size:7px}
  .lens-home{left:1.5%;top:74px}.lens-self{top:44px}.lens-guide{right:1.5%;top:74px}
  .aleia-three-core{top:306px;width:150px;height:150px}.aleia-three-core img{width:82px;height:82px}
  .stream-home{left:22%;top:239px;width:155px}.stream-self{top:158px;width:111px}.stream-guide{right:22%;top:239px;width:155px}
  .aleia-insight-bridge{top:389px;height:74px}
  .aleia-insight-lock-card{top:468px;width:88%;min-height:128px}
}
@media(max-width:520px){
  .aleia-three-lens-stage{height:605px!important;min-height:605px!important;width:100%!important;margin:0!important;border-radius:30px!important}
  .aleia-three-lens-orbits{top:43%;width:315px;height:315px}
  .aleia-three-lens-orbits i:nth-child(1){width:315px;height:220px}
  .aleia-three-lens-orbits i:nth-child(2){width:245px;height:245px}
  .aleia-three-lens-orbits i:nth-child(3){width:180px;height:180px}
  .aleia-lens-node{width:104px;min-height:104px;padding:10px 7px;border-radius:19px}
  .aleia-lens-node:after{inset:6px;border-radius:14px}
  .aleia-lens-symbol{width:32px;height:32px;border-radius:12px;margin-bottom:6px}
  .aleia-lens-symbol svg{width:18px;height:18px}
  .aleia-lens-node b{font-size:9.3px}.aleia-lens-node small{font-size:6.2px;margin-top:4px}
  .lens-home{left:2%;top:68px}.lens-self{top:42px}.lens-guide{right:2%;top:68px}
  .aleia-three-core{top:286px;width:132px;height:132px}.aleia-three-core img{width:72px;height:72px}
  .aleia-three-core>small{font-size:5px}.aleia-three-core>b{font-size:6.8px}
  .stream-home{left:20%;top:219px;width:132px}.stream-self{top:145px;width:96px}.stream-guide{right:20%;top:219px;width:132px}
  .aleia-insight-bridge{top:363px;height:68px}
  .aleia-insight-lock-card{top:438px;width:92%;min-height:136px;padding:18px 15px;border-radius:24px}
  .aleia-insight-lock-card b{font-size:15px}.aleia-insight-lock-card small{font-size:7px}
}


/* 2026-10-04 — LOCKED connector model #2
   Three lenses converge symmetrically into one ALEIA core. */
.aleia-lens-connector-map{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.aleia-flow-path{
  fill:none;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.aleia-flow-path.home{
  stroke:url(#aleia-flow-home);
  filter:drop-shadow(0 0 5px rgba(110,168,255,.62));
}
.aleia-flow-path.self{
  stroke:#b678ef;
  filter:drop-shadow(0 0 5px rgba(182,120,239,.62));
}
.aleia-flow-path.guide{
  stroke:url(#aleia-flow-guide);
  filter:drop-shadow(0 0 5px rgba(241,216,137,.54));
}
.aleia-flow-path.core{
  stroke:url(#aleia-flow-core);
  stroke-width:2.6;
  filter:drop-shadow(0 0 6px rgba(177,124,234,.55));
}
.aleia-flow-start{
  stroke:rgba(255,255,255,.92);
  stroke-width:2;
  vector-effect:non-scaling-stroke;
}
.aleia-flow-start.home{fill:var(--aleia-lens-parent);filter:drop-shadow(0 0 6px rgba(110,168,255,.75))}
.aleia-flow-start.self{fill:var(--aleia-lens-child);filter:drop-shadow(0 0 6px rgba(166,120,242,.75))}
.aleia-flow-start.guide{fill:var(--aleia-lens-teacher-light);filter:drop-shadow(0 0 6px rgba(241,216,137,.68))}
.aleia-flow-merge-ring{
  fill:rgba(132,92,202,.74);
  stroke:rgba(222,198,255,.92);
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 10px rgba(168,112,237,.62));
}
.aleia-flow-merge-core{
  fill:#f8f0ff;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.75));
}

/* Model #2 geometry: the convergence node remains visible above ALEIA. */
.aleia-three-lens-stage:after{top:55.3%!important}
.aleia-three-lens-orbits{top:55.3%!important}
.aleia-three-core{top:365px!important}
.aleia-insight-bridge{top:450px!important;height:76px!important}
.aleia-insight-lock-card{top:535px!important}

@media(max-width:980px){
  .aleia-three-lens-stage:after{top:53.8%!important}
  .aleia-three-lens-orbits{top:53.8%!important}
  .aleia-three-core{top:350px!important}
  .aleia-insight-bridge{top:435px!important;height:66px!important}
  .aleia-insight-lock-card{top:510px!important}
}
@media(max-width:700px){
  .aleia-three-lens-stage:after{top:53.6%!important}
  .aleia-three-lens-orbits{top:53.6%!important}
  .aleia-three-core{top:335px!important}
  .aleia-insight-bridge{top:410px!important;height:62px!important}
  .aleia-insight-lock-card{top:480px!important}
}
@media(max-width:520px){
  .aleia-three-lens-stage:after{top:52.9%!important}
  .aleia-three-lens-orbits{top:52.9%!important}
  .aleia-three-core{top:320px!important}
  .aleia-insight-bridge{top:386px!important;height:62px!important}
  .aleia-insight-lock-card{top:456px!important}
}