.auth-modal[hidden]{display:none}.auth-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px}.auth-backdrop{position:absolute;inset:0;background:rgba(23,21,31,.52);backdrop-filter:blur(7px);animation:authFade .2s ease}.auth-dialog{position:relative;width:min(100%,430px);padding:34px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:var(--paper);box-shadow:0 30px 80px rgba(16,11,35,.3);animation:authRise .26s cubic-bezier(.2,.9,.2,1)}.auth-close{position:absolute;top:15px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:#eeebf4;color:var(--ink);font-size:23px;line-height:1;cursor:pointer}.auth-dialog .eyebrow{margin-bottom:16px}.auth-dialog h2{margin:0;font-size:35px;letter-spacing:-.08em}.auth-dialog>p:not(.eyebrow){margin:14px 0 25px;color:var(--muted);font-size:14px;line-height:1.7}.auth-auto-register{margin:5px 0 24px!important;color:var(--muted)!important}.auth-dialog form{display:grid;gap:14px}.auth-dialog label{display:grid;gap:8px;color:#4f495b;font-size:13px;font-weight:700}.auth-phone-field{display:grid;gap:8px}.auth-phone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.auth-dialog input{width:100%;padding:14px 15px;border:1px solid #d8d2e0;border-radius:10px;outline:0;background:#fff;color:var(--ink);font:15px var(--sans)}.auth-dialog input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(120,86,246,.13)}.auth-dialog .button{width:100%;margin-top:2px}.auth-dialog .button:disabled{cursor:not-allowed;opacity:.42;transform:none;box-shadow:none}.auth-send{border:1px solid rgba(120,86,246,.28);border-radius:9px;background:#f1efff;color:#5d45d0;padding:0 13px;font:700 13px var(--sans);white-space:nowrap;cursor:pointer}.auth-send:disabled{cursor:not-allowed;opacity:.55}.auth-code-step{display:contents}.auth-test-code{margin:7px 0 0;color:#5d45d0;font-size:12px;font-weight:700}.auth-dialog>small{display:block;margin-top:16px;color:#918a9a;font-size:11px;line-height:1.6}.bonus-modal{position:fixed;inset:0;z-index:49;display:grid;place-items:center;padding:22px}.bonus-backdrop{position:absolute;inset:0;background:rgba(23,21,31,.48);backdrop-filter:blur(8px);animation:authFade .2s ease}.bonus-dialog{position:relative;width:min(100%,462px);padding:36px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:var(--paper);box-shadow:0 30px 85px rgba(16,11,35,.32);animation:authRise .26s cubic-bezier(.2,.9,.2,1)}.bonus-dialog .eyebrow{margin:0 0 14px;color:#6b58d8}.bonus-dialog h2{margin:0;font-size:clamp(30px,6vw,42px);line-height:1.08;letter-spacing:-.08em}.bonus-dialog>p:not(.eyebrow){margin:16px 0 26px;color:var(--muted);font-size:15px;line-height:1.75;letter-spacing:-.02em}.bonus-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bonus-actions .button{min-width:132px}.bonus-actions .button-quiet{background:#f0edf7}.bonus-actions .button-quiet:hover{box-shadow:none}@keyframes authFade{from{opacity:0}to{opacity:1}}@keyframes authRise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1}}@media(max-width:800px){.auth-dialog,.bonus-dialog{padding:28px 22px}.auth-dialog h2{font-size:30px}.bonus-actions{display:grid}.bonus-actions .button{width:100%}}
.bonus-modal{padding:28px;z-index:60}.bonus-backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.bonus-dialog{width:min(100%,896px);padding:0 56px 56px;border:0;border-radius:46px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.4);overflow:hidden}.bonus-close{position:absolute;z-index:3;top:72px;right:68px;width:34px;height:34px;border:0;background:transparent;color:#626262;font-size:36px;font-weight:400;line-height:28px;cursor:pointer}.bonus-visual{position:relative;height:290px;margin:0 -1px 42px;border-radius:0 0 28px 28px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#ecfbff 0,#dff7fb 24%,#f8f8fa 67%,#f1f2f7 100%)}.bonus-visual:before,.bonus-visual:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.8);border-radius:50%;transform:rotate(-12deg)}.bonus-visual:before{width:780px;height:230px;left:50%;top:120px;transform:translateX(-50%) rotate(-9deg)}.bonus-visual:after{width:690px;height:180px;left:50%;top:156px;transform:translateX(-50%) rotate(8deg)}.bonus-glow{position:absolute;left:50%;top:60px;width:250px;height:170px;transform:translateX(-50%);border-radius:50%;background:rgba(37,222,255,.28);filter:blur(22px)}.bonus-orb{position:absolute;z-index:2;left:50%;top:27px;width:132px;height:132px;display:grid;place-items:center;transform:translateX(-50%);border:8px solid rgba(84,234,255,.62);border-radius:50%;background:radial-gradient(circle at 35% 30%,#cfffff,#22c9ec 58%,#1287c0);box-shadow:0 0 0 9px rgba(86,232,255,.12),0 15px 36px rgba(0,150,210,.36);color:#d9ffff;font-size:52px;text-shadow:0 3px 0 rgba(0,83,132,.3)}.bonus-gift{position:absolute;z-index:1;left:50%;top:151px;width:192px;height:118px;transform:translateX(-50%);filter:drop-shadow(0 12px 10px rgba(0,0,0,.26))}.bonus-gift-box{position:absolute;left:20px;right:20px;bottom:0;height:88px;border-radius:3px 3px 12px 12px;background:linear-gradient(105deg,#17212b,#34434d 47%,#0e151b);transform:perspective(130px) rotateX(-2deg)}.bonus-gift-lid{position:absolute;z-index:2;left:9px;right:9px;top:0;height:28px;border-radius:4px;background:linear-gradient(105deg,#20303b,#465762 52%,#101820);transform:skewX(-7deg)}.bonus-gift-ribbon{position:absolute;z-index:3;left:88px;top:0;width:20px;height:118px;background:linear-gradient(90deg,#35dfff,#a9fbff 45%,#16a6cd 100%);opacity:.9}.bonus-spark{position:absolute;z-index:3;display:grid;place-items:center;color:#28ccea;font-style:normal;text-shadow:0 0 12px rgba(23,203,241,.45)}.bonus-spark-one{left:28%;top:42px;font-size:28px}.bonus-spark-two{left:72%;top:88px;font-size:27px}.bonus-spark-three{left:65%;top:24px;font-size:24px}.bonus-copy{padding:0}.bonus-copy .eyebrow{display:none}.bonus-copy h2{max-width:780px;margin:0;font-size:clamp(36px,5.1vw,64px);font-weight:800;line-height:1.14;letter-spacing:-.065em;color:#050505}.bonus-copy>p:not(.eyebrow){margin:18px 0 0;color:#5f5f5f;font-size:16px;line-height:1.6}.bonus-actions{display:block;margin-top:44px}.bonus-primary{display:block;width:100%;min-height:90px;border:0;border-radius:34px;background:#050505;color:#fff;font:800 clamp(22px,3vw,30px) var(--sans);cursor:pointer;transition:transform .2s,background .2s}.bonus-primary:hover{background:#252525;transform:translateY(-2px)}.bonus-secondary{display:block;margin:15px auto 0;border:0;background:transparent;color:#727272;font:700 14px var(--sans);cursor:pointer}.bonus-modal-campaign .bonus-copy h2{max-width:720px}.bonus-modal-result .bonus-visual{background:radial-gradient(circle at 50% 35%,#f5f0ff 0,#eeeaff 28%,#f8f8fa 68%,#f0f1f8 100%)}.bonus-modal-result .bonus-orb{background:radial-gradient(circle at 35% 30%,#fff,#a98cff 58%,#6752d7);border-color:rgba(171,145,255,.68);color:#fff}.bonus-modal-result .bonus-spark{color:#8b6cff}@media(max-width:800px){.bonus-modal{padding:12px}.bonus-dialog{padding:0 22px 28px;border-radius:28px}.bonus-close{top:20px;right:24px;font-size:32px}.bonus-visual{height:190px;margin-bottom:26px;border-radius:0 0 20px 20px}.bonus-orb{top:18px;width:90px;height:90px;border-width:6px;font-size:34px}.bonus-gift{top:104px;transform:translateX(-50%) scale(.72);transform-origin:top center}.bonus-copy h2{font-size:34px}.bonus-actions{margin-top:28px}.bonus-primary{min-height:64px;border-radius:23px;font-size:22px}}

/* Product-specific bonus modal: resume card and opportunity signal. */
.bonus-modal{padding:24px;background:rgba(17,20,29,.62)}
.bonus-backdrop{background:rgba(17,20,29,.58);backdrop-filter:blur(18px)}
.bonus-dialog{width:min(92vw,600px);padding:0 42px 38px;border-radius:28px;background:#fbfbf8;box-shadow:0 26px 80px rgba(10,12,20,.34);overflow:hidden}
.bonus-close{top:20px;right:24px;width:34px;height:34px;border:0;background:rgba(255,255,255,.76);border-radius:50%;color:#30323a;font-size:24px;line-height:30px}
.bonus-visual{height:236px;margin:0 -42px 32px;border-radius:0 0 24px 24px;background:#e6e4ff;overflow:hidden;position:relative}
.bonus-visual:before,.bonus-visual:after{display:none}
.bonus-visual-grid{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.75),transparent 46%),linear-gradient(120deg,transparent 50%,rgba(129,109,247,.12) 50%),repeating-linear-gradient(90deg,transparent 0 46px,rgba(86,73,190,.06) 47px 48px)}
.bonus-visual-grid:after{content:"";position:absolute;inset:-40% -10%;border:1px solid rgba(112,92,229,.16);border-radius:50%;transform:rotate(-15deg)}
.bonus-resume-sheet{position:absolute;left:50%;top:34px;width:262px;height:178px;transform:translateX(-50%) rotate(-4deg);border:1px solid rgba(43,37,87,.12);border-radius:12px;background:#fff;box-shadow:18px 22px 0 rgba(52,45,116,.11),0 18px 35px rgba(59,52,135,.16)}
.bonus-resume-sheet:after{content:"";position:absolute;right:18px;bottom:16px;width:54px;height:54px;border-radius:50%;background:#f0c845;opacity:.85}
.bonus-sheet-avatar{position:absolute;left:23px;top:23px;width:38px;height:38px;border-radius:50%;background:#725be5}
.bonus-sheet-name,.bonus-sheet-role,.bonus-sheet-line{position:absolute;left:77px;height:7px;border-radius:99px;background:#252735}
.bonus-sheet-name{top:27px;width:96px}.bonus-sheet-role{top:43px;width:68px;background:#9b98a7}.bonus-sheet-line{left:23px;background:#e5e3eb}.line-one{top:88px;width:171px}.line-two{top:105px;width:202px}.line-three{top:122px;width:128px}
.bonus-sheet-chip{position:absolute;right:20px;top:22px;padding:5px 7px;border-radius:99px;background:#e3f8ed;color:#26935d;font:7px var(--mono);letter-spacing:.08em}
.bonus-opportunity{position:absolute;right:calc(50% - 198px);bottom:28px;display:grid;gap:2px;padding:12px 14px;border:1px solid rgba(43,37,87,.1);border-radius:12px;background:#28243d;color:#fff;box-shadow:0 12px 22px rgba(32,28,66,.2);transform:rotate(5deg)}
.bonus-opportunity b{font-size:21px;line-height:1;letter-spacing:-.04em}.bonus-opportunity span{color:#cfc9ff;font-size:10px}
.bonus-accent{position:absolute;width:12px;height:12px;border-radius:3px;background:#f0c845;transform:rotate(24deg)}.accent-one{left:calc(50% - 186px);top:48px}.accent-two{right:calc(50% - 190px);top:76px;background:#725be5;border-radius:50%}
.bonus-copy .eyebrow{display:block;margin:0 0 11px;color:#6656c9;font-size:10px}.bonus-copy h2{max-width:100%;margin:0;font-size:clamp(31px,4.7vw,52px);line-height:1.1;letter-spacing:-.07em;color:#20212a}.bonus-copy>p:not(.eyebrow){margin:13px 0 0;color:#6d6a76;font-size:14px;line-height:1.65}
.bonus-actions{margin-top:28px}.bonus-primary{min-height:58px;border-radius:14px;background:#28243d;color:#fff;font:800 18px var(--sans);box-shadow:0 8px 0 #ded9ff}.bonus-primary:hover{background:#393252;transform:translateY(-1px)}.bonus-secondary{margin:18px auto 0;color:#777482;font-size:13px}
.bonus-modal-result .bonus-visual{background:#e3f4ee}.bonus-modal-result .bonus-opportunity{background:#176b55}
@media(max-width:800px){.bonus-modal{padding:14px}.bonus-dialog{width:min(100%,430px);padding:0 24px 26px;border-radius:24px}.bonus-close{top:14px;right:16px}.bonus-visual{height:180px;margin:0 -24px 24px;border-radius:0 0 19px 19px}.bonus-resume-sheet{top:30px;transform:translateX(-50%) rotate(-4deg) scale(.76);transform-origin:top center}.bonus-opportunity{right:18px;bottom:17px;transform:rotate(5deg) scale(.86)}.bonus-copy h2{font-size:33px}.bonus-actions{margin-top:23px}.bonus-primary{min-height:54px;font-size:17px}}

/* Keep the page visible around a compact, focused offer. */
.bonus-modal{padding:16px;background:transparent}
.bonus-backdrop{background:rgba(17,20,29,.16);backdrop-filter:none}
.bonus-dialog{width:min(92vw,460px);padding:0 30px 28px;border-radius:22px}
.bonus-close{top:16px;right:18px;width:30px;height:30px;font-size:21px;line-height:26px}
.bonus-visual{height:190px;margin:0 -30px 26px;border-radius:0 0 20px 20px}
.bonus-resume-sheet{top:27px;transform:translateX(-50%) rotate(-4deg) scale(.82);transform-origin:top center}
.bonus-opportunity{right:calc(50% - 175px);bottom:20px;transform:rotate(5deg) scale(.82);transform-origin:bottom right}
.bonus-copy h2{font-size:clamp(29px,4.2vw,40px);letter-spacing:-.06em}
.bonus-actions{margin-top:22px}
.bonus-primary{min-height:52px;border-radius:13px;font-size:17px;box-shadow:0 6px 0 #ded9ff}
@media(max-width:800px){.bonus-modal{padding:12px}.bonus-dialog{width:min(100%,390px);padding:0 24px 24px;border-radius:21px}.bonus-close{top:13px;right:15px}.bonus-visual{height:166px;margin:0 -24px 22px;border-radius:0 0 17px 17px}.bonus-resume-sheet{top:24px;transform:translateX(-50%) rotate(-4deg) scale(.68)}.bonus-opportunity{right:15px;bottom:15px;transform:rotate(5deg) scale(.75)}.bonus-copy h2{font-size:29px}.bonus-actions{margin-top:20px}.bonus-primary{min-height:50px;font-size:16px}}