/* LUKA landing page (yourluka.com). Generated from the approved artboards — do not hand-edit layout values.
   1. Fonts  2. Base  3. Desktop page (lk- classes)  4. Phone page (mk- classes) */

/* 1. Fonts (self-hosted) */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-condensed-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/dm-mono-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-400-normal.woff2) format('woff2')}

/* 2. Base */
html,body{margin:0;background:#000;overflow-x:hidden}
#luka-root{background:#000;-webkit-font-smoothing:antialiased}
#luka-root a{color:#fff}#luka-root a:hover{color:#D4FF00}
#luka-root .lkv-m{display:none}
@media (max-width:759px){#luka-root .lkv-d{display:none}#luka-root .lkv-m{display:block}}

/* 3. Desktop page */
.lk-outline{color:#3a3a3a}@supports (-webkit-text-stroke:1px #000){.lk-outline{color:transparent;-webkit-text-stroke:1.5px #8a8a8a}}
@keyframes lkType{0%,1.76%{width:0}11.76%,95.29%{width:42ch}100%{width:0}}
@keyframes lkCut{0%,18.83%{opacity:0}22.35%,54.12%{opacity:1}56.47%,100%{opacity:0}}
@keyframes lkWin{0%,54.12%{opacity:0}57.64%,95.29%{opacity:1}98.82%,100%{opacity:0}}
@keyframes lkSay{0%,55.30%{opacity:0}58.83%,95.29%{opacity:1}98.82%,100%{opacity:0}}
@keyframes lkSpin{to{transform:rotate(360deg)}}
@keyframes lkWork{0%,32.35%{transform:scale(1)}33.53%{transform:scale(1.18)}35.29%{transform:scale(1.03)}41.18%{transform:scale(1.18)}42.94%{transform:scale(1.03)}44.71%{transform:scale(1.18)}46.47%{transform:scale(1.03)}48.23%{transform:scale(1.18)}50.00%{transform:scale(1.03)}51.76%{transform:scale(1.18)}53.53%{transform:scale(1.03)}55.29%,100%{transform:scale(1)}}
@keyframes lkCaret{50%{opacity:0}}
@keyframes lkE0{0%,8.23%{opacity:0;transform:scale(.92)}10.00%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkE1{0%,8.82%{opacity:0;transform:scale(.92)}10.59%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkE2{0%,9.41%{opacity:0;transform:scale(.92)}11.18%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkE3{0%,10.00%{opacity:0;transform:scale(.92)}11.77%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkE4{0%,10.59%{opacity:0;transform:scale(.92)}12.36%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkE5{0%,11.18%{opacity:0;transform:scale(.92)}12.94%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes lkC0{0%,20.32%{opacity:0;transform:translate(-260px,0) scale(1.15)}23.61%,36.33%{opacity:1;transform:none}38.69%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC1{0%,19.13%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}22.43%,37.65%{opacity:1;transform:none;outline-color:transparent}38.58%,41.18%{opacity:1;transform:none;outline-color:#D4FF00}44.71%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC2{0%,25.94%{opacity:0;transform:translate(-260px,0) scale(1.15)}29.24%,33.24%{opacity:1;transform:none}35.60%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC3{0%,20.55%{opacity:0;transform:translate(-260px,0) scale(1.15);outline-color:transparent}23.84%,38.54%{opacity:1;transform:none;outline-color:transparent}39.47%,42.06%{opacity:1;transform:none;outline-color:#D4FF00}45.59%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC4{0%,29.40%{opacity:0;transform:translate(-260px,0) scale(1.15)}32.70%,33.68%{opacity:1;transform:none}36.04%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC5{0%,25.20%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}28.50%,39.41%{opacity:1;transform:none;outline-color:transparent}40.35%,42.94%{opacity:1;transform:none;outline-color:#D4FF00}46.47%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC6{0%,23.05%{opacity:0;transform:translate(260px,0) scale(1.15)}26.34%,34.54%{opacity:1;transform:none}36.90%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC7{0%,23.47%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}26.77%,40.30%{opacity:1;transform:none;outline-color:transparent}41.23%,43.82%{opacity:1;transform:none;outline-color:#D4FF00}47.36%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC8{0%,19.91%{opacity:0;transform:translate(-260px,0) scale(1.15)}23.20%,35.87%{opacity:1;transform:none}38.23%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC9{0%,18.70%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}21.99%,41.18%{opacity:1;transform:none;outline-color:transparent}42.12%,44.70%{opacity:1;transform:none;outline-color:#D4FF00}48.23%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC10{0%,20.40%{opacity:0;transform:translate(0,220px) scale(1.15)}23.69%,33.01%{opacity:1;transform:none}35.37%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC11{0%,20.79%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}24.08%,42.06%{opacity:1;transform:none;outline-color:transparent}43.00%,45.59%{opacity:1;transform:none;outline-color:#D4FF00}49.12%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC12{0%,22.45%{opacity:0;transform:translate(0,220px) scale(1.15)}25.73%,36.13%{opacity:1;transform:none}38.48%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC13{0%,22.11%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}25.40%,42.94%{opacity:1;transform:none;outline-color:transparent}43.89%,46.47%{opacity:1;transform:none;outline-color:#D4FF00}50.00%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC14{0%,18.99%{opacity:0;transform:translate(0,220px) scale(1.15)}22.28%,33.86%{opacity:1;transform:none}36.21%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC15{0%,29.32%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}32.61%,43.82%{opacity:1;transform:none;outline-color:transparent}44.76%,47.35%{opacity:1;transform:none;outline-color:#D4FF00}50.89%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC16{0%,18.39%{opacity:0;transform:translate(0,220px) scale(1.15)}21.69%,35.14%{opacity:1;transform:none}37.49%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC17{0%,22.08%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}25.38%,44.70%{opacity:1;transform:none;outline-color:transparent}45.65%,48.24%{opacity:1;transform:none;outline-color:#D4FF00}51.76%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC18{0%,25.43%{opacity:0;transform:translate(-260px,0) scale(1.15)}28.71%,34.13%{opacity:1;transform:none}36.48%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC19{0%,25.78%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}29.06%,45.59%{opacity:1;transform:none;outline-color:transparent}46.53%,49.12%{opacity:1;transform:none;outline-color:#D4FF00}52.65%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC20{0%,23.51%{opacity:0;transform:translate(0,220px) scale(1.15)}26.80%,35.23%{opacity:1;transform:none}37.57%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC21{0%,28.25%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}31.54%,46.48%{opacity:1;transform:none;outline-color:transparent}47.41%,49.99%{opacity:1;transform:none;outline-color:#D4FF00}53.53%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC22{0%,24.48%{opacity:0;transform:translate(0,220px) scale(1.15)}27.77%,33.44%{opacity:1;transform:none}35.78%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC23{0%,18.40%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}21.69%,47.35%{opacity:1;transform:none;outline-color:transparent}48.30%,50.88%{opacity:1;transform:none;outline-color:#D4FF00}54.41%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC24{0%,28.78%{opacity:0;transform:translate(0,220px) scale(1.15)}32.07%,34.66%{opacity:1;transform:none}37.01%,100%{opacity:0;transform:scale(.9)}}
@keyframes lkC25{0%,19.93%{opacity:0;transform:translate(-260px,0) scale(1.15);outline-color:transparent}23.22%,48.24%{opacity:1;transform:none;outline-color:transparent}49.17%,51.77%{opacity:1;transform:none;outline-color:#D4FF00}55.29%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes lkC26{0%,28.78%{opacity:0;transform:translate(260px,0) scale(1.15)}32.07%,34.99%{opacity:1;transform:none}37.34%,100%{opacity:0;transform:scale(.9)}}
@media (prefers-reduced-motion:no-preference){
.lk-type{animation:lkType 8.5s steps(42) infinite both}.lk-cut{animation:lkCut 8.5s linear infinite both}.lk-win{animation:lkWin 8.5s linear infinite both}.lk-say{animation:lkSay 8.5s linear infinite both}
.lk-spin{animation:lkSpin 40s linear infinite}.lk-work{animation:lkWork 8.5s ease-in-out infinite both}.lk-caret{animation:lkCaret 1s steps(1) infinite}
.lk-e0{animation:lkE0 8.5s ease-out infinite both}
.lk-e1{animation:lkE1 8.5s ease-out infinite both}
.lk-e2{animation:lkE2 8.5s ease-out infinite both}
.lk-e3{animation:lkE3 8.5s ease-out infinite both}
.lk-e4{animation:lkE4 8.5s ease-out infinite both}
.lk-e5{animation:lkE5 8.5s ease-out infinite both}
.lk-c0{animation:lkC0 8.5s ease-out infinite both}
.lk-c1{animation:lkC1 8.5s ease-out infinite both}
.lk-c2{animation:lkC2 8.5s ease-out infinite both}
.lk-c3{animation:lkC3 8.5s ease-out infinite both}
.lk-c4{animation:lkC4 8.5s ease-out infinite both}
.lk-c5{animation:lkC5 8.5s ease-out infinite both}
.lk-c6{animation:lkC6 8.5s ease-out infinite both}
.lk-c7{animation:lkC7 8.5s ease-out infinite both}
.lk-c8{animation:lkC8 8.5s ease-out infinite both}
.lk-c9{animation:lkC9 8.5s ease-out infinite both}
.lk-c10{animation:lkC10 8.5s ease-out infinite both}
.lk-c11{animation:lkC11 8.5s ease-out infinite both}
.lk-c12{animation:lkC12 8.5s ease-out infinite both}
.lk-c13{animation:lkC13 8.5s ease-out infinite both}
.lk-c14{animation:lkC14 8.5s ease-out infinite both}
.lk-c15{animation:lkC15 8.5s ease-out infinite both}
.lk-c16{animation:lkC16 8.5s ease-out infinite both}
.lk-c17{animation:lkC17 8.5s ease-out infinite both}
.lk-c18{animation:lkC18 8.5s ease-out infinite both}
.lk-c19{animation:lkC19 8.5s ease-out infinite both}
.lk-c20{animation:lkC20 8.5s ease-out infinite both}
.lk-c21{animation:lkC21 8.5s ease-out infinite both}
.lk-c22{animation:lkC22 8.5s ease-out infinite both}
.lk-c23{animation:lkC23 8.5s ease-out infinite both}
.lk-c24{animation:lkC24 8.5s ease-out infinite both}
.lk-c25{animation:lkC25 8.5s ease-out infinite both}
.lk-c26{animation:lkC26 8.5s ease-out infinite both}
}

/* 4. Phone page */
.mk-outline{color:#3a3a3a}@supports (-webkit-text-stroke:1px #000){.mk-outline{color:transparent;-webkit-text-stroke:1.5px #8a8a8a}}
@keyframes mkType{0%,1.76%{width:0}11.76%,95.29%{width:42ch}100%{width:0}}
@keyframes mkCut{0%,18.83%{opacity:0}22.35%,54.12%{opacity:1}56.47%,100%{opacity:0}}
@keyframes mkWin{0%,54.12%{opacity:0}57.64%,95.29%{opacity:1}98.82%,100%{opacity:0}}
@keyframes mkSay{0%,55.30%{opacity:0}58.83%,95.29%{opacity:1}98.82%,100%{opacity:0}}
@keyframes mkSpin{to{transform:rotate(360deg)}}
@keyframes mkWork{0%,32.35%{transform:scale(1)}33.53%{transform:scale(1.18)}35.29%{transform:scale(1.03)}41.18%{transform:scale(1.18)}42.94%{transform:scale(1.03)}44.71%{transform:scale(1.18)}46.47%{transform:scale(1.03)}48.23%{transform:scale(1.18)}50.00%{transform:scale(1.03)}51.76%{transform:scale(1.18)}53.53%{transform:scale(1.03)}55.29%,100%{transform:scale(1)}}
@keyframes mkCaret{50%{opacity:0}}
@keyframes mkE0{0%,8.23%{opacity:0;transform:scale(.92)}10.00%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes mkE1{0%,8.82%{opacity:0;transform:scale(.92)}10.59%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes mkE2{0%,9.41%{opacity:0;transform:scale(.92)}11.18%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes mkE3{0%,10.00%{opacity:0;transform:scale(.92)}11.77%,17.06%{opacity:1;transform:none}18.83%,100%{opacity:0;transform:none}}
@keyframes mkC0{0%,23.10%{opacity:0;transform:translate(-260px,0) scale(1.15)}26.39%,34.27%{opacity:1;transform:none}36.63%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC1{0%,19.27%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}22.56%,37.65%{opacity:1;transform:none;outline-color:transparent}38.58%,41.18%{opacity:1;transform:none;outline-color:#D4FF00}44.71%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes mkC2{0%,27.84%{opacity:0;transform:translate(-260px,0) scale(1.15)}31.13%,32.97%{opacity:1;transform:none}35.32%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC3{0%,23.57%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}26.86%,39.77%{opacity:1;transform:none;outline-color:transparent}40.71%,43.29%{opacity:1;transform:none;outline-color:#D4FF00}46.82%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes mkC4{0%,28.21%{opacity:0;transform:translate(260px,0) scale(1.15)}31.51%,33.23%{opacity:1;transform:none}35.58%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC5{0%,24.17%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}27.45%,41.88%{opacity:1;transform:none;outline-color:transparent}42.82%,45.41%{opacity:1;transform:none;outline-color:#D4FF00}48.94%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes mkC6{0%,24.91%{opacity:0;transform:translate(0,220px) scale(1.15)}28.20%,33.09%{opacity:1;transform:none}35.44%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC7{0%,22.11%{opacity:0;transform:translate(260px,0) scale(1.15);outline-color:transparent}25.40%,44.00%{opacity:1;transform:none;outline-color:transparent}44.94%,47.52%{opacity:1;transform:none;outline-color:#D4FF00}51.06%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes mkC8{0%,25.92%{opacity:0;transform:translate(0,220px) scale(1.15)}29.21%,34.54%{opacity:1;transform:none}36.90%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC9{0%,26.18%{opacity:0;transform:translate(0,220px) scale(1.15);outline-color:transparent}29.47%,46.12%{opacity:1;transform:none;outline-color:transparent}47.06%,49.64%{opacity:1;transform:none;outline-color:#D4FF00}53.17%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@keyframes mkC10{0%,19.50%{opacity:0;transform:translate(260px,0) scale(1.15)}22.79%,33.78%{opacity:1;transform:none}36.13%,100%{opacity:0;transform:scale(.9)}}
@keyframes mkC11{0%,18.95%{opacity:0;transform:translate(-260px,0) scale(1.15);outline-color:transparent}22.24%,48.23%{opacity:1;transform:none;outline-color:transparent}49.18%,51.77%{opacity:1;transform:none;outline-color:#D4FF00}55.29%,100%{opacity:0;transform:scale(.8);outline-color:transparent}}
@media (prefers-reduced-motion:no-preference){
.mk-type{animation:mkType 8.5s steps(42) infinite both}.mk-cut{animation:mkCut 8.5s linear infinite both}.mk-win{animation:mkWin 8.5s linear infinite both}.mk-say{animation:mkSay 8.5s linear infinite both}
.mk-spin{animation:mkSpin 40s linear infinite}.mk-work{animation:mkWork 8.5s ease-in-out infinite both}.mk-caret{animation:mkCaret 1s steps(1) infinite}
.mk-e0{animation:mkE0 8.5s ease-out infinite both}
.mk-e1{animation:mkE1 8.5s ease-out infinite both}
.mk-e2{animation:mkE2 8.5s ease-out infinite both}
.mk-e3{animation:mkE3 8.5s ease-out infinite both}
.mk-c0{animation:mkC0 8.5s ease-out infinite both}
.mk-c1{animation:mkC1 8.5s ease-out infinite both}
.mk-c2{animation:mkC2 8.5s ease-out infinite both}
.mk-c3{animation:mkC3 8.5s ease-out infinite both}
.mk-c4{animation:mkC4 8.5s ease-out infinite both}
.mk-c5{animation:mkC5 8.5s ease-out infinite both}
.mk-c6{animation:mkC6 8.5s ease-out infinite both}
.mk-c7{animation:mkC7 8.5s ease-out infinite both}
.mk-c8{animation:mkC8 8.5s ease-out infinite both}
.mk-c9{animation:mkC9 8.5s ease-out infinite both}
.mk-c10{animation:mkC10 8.5s ease-out infinite both}
.mk-c11{animation:mkC11 8.5s ease-out infinite both}
}