html,body,#root{height:100vh;width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.app{display:flex;flex-grow:1;height:100%;width:100%;flex-direction:column;text-align:center;align-items:center;justify-content:center;position:relative;background-color:#034752}.app-content{display:flex;flex-grow:1;flex-direction:column;align-items:center;margin-top:150px}.descope-base-container{border-radius:15px;box-shadow:0 4px 60px #00000059;position:relative;z-index:5}.descope-login-container{max-width:400px}.descope-wide-container{max-width:800px;width:auto;overflow-y:auto;max-height:90vh;margin:20px auto}.bg-tech-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-size:cover;background-position:center;opacity:.09;animation:patternPulse 6s ease-in-out infinite;z-index:1}@keyframes patternPulse{0%,to{opacity:.06}50%{opacity:.12}}.auth-footer{position:fixed;bottom:32px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10;font-family:Barlow,sans-serif}.auth-footer a{text-decoration:none;transition:opacity .2s}.auth-footer a:hover{opacity:.8}.auth-footer-support{display:block;font-size:14px;color:#fff9;font-weight:300;letter-spacing:normal;margin:0 0 4px}.auth-footer-support a{color:#fffc;text-decoration:underline;text-underline-offset:4px}.auth-footer-powered{display:flex;align-items:center;justify-content:center;gap:8px}.auth-footer-powered span{font-size:16px;color:#ffffff80;font-weight:300}.auth-footer-powered img{height:48px;width:auto;opacity:.7}.welcome-title{margin-bottom:0;font-family:JetBrains Mono;font-style:normal;font-weight:700;font-size:48px;line-height:128%;letter-spacing:.6px;color:#0082b5}.example-title{margin-bottom:0;font-family:JetBrains Mono;font-style:normal;font-size:20px;letter-spacing:.6px}.example{border:2px solid;min-width:350px;border-radius:100px;border-color:#0082b5;padding:16px 32px;background-color:#f6fbff;display:flex;flex-direction:row;align-items:center;justify-content:center;word-break:break-all}.copy-icon{margin-left:6px;height:100%}.text-body{font-size:20px;display:inline-block}h1{margin:0;font-weight:800;font-size:32px;line-height:128%}p{font-family:Barlow;font-weight:400;font-style:normal;line-height:160%;text-align:center;display:flex;letter-spacing:.6px;color:#000000de;margin-top:8px}@media only screen and (max-width: 600px){.app-content{width:90%}.descope-container{margin-left:16px;margin-right:16px}.example{min-width:fit-content}.auth-footer{bottom:16px;gap:8px}.auth-footer-powered img{height:40px}}@media only screen and (min-width: 600px){.app-content{width:80%}.example{min-width:fit-content}}@media only screen and (min-width: 768px){.app-content{width:55%}.example{min-width:350px}}