.cha-page{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;margin-inline:auto;min-height:100vh;min-height:100dvh;padding:24px 20px;background-color:#ffe7d3;background-size:cover;background-position:center;background-repeat:no-repeat}.cha-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:400px;margin-top:-48px;padding:40px 46px;border-radius:24px;background-color:#fff;box-shadow:0 4px 20px #00000040}.cha-shield{width:231px;max-width:72%;height:auto}.cha-title{margin:0;font-family:Montserrat,Be Vietnam Pro,Helvetica Neue,Arial,sans-serif;font-size:22px;font-weight:700;line-height:1.2;text-align:center;background:linear-gradient(180deg,#ff3c01,#ff1201);-webkit-background-clip:text;background-clip:text;color:transparent}.cha-divider{display:flex;align-items:center;gap:14px}.cha-divider__line{width:108px;height:2px;border-radius:2px}.cha-divider__line--left{background:linear-gradient(90deg,#ff8c0000,#ff8c00)}.cha-divider__line--right{background:linear-gradient(270deg,#ff8c0000,#ff8c00)}.cha-divider__icon{display:block;flex-shrink:0}.cha-progress{display:flex;align-items:center;gap:16px;width:100%}.cha-progress__track{position:relative;flex:1 1 auto;height:32px;padding:5px;border:1px solid #fed7aa;border-radius:9999px;background:linear-gradient(180deg,#ffe0b2,#ffb74d);box-shadow:inset 0 2px 4px #0000001a}.cha-progress__fill{position:relative;height:100%;min-width:0;border-radius:9999px;background:linear-gradient(90deg,#ff3d00,#ff8c00 50%,#ff3d00);box-shadow:inset 0 -2px 5px #0003,inset 0 2px 5px #fff9;transition:width .12s linear}.cha-progress__gloss{position:absolute;top:0;right:0;bottom:50%;left:0;border-radius:9999px 9999px 0 0;background:linear-gradient(180deg,#fff6,#fff0);pointer-events:none}.cha-progress__pct{flex-shrink:0;font-family:Montserrat,Be Vietnam Pro,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:700;line-height:28px;color:#b71c1c;font-variant-numeric:tabular-nums}@media(max-width:400px){.cha-card{padding:32px 26px;gap:24px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#fdf8d6;font-family:Be Vietnam Pro,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{text-decoration:none}