.nano-banner-section{padding:var(--spacing-2xl) 0;background-color:var(--color-white)}.nano-banner{border:3px solid #ced4e9;box-shadow:0 10px #ced4e9;border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative;overflow:visible}.nano-banner-section.upskilling-page{background:var(--color-primary);padding-top:0;padding-bottom:var(--spacing-4xl);margin-top:calc(-1 * var(--spacing-xl))}.nano-banner-section.upskilling-page .nano-banner{background:#fff;border:0;box-shadow:0 10px #0d122221;padding-left:var(--spacing-xl)}.nano-banner-decoration{position:absolute;top:-57px;left:-50px;width:142px;z-index:1;pointer-events:none}.nanodegree-decoration{position:absolute;top:-70px;right:-60px;pointer-events:none;z-index:0}.nano-banner-text{flex:1;position:relative;z-index:1}.nano-banner-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-xs)}.nano-banner-subtext{color:var(--color-gray-400);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md2)}.nano-banner-desc{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:var(--line-height-normal)}.nano-banner-actions{display:flex;flex-direction:column;gap:var(--spacing-md);flex:.6}.nano-banner-actions img{margin-bottom:calc(-1 * var(--spacing-lg))}.nano-banner-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.nano-banner-pill{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-primary);color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.nano-banner-pill:after{content:"->";padding-left:8px}.nano-banner-pill:hover{background-color:var(--color-primary);color:var(--color-white)}.nano-banner-cta{margin-top:var(--spacing-lg)}.nano-degree-tag{background:var(--color-pink-base);color:var(--color-white);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;display:flex;justify-content:space-between;align-items:center;min-width:var(--size-250)}.nano-degree-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body-medium);display:flex;align-items:center;gap:var(--spacing-sm)}.nano-degree-icon{width:20px;height:auto}.nano-link{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-body-medium);color:inherit}@media(max-width:767px){.nano-banner-section{padding:var(--spacing-xl) 0}.nano-banner{gap:var(--spacing-lg)}.nano-banner-actions{gap:var(--spacing-sm)}.nano-banner-decoration{width:var(--size-80);top:-25px;left:-15px}}@media(min-width:768px){.nano-banner{flex-direction:row;align-items:center;justify-content:space-between}}