@import "https://fonts.googleapis.com/css2?family=Aladin&family=Inter:wght@200;300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Aladin,cursive}body{color:#1a1a1a;background:radial-gradient(circle at 15% 25%,#e036161f 0%,#0000 40%),radial-gradient(circle at 85% 75%,#005c8a1f 0%,#0000 40%),radial-gradient(circle,#f2c12e1f 0%,#0000 50%),#f4f1eb;width:100dvw;height:100dvh}.shell{grid-template-rows:auto 1fr;gap:1.8vw;height:100dvh;padding:1.8vw;display:grid}.top-row{align-items:stretch;gap:1.8vw;display:flex}.card{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:2px solid #1a1a1a;border-radius:12px;padding:1.8rem 2.2rem;box-shadow:6px 6px #1a1a1a}.info-card{flex-direction:column;flex:0 0 300px;justify-content:center;gap:.6rem;display:flex}.title{letter-spacing:.05em;text-transform:uppercase;opacity:1;font-size:1.4rem;font-weight:500}.desc{opacity:.85;font-size:1.1rem;font-weight:400;line-height:1.55}.quote-card{flex:1;justify-content:center;align-items:center;display:flex}.quote{text-align:center;flex-direction:column;gap:.4em;min-height:7.2em;display:flex}.quote-line{letter-spacing:.02em;white-space:pre-wrap;min-height:1.5em;font-size:clamp(1.4rem,1.8vw,1.9rem);font-weight:400;line-height:1.5}.ch{transition:color .4s,opacity .4s;display:inline-block}.ch.glitch{transition:none}.web-container{background:#ffffff80;border:2px solid #1a1a1a;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000005,6px 6px #1a1a1a}canvas{cursor:grab;width:100%;height:100%;display:block}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:clamp(1.1rem,4.5vw,1.4rem)}}