/* JoinEarnVista premium responsive polish. Change the browser bar color in this file's matching meta theme-color and manifest. */
:root{--xpr-brand:#6C22E8;--xpr-brand-dark:#381078;--xpr-pink:#e83eaa;--xpr-cyan:#3bd7ff;--xpr-ink:#211938;--xpr-soft:#f7f3ff}
.xpr-auth-page{min-height:100svh;box-sizing:border-box;padding:24px 14px 34px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#e9d8ff 0,#f8f5ff 48%,#f1edfa 100%)!important}
.xpr-auth-card{width:min(100%,430px)!important;box-sizing:border-box;padding:26px 22px 22px!important;border:1px solid #e5d6ff!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 18px 48px rgba(57,18,108,.16),inset 0 1px 0 #fff!important;overflow:hidden}
.xpr-auth-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 18px}.xpr-auth-logo img{display:block;width:106px;height:106px;max-width:42vw;object-fit:contain;filter:drop-shadow(0 8px 16px #6c22e82a)}
.xpr-auth-field{min-height:54px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 13px;margin:12px 0;border:1px solid #e2d8f2;border-radius:14px;background:linear-gradient(180deg,#fff,#fbf9ff);box-shadow:inset 0 1px 2px #32105b08;transition:border-color .18s,box-shadow .18s}
.xpr-auth-field:focus-within{border-color:#8d58f5;box-shadow:0 0 0 4px #6c22e815}.xpr-auth-field input{width:100%;min-width:0;height:50px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:15px!important;color:#211938!important;padding:0!important;margin:0!important}.xpr-field-icon{flex:0 0 22px;color:#6c22e8;font-size:17px;text-align:center}
.xpr-auth-submit{width:100%;min-height:52px;height:auto;padding:14px 18px;border:0;border-radius:15px;background:linear-gradient(110deg,#6c22e8,#a52fe2 58%,#e83eaa)!important;color:white!important;font-size:16px;font-weight:850;letter-spacing:.25px;box-shadow:0 9px 20px #6c22e838,inset 0 1px 0 #ffffff55;cursor:pointer;transition:transform .15s,filter .15s}.xpr-auth-submit:active{transform:translateY(1px) scale(.99);filter:brightness(.98)}
.xpr-auth-accept{text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;color:#75658c;margin:22px 0 12px}.xpr-payments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.xpr-payments img{display:block;box-sizing:border-box;width:100%;height:68px;object-fit:contain;padding:10px;border:1px solid #eee5f8;border-radius:13px;background:#fff;box-shadow:0 4px 12px #24103d0b}.xpr-auth-footer{text-align:center;margin-top:20px;font-size:14px;color:#665b76}.xpr-auth-footer a{color:#6c22e8;font-weight:800;text-decoration:none}
.xpr-alert{padding:12px 14px;border-radius:12px;background:#fff0f3;color:#b42345;border:1px solid #ffd3dc;margin:0 0 14px;line-height:1.5}
/* Task cards: consistent premium styling; does not change reward or database logic. */
body:has(.top b){background:linear-gradient(180deg,#f0e6ff,#f8f6fc 300px)!important;color:#241a38!important}.top{background:linear-gradient(110deg,#381078,#6c22e8 58%,#a52fe2)!important;padding:16px 18px!important;align-items:center;gap:10px;box-shadow:0 7px 22px #4b18852c}.top b{font-size:16px;letter-spacing:.1px}.wrap{max-width:760px!important;margin:18px auto!important;padding:0 14px 28px!important}.wrap .card{border:1px solid #e7dbf7!important;border-radius:18px!important;padding:18px!important;margin:13px 0!important;box-shadow:0 8px 24px #34115c10,inset 0 1px 0 #fff!important}.wrap .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:13px!important;background:linear-gradient(110deg,#6c22e8,#a52fe2,#e83eaa)!important;box-shadow:0 7px 18px #7e169f28!important;font-weight:800}.adimg{display:block;max-width:100%;max-height:190px;object-fit:contain;border-radius:12px;margin:10px auto}.muted{color:#776a8a!important}.msg{padding:13px 15px!important;background:#edfff5!important;border:1px solid #b9f0d0;color:#17653a;border-radius:12px}
@media(max-width:380px){.xpr-auth-card{padding:21px 15px!important;border-radius:21px!important}.xpr-payments{gap:7px}.xpr-payments img{height:60px;padding:7px}.xpr-auth-field{min-height:50px}.xpr-auth-field input{height:46px}.top{padding:13px!important}.top b{font-size:14px}}