/* Shared countdown: reserve room for both the number and the complete label. */
.ring,.hero-preview .mini-app .ring,.app-layout .investment-content .ring{width:104px;height:104px;min-width:104px;flex:0 0 104px;padding:10px;box-sizing:border-box}
.ring .ring-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border-radius:50%}
.ring .ring-inner strong{display:block;font-size:30px!important;font-weight:700;line-height:1!important;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:0}
.ring .ring-inner small{display:block;font-size:12px!important;line-height:1.3!important;letter-spacing:0;white-space:nowrap;margin:0;color:#b8d3df}
.ring .ring-graphic circle{stroke-width:6}
.ring .ring-track{stroke:#19363b}
.hero-preview .mini-app{gap:20px;padding:22px 0;align-items:center}
.hero-preview .mini-app>div:last-child{min-width:0}
.hero-preview .mini-app h4{line-height:1.4;margin:6px 0}
.hero-preview .mini-app p{line-height:1.6}
.app-layout .investment-content{grid-template-columns:104px minmax(0,1fr) 110px;gap:20px}
.app-layout .detail-main .ring{width:128px;height:128px;min-width:128px;flex:0 0 128px;padding:12px}
.app-layout .detail-main .ring strong{font-size:36px!important}
@media(max-width:600px){
 .app-layout .investment-content{grid-template-columns:92px minmax(0,1fr);gap:16px}
 .app-layout .investment-content .ring,.hero-preview .mini-app .ring{width:92px;height:92px;min-width:92px;flex-basis:92px;padding:9px}
 .app-layout .investment-dates{grid-column:2;min-width:0;flex-wrap:wrap}
 .app-layout .detail-main .ring{width:108px;height:108px;min-width:108px;flex-basis:108px}
 .app-layout .detail-main .ring strong{font-size:30px!important}
 .hero-preview .mini-app{gap:16px}
}

/* Login code: six comfortable, keyboard-accessible positions. */
.otp-field{border:0;padding:0;margin:0;min-width:0}.otp-field legend{padding:0;margin-bottom:12px;font-size:16px}.otp-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.auth-card .otp-digits input{width:100%;min-width:0;height:60px;padding:0;text-align:center;font-size:26px;font-weight:600;border-radius:12px;line-height:1}.otp-digits input:focus{outline:2px solid var(--cyan);outline-offset:2px}@media(max-width:400px){.otp-digits{gap:6px}.auth-card .otp-digits input{height:50px;font-size:23px}}