:root{--tassel-white: #FFFFFF;--tassel-dark-grey: #202020;--tassel-orange: #FF582D;--tassel-white-chalk: #F6F3EF;--tassel-light-blue: #D0EEEF;--tassel-light-pink: #FCD9E2;--title-size: 50px;--header-size: 30px;--subheading-size: 16px;--paragraph-size: 10px;--semibold: 600;--regular: 400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background-color:var(--tassel-white);color:var(--tassel-dark-grey);min-height:100vh;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column}.header{padding:24px 32px}.logo{height:40px;width:auto}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.message-container{max-width:600px;padding:48px 32px}.header-text{font-size:var(--header-size);font-weight:var(--semibold);color:var(--tassel-dark-grey);margin-bottom:24px;line-height:1.3}.paragraph-text{font-size:var(--paragraph-size);font-weight:var(--regular);color:var(--tassel-dark-grey);line-height:1.6;margin-bottom:32px}.loading-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.spinner{width:40px;height:40px;border:4px solid var(--tassel-light-blue);border-top-color:var(--tassel-dark-grey);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:var(--subheading-size);font-weight:var(--semibold);color:var(--tassel-dark-grey)}.success-container{background-color:var(--tassel-light-blue);padding:32px;border-radius:8px;margin-bottom:24px}.checkmark{font-size:48px;margin-bottom:16px;color:#22c55e}.success-text{font-size:var(--subheading-size);font-weight:var(--semibold);color:var(--tassel-dark-grey);margin-bottom:8px}.success-subtitle{font-size:12px;font-weight:var(--regular);color:var(--tassel-dark-grey);opacity:.8}.error-container{background-color:var(--tassel-light-pink);padding:32px;border-radius:8px;margin-top:24px}.error-icon{font-size:48px;margin-bottom:16px}.error-text{font-size:var(--subheading-size);font-weight:var(--semibold);color:var(--tassel-dark-grey);margin-bottom:16px}.error-details{font-size:var(--paragraph-size);font-weight:var(--regular);color:var(--tassel-dark-grey);margin-bottom:24px}.retry-button{background-color:var(--tassel-orange);color:var(--tassel-white);font-family:Manrope,sans-serif;font-size:var(--subheading-size);font-weight:var(--semibold);padding:12px 32px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#e84c1f}.retry-button:active{transform:scale(.98)}@media (max-width: 768px){.header-text{font-size:24px}.paragraph-text,.loading-text,.success-text,.error-text{font-size:14px}.success-subtitle{font-size:11px}.message-container{padding:24px 16px}}