*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background-color:#000}body{display:flex;justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.container{width:100vw;height:100vh;position:relative;overflow:hidden;background-color:#000}.cb-backdrop{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;pointer-events:auto}.glass-card{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 8px 32px #0000004d}.title{margin:0 0 -10px;font-family:"Noto Serif Display",serif;font-size:6rem;letter-spacing:8px;color:#fff;font-weight:700;text-transform:uppercase}.subtitle{margin:0;font-family:Poiret One,sans-serif;font-size:.8rem;letter-spacing:2px;color:#ffffffb3;text-transform:uppercase}.logo{max-width:150px;filter:brightness(0) invert(1)}@media(max-width:768px){.content{width:90%;top:40%}.glass-card{padding:24px;border-radius:16px}.title{font-size:3.5rem;letter-spacing:4px;margin-bottom:-5px}.logo{max-width:100px}.subtitle{font-size:.7rem;letter-spacing:1.5px}}.color-bends-container{position:relative;width:100%;height:100%;overflow:hidden}.shuffle-parent{display:inline-block;white-space:normal;word-wrap:break-word;will-change:transform;line-height:1;font-size:6rem;font-family:"Noto Serif Display",serif;font-weight:700;letter-spacing:8px;text-transform:uppercase;visibility:hidden}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{display:inline-block;overflow:hidden;vertical-align:baseline;position:relative;margin-right:.05em}.shuffle-char-wrapper>span{display:inline-flex;will-change:transform}.shuffle-char{line-height:1;display:inline-block;text-align:center}