:root{--primary: #00ff88;--primary-strong: #00c176;--muted-text: #c9ffd8;--kbd-bg: #0b0f0c;--input-bg: #0f1511;--input-border: #144c32;--border: #13331f;--key-top: var(--input-bg);--key-mid: #0d1912;--key-bottom: #0b1910;--shadow: rgba(1,6,12,.7);--key-size: 36px;--gap: 6px}.keyboard-3d[data-astro-cid-ibhgfwme]{perspective:1100px;width:min(calc(var(--key-size) * 15 + var(--gap) * 14),calc(100% - 32px));max-width:100%;box-sizing:border-box;transform-style:preserve-3d;will-change:transform;position:fixed;left:50%;right:auto;transform:translate3d(-50%,0,0)}.keyboard-wrap[data-astro-cid-ibhgfwme]{background:linear-gradient(180deg,var(--kbd-bg),#071021);padding:0 14px 22px;border-radius:14px;box-shadow:0 28px 60px #02060cbf,inset 0 2px 6px #ffffff05;transform:rotateX(16deg) translateZ(0);transition:transform .35s ease;transform-origin:center bottom;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:rotateX(16deg) translateY(0)}50%{transform:rotateX(16deg) translateY(-6px)}to{transform:rotateX(16deg) translateY(0)}}.row-grid[data-astro-cid-ibhgfwme]{display:grid;grid-auto-flow:column;grid-auto-columns:var(--key-size);column-gap:var(--gap);align-items:center;margin-bottom:10px}.spacer[data-astro-cid-ibhgfwme]{height:var(--key-size)}.key[data-astro-cid-ibhgfwme]{--h: var(--key-size);height:var(--h);min-width:var(--key-size);padding:6px 8px;background:linear-gradient(180deg,var(--key-top),var(--key-mid));border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted-text);font-weight:700;letter-spacing:.6px;font-family:Inter,system-ui,sans-serif;box-shadow:0 6px 0 var(--shadow),0 14px 26px #02060c8c;transform:translateY(20px) translateZ(8px) scale(.96);opacity:0;transition:transform .11s cubic-bezier(.2,.8,.2,1),box-shadow .11s ease,background .11s ease;user-select:none;position:relative;font-size:calc(var(--key-size) * .36);border:1px solid rgba(255,255,255,.03)}[data-astro-cid-ibhgfwme][data-span="1"]{grid-column:span 1}[data-astro-cid-ibhgfwme][data-span="1.5"]{grid-column:span 3}[data-astro-cid-ibhgfwme][data-span="2"]{grid-column:span 2}[data-astro-cid-ibhgfwme][data-span="2.25"]{grid-column:span 9}[data-astro-cid-ibhgfwme][data-span="3"]{grid-column:span 3}[data-astro-cid-ibhgfwme][data-span="4"]{grid-column:span 4}[data-astro-cid-ibhgfwme][data-span="5"]{grid-column:span 5}[data-astro-cid-ibhgfwme][data-span="6"]{grid-column:span 6}.key[data-astro-cid-ibhgfwme].pressed{transform:translateZ(2px) translateY(8px);box-shadow:0 2px #0009,0 6px 18px #00ff8814,0 0 10px #00ff880f inset;background:linear-gradient(180deg,#00ff880f,#00c17608);color:var(--primary);border-color:#00ff882e}.kbd-container[data-astro-cid-ibhgfwme]{position:relative}@media (max-width:1024px){:root{--key-size:40px}.keyboard-3d[data-astro-cid-ibhgfwme]{margin:16px auto 0}}@media (max-width:720px){:root{--key-size:36px}.keyboard-3d[data-astro-cid-ibhgfwme]{transform:translate3d(-50%,0,0) scale(.92);margin:12px 0 0}}@media (max-width:480px){:root{--key-size:32px}.keyboard-3d[data-astro-cid-ibhgfwme]{transform:translate3d(-50%,0,0) scale(.86);margin:8px 0 0}@supports (position: fixed){.keyboard-3d[data-astro-cid-ibhgfwme]{left:50%}}}.typing-container[data-astro-cid-dhfotatx]{display:flex;flex-direction:column;justify-content:center}.typing-element[data-astro-cid-dhfotatx]{opacity:0}.typing-cursor[data-astro-cid-dhfotatx]:after{content:"|";color:#0f8;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.fade-in[data-astro-cid-dhfotatx]{animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up[data-astro-cid-dhfotatx]{animation:slideUp .6s ease-out forwards;opacity:1!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.show-element[data-astro-cid-dhfotatx]{opacity:1!important;transform:translateY(0)!important;transition:all .5s ease}.cta-btn[data-astro-cid-dhfotatx]{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .36s ease,transform .36s cubic-bezier(.2,.9,.3,1);will-change:transform,opacity}.cta-btn[data-astro-cid-dhfotatx].visible{opacity:1;transform:translateY(0) scale(1)}