html,body,#root{min-height:100%;margin:0}body{font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at top center,#fffffff2,#e6fcf5f0 22%,#ccecdbeb 44%,#aed9bde0,#c7d9c3);color:#163b32;background-attachment:fixed}*{box-sizing:border-box}button,input{font:inherit}img{display:block}.processing-card-row{display:flex;gap:16px;align-items:flex-end}.processing-card{width:92px;height:132px;border-radius:14px;box-shadow:0 24px 48px #00000040;animation:jump-card 1.2s ease-in-out infinite}.processing-card-2{animation-delay:.2s}.processing-card-3{animation-delay:.4s}@keyframes jump-card{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.04)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-popup{animation:toast-in .25s ease-out}@media (max-width: 840px){div{max-width:100%}}.rule-card-container{width:100%;display:flex;justify-content:center;margin-top:18px}.rule-card{position:relative;width:220px;min-height:320px;border-radius:24px;background:#fff;border:1px solid rgba(31,122,92,.14);box-shadow:0 26px 60px #0f261a1f;overflow:hidden}.rule-card-image{width:100%;height:auto;display:block}.rule-card-content{position:absolute;top:20px;right:18px;bottom:18px;left:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:12px}.rule-card-line{background:#fff;border-radius:14px;padding:10px 12px;font-size:13px;font-weight:700;color:#1e4538;box-shadow:0 12px 28px #18442d14;opacity:1;transform:translateY(0)}.rule-card-line-1{animation-delay:0s}.rule-card-line-2{animation-delay:1.8s}.rule-card-line-3{animation-delay:3.6s}.rule-card-line-4{animation-delay:5.4s}@keyframes rule-line-fade{0%,15%,to{opacity:0;transform:translateY(10px)}20%,60%{opacity:1;transform:translateY(0)}65%,to{opacity:0;transform:translateY(-8px)}}