.e,.f,.g{position:absolute}.d,body{padding:20px}.c,.f{text-align:center}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:linear-gradient(135deg,#6a11cb,#2575fc);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}body.x-index{flex-direction:column}.c{max-width:420px;width:100%}body.x-value .c{background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:380px;padding:32px 24px;position:relative}body.x-index .c{margin-top:-80px}.t{font-size:36px;color:#fff;margin-bottom:12px;font-weight:700}body.x-value .c h2{color:#d32f2f;font-size:22px;margin-bottom:16px}.s{font-size:15px;color:rgba(255,255,255,.85);margin-bottom:35px}body.x-value .c p{color:#444;font-size:15px;line-height:1.6;margin-bottom:28px}.b{border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:.3s}body.x-index .b{background:#fff;color:#6a11cb;padding:18px 40px;font-size:18px;margin-bottom:30px}body.x-value .b{background:#6a11cb;color:#fff;padding:14px 32px;font-size:16px;transition:none}.d{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin:16px 0;color:#fff}.e,.g{border-radius:50%}.d h3{font-size:16px;margin-bottom:8px}.d p{font-size:13px;opacity:.9}.f{bottom:20px;left:0;right:0;color:rgba(255,255,255,.7);font-size:12px}.e{top:10%;left:10%;width:120px;height:120px;background:rgba(255,255,255,.1)}.g{bottom:15%;right:12%;width:90px;height:90px;background:rgba(255,255,255,.08)}body.x-value .e{top:12%;left:8%;width:110px;height:110px}body.x-value .g{bottom:18%;right:10%;width:85px;height:85px}