:root{--text:#ffffffeb;--muted:#fff9;--border:#ffffff2e;--border2:#ffffff42;--brand-navy:#0a1628;--brand-gold:#b8922a;--brand-gold-light:#f0d078;--brand-cream:#faf8f3}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-outfit,"Outfit", system-ui, sans-serif);background-color:var(--brand-cream);overflow-x:hidden;color:#ffffffeb!important}.glass,.glass h1,.glass h2,.glass h3,.glass p,.glass label,.glass div,.glass span,.glass li{color:#ffffffeb}.glass .module-heading{color:#ffffffeb!important}.glass .module-progress,.glass .muted,.glass .question-counter,.glass .module-title,.glass .wordcount{color:#fff9!important}.stage{background-color:#faf8f3;background-image:url(/images/vivid-logo-new.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;width:100%;height:100vh;padding:32px;display:grid;overflow:hidden}.glass{color:#ffffffeb;-webkit-backdrop-filter:blur(28px)saturate(160%);background:linear-gradient(160deg,#faf8f338 0%,#faf8f31a 100%);border:1px solid #ffffff38;border-radius:28px;width:min(520px,33vw);height:min(860px,83vh);position:relative;overflow:hidden;box-shadow:0 40px 80px #0a16288c,0 8px 24px #0a16284d,inset 0 1px #ffffff4d}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 22% 10%,#ffffff2e,#0000 50%),radial-gradient(circle at 80% 90%,#b8922a12,#0000 40%);position:absolute;inset:0}.glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #f0d07840,inset 0 -1px #ffffff0f}.content{grid-template-rows:auto auto 1fr auto;gap:22px;padding:18px clamp(26px,4.4vw,56px) clamp(26px,4.4vw,56px);display:grid;position:relative}.stageLogin .content{gap:10px}.stageLogin .form{margin-top:0}.stageLogin .hero{justify-content:flex-start;align-items:flex-start;display:flex}.hero .brand{letter-spacing:.28em;color:var(--muted);text-transform:uppercase;font-size:clamp(3.2rem,8vw,5.2rem);line-height:1}.brandLogo{justify-content:flex-start;align-items:flex-start;margin:0;padding:0;display:flex}.brandLogo img{width:auto;height:352px;margin:0;padding:0;display:block}.hero h1{color:var(--text);margin:10px;font-size:1.05rem;line-height:1.05;position:relative;top:-8px}.hero .subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:-6px;margin-bottom:30px;font-size:.95rem}.ctaRow h2{color:var(--text);margin:0;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;line-height:1.05}.bullets{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bullets li{color:var(--muted);padding-left:20px;font-size:1.02rem;line-height:1.35;position:relative}.bullets li:before{content:"•";color:#ff9b3cf2;position:absolute;top:0;left:0}.form{gap:14px;max-width:520px;margin-top:28px;display:grid}input,select{border:1px solid var(--border2);width:100%;color:var(--text);-webkit-backdrop-filter:blur(8px);background:#0a162847;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem}select{appearance:none;padding:12px 40px 12px 14px;line-height:1.2}input::placeholder,select:invalid{color:var(--muted)}input:focus,select:focus{border-color:#b8922ab3;box-shadow:0 0 0 3px #b8922a2e}.buyBtn{cursor:pointer;width:100%;color:var(--brand-gold);background:var(--brand-navy);border:1px solid #b8922a73;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .16s,border-color .16s;box-shadow:0 10px 30px #0a162840}.buyBtn:hover{background:#081120;border-color:#b8922ab3}.buyBtn:active{background:#081120}.buyBtn:disabled{opacity:.6;cursor:not-allowed}.price{opacity:.9;margin-left:8px;font-weight:800}.message{color:#b4ffc8e6;min-height:1.2em;margin:0;font-size:.95rem}@media (max-width:900px){.glass{width:min(720px,92vw);height:min(860px,88vh)}.form{max-width:100%}}.stage>.glass.assessment{width:50%;max-width:980px;height:min(860px,100vh - 64px);max-height:calc(100vh - 64px);overflow:hidden}.stage.stageForgotPassword{background-color:#0a1628;background-image:none}.stage.stageLogin>.glass.assessment,.stage.stageCreateAccount>.glass.assessment{height:auto;max-height:none}.stage:not(.stageLogin):not(.stageCreateAccount)>.glass.assessment>.content{grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid}.assessment .metaRow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.assessment .question-counter{color:var(--muted);font-size:.95rem}.assessment .module-title{color:var(--muted);font-size:.95rem;font-weight:600}.assessment .current-question{text-align:center;color:var(--text);margin:12px 0 24px;font-size:1.06rem}.assessment .answerBox textarea{border:1px solid var(--border2);width:100%;min-height:200px;color:var(--text);resize:vertical;-webkit-backdrop-filter:blur(8px);background:#0a162847;border-radius:10px;outline:none;padding:14px;font-family:inherit;font-size:.98rem;line-height:1.4}.assessment .answerBox textarea:focus{border-color:#b8922ab3;box-shadow:0 0 0 3px #b8922a2e}.assessment .answerFooter{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.assessment .wordcount{color:var(--muted);margin-right:6px;font-size:.82rem}.assessment .buttons{align-items:flex-end;gap:12px;display:flex}.assessment .nextWrap{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.assessment .buttons button{width:22%;min-width:100px}.secondaryBtn{color:var(--brand-navy);cursor:pointer;background:0 0;border:1px solid #0a162833;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .16s}.secondaryBtn:hover{background:#0a16280d}@media (max-width:640px){.appShellHero{overflow:hidden}.appShellBrand{width:100%!important;max-width:100%!important;height:170px!important}.appShellLogo{width:auto!important;max-width:none!important;height:200px!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.appShellSubtitle{white-space:nowrap!important;font-size:.92rem!important;line-height:1.1!important;top:132px!important;left:50%!important;transform:translate(-50%)!important}html,body{-webkit-overflow-scrolling:touch;height:auto;overflow:hidden auto}.stage{place-items:start center;height:auto;min-height:100dvh;overflow:hidden auto}.assessment .answerBox textarea{min-height:180px}*,:before,:after{box-sizing:border-box}.assessment .metaRow{flex-direction:column;align-items:flex-start}.assessment .current-question{text-align:left}.assessment .buttons{flex-direction:column-reverse;justify-content:stretch}.assessment .buttons button{width:100%}.assessment .nextWrap{align-items:stretch}}.module-row,.module-left{min-width:0}.module-heading,.module-progress{overflow-wrap:anywhere;word-break:break-word}.module-right{flex:none}.module-right .buyBtn,.module-right .secondaryBtn{min-width:0!important}.modules{gap:4px;margin-top:6px;display:grid}.module-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;padding:6px 4px;display:flex}.module-left{flex-direction:column;display:flex}.module-heading{color:var(--text);font-weight:700}.module-progress{color:var(--muted);margin-top:4px;font-size:.86rem}.module-right{align-items:center;display:flex}.module-right .buyBtn,.module-right .secondaryBtn{min-width:110px;padding:10px 14px}@media (max-width:900px){.glass.assessment{width:min(92vw,900px)}}.modalCard{width:min(1100px,100%);max-height:calc(100vh - 48px);overflow:hidden}.modalTitle{margin:0 0 8px}.modalText{opacity:.9;margin:0 0 18px}.modalButtons{flex-wrap:wrap;gap:12px;display:flex}.modalOverlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:flex-start;padding:24px 32px;display:flex;position:fixed;inset:0;overflow:hidden auto}.modalOverlay .assessment{width:min(1100px,100%);max-width:1100px}.modalOverlay .hero h1{top:0!important}.stage,.glass,.assessment,.content{max-width:100%;overflow-x:hidden}.stage .glass.assessment{max-height:calc(100vh - 64px);overflow:hidden}*{max-width:100%}.stage{overflow:clip!important}@media (min-width:641px){.modalOverlay .modalCard{max-height:none;overflow:visible}}@media (max-width:640px){.stage .glass.assessment{height:auto!important;max-height:calc(100svh - 32px)!important;overflow:visible!important}html,body{-webkit-overflow-scrolling:touch;width:100%!important;height:auto!important;overflow:hidden auto!important}.stage{-webkit-overflow-scrolling:touch;place-items:stretch stretch;padding:16px;height:auto!important;min-height:100svh!important;overflow:hidden auto!important}.glass,.glass.assessment{width:100%!important;max-width:100%!important}.content{max-width:100%;padding-left:16px;padding-right:16px;overflow-x:hidden}.assessment .buttons button{min-width:0!important}.module-row{width:100%;min-width:0}.module-left{flex:auto;min-width:0}.module-heading,.module-progress{overflow-wrap:anywhere;word-break:break-word}.modalOverlay{align-items:flex-start!important}.modalOverlay .modalCard .content{padding-top:24px!important}.modalOverlay .hero h1{top:0!important}.stage.dashboard .hero{flex-wrap:wrap!important;gap:12px!important}.stage.dashboard .hero>div:first-child{flex-shrink:1!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.stage.dashboard .hero>div:first-child img{max-width:100%!important;left:50%!important;transform:translate(-50%)!important}.stage.dashboard .hero>div:first-child div{text-align:center!important;width:100%!important;max-width:100%!important;padding:0 12px!important;left:50%!important;transform:translate(-50%)!important}.module-right{flex:none;max-width:45%}.module-right .buyBtn,.module-right .secondaryBtn{max-width:100%;min-width:0!important;padding:10px!important}.stage:not(.dashboard) .hero{flex-wrap:wrap!important;gap:12px!important}.stage:not(.dashboard) .hero>div:first-child{flex-shrink:1!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.stage:not(.dashboard) .hero>div:first-child img{max-width:100%!important;left:50%!important;transform:translate(-50%)!important}.stage:not(.dashboard) .hero>div:first-child div{text-align:center!important;width:100%!important;max-width:100%!important;padding:0 12px!important;left:50%!important;transform:translate(-50%)!important}.stage.stageLogin .content{gap:10px!important;padding-top:12px!important}.stage.stageLogin .hero{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.stage.stageLogin .hero>div:first-child{width:100%!important;max-width:100%!important;overflow:visible!important}.stage.stageLogin .hero>div:first-child img{margin:0 auto!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.stage.stageLogin .brandLogo{justify-content:center!important;align-items:center!important;width:100%!important;margin:10px 0 6px!important;display:flex!important;position:static!important;inset:auto!important}.stage.stageLogin .brandLogo img{width:min(380px,92vw)!important;max-width:100%!important;height:auto!important;display:block!important}.stage.stageLogin .content>h1:first-of-type{text-align:center!important;margin:-10px 0 6px!important;padding:0!important;font-size:1.1rem!important;line-height:1.05!important}.stage.stageLogin .content>h1:nth-of-type(2){text-align:center!important;margin:0 0 6px!important;padding:0!important;line-height:1.1!important}.stage.stageLogin form{margin-top:-4px!important}}.questionDim{opacity:.55}.followUpWrap{border-top:1px solid var(--border);gap:10px;margin-top:10px;padding-top:12px;animation:.18s ease-out followUpPop;display:grid}.followUpPill{letter-spacing:.18em;color:var(--brand-gold);background:#b8922a14;border:1px solid #b8922a4d;border-radius:20px;justify-self:center;padding:6px 12px;font-size:.72rem;font-weight:800}.followUpQuestion{text-align:center;border:1px solid var(--border);color:var(--text);background:#0a162852;border-radius:8px;padding:14px 16px;line-height:1.35}@keyframes followUpPop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stage.dashboard{align-items:start!important;overflow:auto!important}.stage.dashboard .glass,.stage.dashboard .glass.assessment{width:min(90vw,980px)!important;max-height:none!important;padding:18px!important;overflow:visible!important}.stage.dashboard .content{padding:0!important}.stage.dashboard .modalOverlay .content{padding:18px clamp(26px,4.4vw,56px) clamp(26px,4.4vw,56px)!important}.stage.dashboard .brand{letter-spacing:.35em!important;margin-bottom:6px!important;font-size:38px!important}.stage.dashboard h1{margin:0 0 12px!important;font-size:20px!important;line-height:1.15!important}.stage.dashboard .module,.stage.dashboard .moduleRow,.stage.dashboard .row{padding:10px 0!important}.stage.dashboard .moduleTitle{margin:0!important;font-size:14px!important;line-height:1.25!important}.stage.dashboard .moduleMeta,.stage.dashboard .progressText{opacity:.8!important;margin-top:2px!important;font-size:12px!important}.stage.dashboard button,.stage.dashboard .buyBtn{padding:8px 12px!important;font-size:13px!important}.stage.dashboard .secondaryBtn,.stage .glass .secondaryBtn,.modalOverlay .secondaryBtn{color:#ffffffe0!important;border:1px solid #ffffff4d!important}.stage.dashboard .secondaryBtn:hover,.stage .glass .secondaryBtn:hover,.modalOverlay .secondaryBtn:hover{background:#ffffff14!important;border-color:#ffffff8c!important}.stage.dashboard .glass *{box-sizing:border-box}
