*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px;color:#333;position:relative;overflow-x:hidden;background:#171321;background-image:url(/assets/brand-transcend-videobg-BL7uMH5R.svg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}.container{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:24px;position:relative;z-index:2;padding-top:20px}.content-layout{display:flex;gap:30px;align-items:flex-start;justify-content:center}.content-layout>*{flex-shrink:0}.interaction-column{flex:0 0 380px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px}.header{text-align:center;margin-bottom:20px;margin-top:0;padding-top:0;color:#fff}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;margin-top:0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.header .subtitle{font-size:1.1rem;opacity:.95;font-weight:300;margin-bottom:0}.branding{margin-top:20px;text-align:center}.branding-text{font-size:.9rem;color:#fff;margin-bottom:12px;font-weight:500;opacity:.9}.duo-logo-form{max-width:280px;width:100%;height:auto;margin:0 auto;display:block;opacity:.9;transition:opacity .3s ease}.duo-logo-form:hover{opacity:1}.form-card{background:#fff;border-radius:3.5px;border:1px solid #D1D0D3;padding:32px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;width:100%}.oauth-actions{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.gitlab-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;border-radius:4px;border:none;background:#171321;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.gitlab-oauth-btn svg{flex-shrink:0}.gitlab-oauth-btn:hover{opacity:.9}.gitlab-oauth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none;filter:grayscale(12%)}.oauth-divider{text-align:center;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#718096;font-weight:600}.oauth-status{text-align:center;font-size:.9rem;color:#4a5568;min-height:1.2em}.oauth-status.error{color:#e53e3e}.oauth-status.success{color:#2f855a}.form-card.hidden{opacity:0;transform:translateY(-20px) scale(.8);pointer-events:none;max-height:0;overflow:hidden;margin:0;padding:0}.branding.hidden{display:none}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#4a5568;font-size:.95rem}.form-group input{width:100%;padding:14px 16px;border:1px solid #D1D0D3;border-radius:3.5px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus{outline:none;border-color:#171321;background:#fff;box-shadow:0 0 0 2px #1713211a}.submit-btn{width:100%;padding:16px;background:#171321;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.submit-btn:hover{opacity:.9}.submit-btn:active{transform:translateY(0)}.loading-container{margin-top:12px;text-align:center;width:100%}.loading-bar{width:100%;max-width:300px;height:6px;background:#fc6d2633;border-radius:3px;overflow:hidden;position:relative;margin:0 auto}.loading-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,#fc6d26,#fca326);border-radius:3px;animation:loading-slide 1.2s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.result-container{display:none;text-align:center;flex:1 1 0;min-width:0}.result-container.visible{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .6s ease;align-items:stretch}.generation-status{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-align:center}.badge-ai{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:30px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.01em;background:linear-gradient(135deg,#f46d26,#f49b26);color:#fff;box-shadow:0 6px 12px #0000001f;border:1px solid rgba(255,255,255,.3);position:relative}.badge-ai:before{content:"";width:18px;height:18px;background-image:url("data:image/svg+xml,%3csvg%20width='42'%20height='41'%20viewBox='0%200%2042%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.695%200.747701L11.5371%207.31087C11.1236%209.47089%209.55223%2011.2155%207.40194%2011.4648L0.868386%2012.6279C-0.289464%2012.8771%20-0.289464%2014.5386%200.868386%2014.7879L7.40194%2015.951C9.55223%2016.3664%2011.1236%2017.9448%2011.5371%2020.1049L12.695%2026.6679C12.9431%2027.831%2014.5971%2027.831%2014.8453%2026.6679L16.0031%2020.1049C16.4166%2017.9448%2017.988%2016.2002%2020.1383%2015.951L26.6719%2014.7879C27.8297%2014.5386%2027.8297%2012.8771%2026.6719%2012.6279L20.1383%2011.4648C17.988%2011.0494%2016.2512%209.47089%2016.0031%207.31087L14.8453%200.747702C14.5144%20-0.249232%2012.9431%20-0.249232%2012.695%200.747701Z'%20fill='url(%23paint0_linear_2702_13879)'/%3e%3cpath%20d='M34.1574%2027.9084L33.5916%2031.1159C33.3895%2032.1716%2032.6215%2033.0242%2031.5706%2033.146L28.3775%2033.7145C27.8117%2033.8363%2027.8117%2034.6483%2028.3775%2034.7701L31.5706%2035.3386C32.6215%2035.5416%2033.3895%2036.313%2033.5916%2037.3687L34.1574%2040.5762C34.2787%2041.1446%2035.0871%2041.1446%2035.2083%2040.5762L35.7742%2037.3687C35.9763%2036.313%2036.7443%2035.4604%2037.7952%2035.3386L40.9882%2034.7701C41.5541%2034.6483%2041.5541%2033.8363%2040.9882%2033.7145L37.7952%2033.146C36.7443%2032.943%2035.8955%2032.1716%2035.7742%2031.1159L35.2083%2027.9084C35.0467%2027.4212%2034.2787%2027.4212%2034.1574%2027.9084Z'%20fill='url(%23paint1_linear_2702_13879)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2702_13879'%20x1='27.5169'%20y1='13.8092'%20x2='-0.103133'%20y2='13.8092'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.2'%20stop-color='%23F49B26'/%3e%3cstop%20offset='0.7'%20stop-color='%23F46D26'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_2702_13879'%20x1='41.4012'%20y1='34.2918'%20x2='27.9027'%20y2='34.2918'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.2'%20stop-color='%23F49B26'/%3e%3cstop%20offset='0.7'%20stop-color='%23F46D26'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.95;flex:0 0 auto}.badge-keyword{background:linear-gradient(135deg,#fca326,#fc6d26);color:#fff;box-shadow:0 4px 12px #fca32666}.refresh-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#ffffff1a;border-radius:12px;color:#fff;text-align:center;width:100%;max-width:500px}.refresh-prompt p{margin:0;font-size:.95rem}.refresh-prompt #refreshCountdown{font-weight:700;color:#fca326}.refresh-btn{padding:10px 24px;background:#fca326;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#fc6d26;transform:translateY(-2px);box-shadow:0 4px 12px #fca32666}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-wrapper{background:transparent;border-radius:0;padding:12px;box-shadow:none;margin-bottom:0;display:flex;justify-content:center;align-items:center}#agentCard{width:100%;max-width:600px;height:auto;border-radius:0;box-shadow:none;display:block}.action-buttons{display:flex;flex-direction:row;gap:15px;justify-content:center;flex-wrap:nowrap}.download-btn,.reset-btn{padding:14px 30px;border:none;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;flex:0 1 auto;white-space:nowrap}.download-btn{background:#171321;color:#fff}.download-btn:hover{opacity:.9}.reset-btn{background:#fff;color:#171321;border:1px solid #D1D0D3}.reset-btn:hover{opacity:.9}#cardCanvas{display:none}.branding{margin-top:30px;padding-top:25px;border-top:1px solid #e2e8f0;text-align:center}.branding-text{font-size:.9rem;color:#718096;margin-bottom:12px;font-weight:500}#formBranding{background:none;border-top:none;padding-top:0;margin-top:0}#formBranding .branding-text{color:#fff}#formBranding .duo-logo-form{opacity:1}.gitlab-logomark{display:block;margin:0 auto;opacity:.8;transition:opacity .3s ease}.gitlab-logomark:hover{opacity:1}.share-section{margin-top:25px;padding:20px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}.share-text{font-size:1rem;color:#4a5568;margin-bottom:15px;font-weight:600;text-align:center}.share-buttons{display:flex;flex-direction:row;gap:12px;justify-content:center;flex-wrap:nowrap}.share-btn{display:flex;align-items:center;justify-content:center;gap:0;padding:12px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;width:48px;height:48px}.share-btn span{display:none}.share-btn svg{flex-shrink:0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.share-btn:active{transform:translateY(0)}.share-x{background:#000}.share-x:hover{background:#1a1a1a}.share-bluesky{background:#0085ff}.share-bluesky:hover{background:#0070dd}.share-linkedin{background:#0077b5}.share-linkedin:hover{background:#006399}@media (max-width: 600px){.content-layout{gap:24px}.card-wrapper{padding:16px}.header h1{font-size:2rem}.duo-logo-form{max-width:200px}.form-card{padding:10px}.oauth-actions{gap:10px}.gitlab-oauth-btn{padding:12px;font-size:.95rem}.action-buttons{flex-direction:column}.download-btn,.reset-btn{width:100%}.share-buttons{flex-direction:column}.share-btn{width:100%;justify-content:center}}@media (max-width: 1024px){.content-layout{flex-direction:column;justify-content:flex-start}.interaction-column{flex:1 1 auto}.result-container.visible{width:100%}}