.la-logo{
  --la-scale:1;
  --la-word:#2d2459;
  --la-word-soft:#4b3f8f;
  --la-word-shadow:transparent;
  --la-book-left:#7c3aed;
  --la-book-left-page:#a78bfa;
  --la-book-right:#6d28d9;
  --la-book-right-page:#8b5cf6;
  --la-book-spine:#4c1d95;
  --la-paper:#f8f8f0;
  --la-pencil-top:#f9a8d4;
  --la-pencil-band:#94a3b8;
  --la-pencil-a:#fbbf24;
  --la-pencil-b:#f59e0b;
  --la-pencil-tip:#374151;
  --la-robot-a:#22d3ee;
  --la-robot-b:#0e7490;
  --la-robot-c:#06b6d4;
  --la-robot-d:#38bdf8;
  display:inline-flex;
  align-items:flex-end;
  gap:calc(8px * var(--la-scale));
  text-decoration:none;
  line-height:1;
  color:inherit;
}
.la-logo:focus-visible{
  outline:3px solid rgba(124,58,237,.28);
  outline-offset:6px;
  border-radius:16px;
}
.la-logo__scene{
  position:relative;
  width:calc(112px * var(--la-scale));
  height:calc(84px * var(--la-scale));
  flex:0 0 auto;
}
.la-logo__sparkles{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.la-logo__spark{
  position:absolute;
  width:calc(var(--spark-size, 10px) * var(--la-scale));
  height:calc(var(--spark-size, 10px) * var(--la-scale));
  animation:la-sparkle calc(var(--spark-speed, 2s)) ease-in-out infinite;
  animation-delay:var(--spark-delay, 0s);
}
.la-logo__pencil-top,
.la-logo__pencil-band,
.la-logo__pencil-body,
.la-logo__pencil-tip,
.la-logo__pencil-face,
.la-logo__pencil-eyes,
.la-logo__eye,
.la-logo__smile,
.la-logo__book-pages,
.la-logo__book-left,
.la-logo__book-right,
.la-logo__book-left-page,
.la-logo__book-right-page,
.la-logo__book-spine,
.la-logo__robot-head,
.la-logo__robot-face,
.la-logo__robot-eye,
.la-logo__robot-ear,
.la-logo__antenna,
.la-logo__orbit,
.la-logo__orbit-outer,
.la-logo__orbit-inner{
  display:block;
}
.la-logo__spark::before,
.la-logo__spark::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  background:#f59e0b;
  border-radius:999px;
}
.la-logo__spark::before{
  width:calc(2px * var(--la-scale));
  height:100%;
}
.la-logo__spark::after{
  width:100%;
  height:calc(2px * var(--la-scale));
}
.la-logo__spark--1{top:calc(3px * var(--la-scale));right:calc(26px * var(--la-scale));}
.la-logo__spark--2{top:calc(12px * var(--la-scale));right:calc(10px * var(--la-scale));--spark-size:7px;--spark-speed:2.4s;--spark-delay:.35s;}
.la-logo__spark--3{top:calc(22px * var(--la-scale));right:calc(34px * var(--la-scale));--spark-size:6px;--spark-speed:1.9s;--spark-delay:.7s;}
.la-logo__spark--4{top:calc(7px * var(--la-scale));left:calc(18px * var(--la-scale));--spark-size:8px;--spark-speed:2.2s;--spark-delay:.15s;}

.la-logo__book{
  position:absolute;
  left:50%;
  bottom:calc(4px * var(--la-scale));
  width:calc(74px * var(--la-scale));
  height:calc(36px * var(--la-scale));
  transform:translateX(-50%);
}
.la-logo__book-pages{
  position:absolute;
  top:calc(-4px * var(--la-scale));
  left:calc(5px * var(--la-scale));
  right:calc(5px * var(--la-scale));
  height:calc(8px * var(--la-scale));
  background:var(--la-paper);
  border-radius:999px 999px 0 0;
  box-shadow:0 calc(-2px * var(--la-scale)) calc(4px * var(--la-scale)) rgba(0,0,0,.08);
}
.la-logo__book-left,
.la-logo__book-right{
  position:absolute;
  bottom:0;
  width:calc(38px * var(--la-scale));
  height:calc(34px * var(--la-scale));
}
.la-logo__book-left{
  left:0;
  background:var(--la-book-left);
  border-radius:calc(2px * var(--la-scale)) 0 0 calc(6px * var(--la-scale));
  transform:perspective(calc(200px * var(--la-scale))) rotateY(10deg);
}
.la-logo__book-right{
  right:0;
  background:var(--la-book-right);
  border-radius:0 calc(2px * var(--la-scale)) calc(6px * var(--la-scale)) 0;
  transform:perspective(calc(200px * var(--la-scale))) rotateY(-10deg);
}
.la-logo__book-left-page,
.la-logo__book-right-page{
  position:absolute;
  top:calc(3px * var(--la-scale));
  bottom:calc(3px * var(--la-scale));
  border-radius:calc(2px * var(--la-scale));
}
.la-logo__book-left-page{
  left:calc(3px * var(--la-scale));
  right:calc(2px * var(--la-scale));
  background:var(--la-book-left-page);
}
.la-logo__book-right-page{
  left:calc(2px * var(--la-scale));
  right:calc(3px * var(--la-scale));
  background:var(--la-book-right-page);
}
.la-logo__book-spine{
  position:absolute;
  left:50%;
  bottom:0;
  width:calc(4px * var(--la-scale));
  height:calc(34px * var(--la-scale));
  transform:translateX(-50%);
  background:var(--la-book-spine);
}

.la-logo__pencil{
  position:absolute;
  left:calc(6px * var(--la-scale));
  bottom:calc(16px * var(--la-scale));
  width:calc(20px * var(--la-scale));
  height:calc(58px * var(--la-scale));
  transform:rotate(-15deg);
  transform-origin:bottom center;
  animation:la-pencil-bob 3s ease-in-out infinite;
}
.la-logo__pencil-top{
  height:calc(8px * var(--la-scale));
  background:var(--la-pencil-top);
  border-radius:calc(4px * var(--la-scale)) calc(4px * var(--la-scale)) 0 0;
}
.la-logo__pencil-band{
  height:calc(3px * var(--la-scale));
  background:var(--la-pencil-band);
}
.la-logo__pencil-body{
  position:relative;
  height:calc(41px * var(--la-scale));
  background:linear-gradient(135deg,var(--la-pencil-a),var(--la-pencil-b));
}
.la-logo__pencil-tip{
  position:relative;
  width:0;
  height:0;
  margin:0 auto;
  border-left:calc(10px * var(--la-scale)) solid transparent;
  border-right:calc(10px * var(--la-scale)) solid transparent;
  border-top:calc(14px * var(--la-scale)) solid var(--la-pencil-a);
}
.la-logo__pencil-point{
  position:absolute;
  left:50%;
  bottom:calc(-6px * var(--la-scale));
  transform:translateX(-50%);
  width:0;
  height:0;
  border-left:calc(4px * var(--la-scale)) solid transparent;
  border-right:calc(4px * var(--la-scale)) solid transparent;
  border-top:calc(7px * var(--la-scale)) solid var(--la-pencil-tip);
}
.la-logo__pencil-face{
  position:absolute;
  top:calc(8px * var(--la-scale));
  left:50%;
  transform:translateX(-50%);
  width:calc(14px * var(--la-scale));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:calc(2px * var(--la-scale));
}
.la-logo__pencil-eyes{
  display:flex;
  gap:calc(3px * var(--la-scale));
}
.la-logo__eye{
  width:calc(3px * var(--la-scale));
  height:calc(3px * var(--la-scale));
  background:#1e293b;
  border-radius:50%;
}
.la-logo__smile{
  width:calc(8px * var(--la-scale));
  height:calc(4px * var(--la-scale));
  border-bottom:calc(2px * var(--la-scale)) solid #1e293b;
  border-radius:0 0 calc(6px * var(--la-scale)) calc(6px * var(--la-scale));
}

.la-logo__robot{
  position:absolute;
  left:50%;
  bottom:calc(16px * var(--la-scale));
  transform:translateX(calc(-18px * var(--la-scale)));
  animation:la-robot-float 4s ease-in-out infinite;
}
.la-logo__robot-head{
  position:relative;
  width:calc(44px * var(--la-scale));
  height:calc(36px * var(--la-scale));
  background:var(--la-robot-a);
  border-radius:calc(12px * var(--la-scale));
}
.la-logo__robot-face{
  position:absolute;
  top:calc(6px * var(--la-scale));
  left:calc(5px * var(--la-scale));
  width:calc(34px * var(--la-scale));
  height:calc(23px * var(--la-scale));
  border-radius:calc(8px * var(--la-scale));
  background:var(--la-robot-b);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:calc(6px * var(--la-scale));
}
.la-logo__robot-eye{
  width:calc(7px * var(--la-scale));
  height:calc(7px * var(--la-scale));
  border-radius:50%;
  background:var(--la-robot-a);
  box-shadow:0 0 0 calc(2px * var(--la-scale)) var(--la-robot-c);
}
.la-logo__robot-ear{
  position:absolute;
  top:calc(13px * var(--la-scale));
  width:calc(6px * var(--la-scale));
  height:calc(10px * var(--la-scale));
  background:var(--la-robot-c);
}
.la-logo__robot-ear--left{
  left:calc(-6px * var(--la-scale));
  border-radius:calc(4px * var(--la-scale)) 0 0 calc(4px * var(--la-scale));
}
.la-logo__robot-ear--right{
  right:calc(-6px * var(--la-scale));
  border-radius:0 calc(4px * var(--la-scale)) calc(4px * var(--la-scale)) 0;
}
.la-logo__robot-ear::after{
  content:"";
  position:absolute;
  inset:0;
  width:calc(3px * var(--la-scale));
  height:calc(3px * var(--la-scale));
  margin:auto;
  background:var(--la-robot-a);
  border-radius:50%;
}
.la-logo__antenna{
  position:absolute;
  left:50%;
  top:calc(-10px * var(--la-scale));
  width:calc(3px * var(--la-scale));
  height:calc(10px * var(--la-scale));
  transform:translateX(-50%);
  border-radius:999px;
  background:var(--la-robot-c);
}
.la-logo__antenna::after{
  content:"";
  position:absolute;
  left:50%;
  top:calc(-5px * var(--la-scale));
  width:calc(6px * var(--la-scale));
  height:calc(6px * var(--la-scale));
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--la-robot-d);
}

.la-logo__word{
  display:flex;
  align-items:center;
  font-family:'Nunito',sans-serif;
  font-size:calc(36px * var(--la-scale));
  font-weight:900;
  letter-spacing:calc(-0.8px * var(--la-scale));
  white-space:nowrap;
  transform:translateY(calc(-3px * var(--la-scale)));
}
.la-logo__word-part{
  display:inline-block;
  color:var(--la-word);
  text-shadow:0 0 calc(1px * var(--la-scale)) var(--la-word-shadow);
}
.la-logo__space{display:inline-block;width:calc(8px * var(--la-scale));}
.la-logo__orbit-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:calc(22px * var(--la-scale));
  height:calc(32px * var(--la-scale));
  margin-left:calc(-1px * var(--la-scale));
  margin-right:0;
}
.la-logo__orbit-placeholder{
  visibility:hidden;
  font-size:inherit;
  line-height:1;
}
.la-logo__orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:calc(22px * var(--la-scale));
  height:calc(22px * var(--la-scale));
  transform:translate(-50%,-47%);
}
.la-logo__orbit-outer{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background:conic-gradient(#f43f5e 0deg 180deg,#fbbf24 180deg 270deg,#34d399 270deg 360deg);
  animation:la-orbit-spin 4s linear infinite;
  box-shadow:0 0 calc(10px * var(--la-scale)) rgba(244,63,94,.14);
}
.la-logo__orbit-inner{
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  width:calc(8px * var(--la-scale));
  height:calc(8px * var(--la-scale));
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#fff;
}

.la-logo--nav{--la-scale:.44;}
.la-logo--header{--la-scale:.48;}
.la-logo--sidebar{--la-scale:.52;}
.la-logo--footer{--la-scale:.58;}
.la-logo--card{--la-scale:.68;}
.la-logo--compact{--la-scale:.38;}
.la-logo--home{--la-scale:.49;}
.la-logo--dark{
  --la-word:#d3cdf0;
  --la-word-soft:#ebe8ff;
  --la-word-shadow:rgba(20,16,40,.35);
  --la-paper:#fefcf7;
}
.la-logo--dark .la-logo__spark::before,
.la-logo--dark .la-logo__spark::after{
  background:#ffd166;
}
.la-logo--dark .la-logo__orbit-inner{
  background:#1a1a2e;
}
.la-logo--soft{
  --la-word:#35296b;
  --la-word-soft:#7361c4;
}

@media (max-width: 720px){
  .la-logo--nav{--la-scale:.38;}
  .la-logo--header{--la-scale:.42;}
  .la-logo--footer{--la-scale:.48;}
  .la-logo--card{--la-scale:.58;}
  .la-logo--home{--la-scale:.60;}
}

@keyframes la-pencil-bob{
  0%,100%{transform:rotate(-15deg) translateY(0);}
  50%{transform:rotate(-18deg) translateY(calc(-3px * var(--la-scale)));}
}
@keyframes la-robot-float{
  0%,100%{transform:translateX(calc(-18px * var(--la-scale))) translateY(0);}
  50%{transform:translateX(calc(-18px * var(--la-scale))) translateY(calc(-4px * var(--la-scale)));}
}
@keyframes la-sparkle{
  0%,100%{opacity:.35;transform:scale(.8);}
  50%{opacity:1;transform:scale(1.18);}
}
@keyframes la-orbit-spin{
  to{transform:rotate(360deg);}
}