@import "https://fonts.googleapis.com/css2?family=Aladin&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Aladin,cursive}body{color:#e2e8f0;background:#0a0e17;width:100dvw;height:100dvh}.shell{grid-template-rows:auto 1fr;gap:2vw;height:100dvh;padding:2vw;display:grid}.top-row{align-items:stretch;gap:2vw;display:flex}.card{background:#0f0f12f2;border:1px solid #ffffff14;border-radius:16px;padding:1.8rem 2.2rem;box-shadow:0 8px 32px #0009}.info-card{flex-direction:column;flex:0 0 320px;justify-content:center;gap:.8rem;display:flex}.title{letter-spacing:.03em;color:#ff6b00;text-transform:uppercase;font-size:1.5rem;font-weight:600}.desc{color:#94a3b8;font-size:1.05rem;font-weight:300;line-height:1.6}.quote-card{flex:1;justify-content:center;align-items:center;display:flex}.quote{text-align:center;flex-direction:column;gap:.5em;min-height:7.2em;display:flex}.quote-line{letter-spacing:.03em;white-space:pre;min-height:1.5em;font-size:clamp(1.6rem,2vw,2.2rem);font-weight:400;line-height:1.6}.ch{transition:color .4s,opacity .4s,text-shadow .4s;display:inline-block}.ch.glitch{transition:none}.web-container{background:#0a0a0cf2;border:1px solid #ffffff0f;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000080,0 8px 32px #000c}canvas{cursor:grab;will-change:transform;width:100%;height:100%;display:block;transform:translateZ(0)}canvas:active{cursor:grabbing}@media (width<=768px){body{overflow:auto}.shell{flex-direction:column;gap:4vw;height:auto;min-height:100dvh;padding:4vw;display:flex}.top-row{flex-direction:column}.info-card,.quote-card{flex:auto}.web-container{flex:1;min-height:50vh}.quote-line{font-size:min(1.4rem,3.8vw)}}