.styles-page{max-width:1200px;margin:0 auto;padding:clamp(3rem,7vw,6rem) 1rem}.styles-header{margin-bottom:4rem}.styles-header h1{color:var(--color-blue);margin:.5rem 0 1rem;font-size:clamp(2.2rem,5vw,4rem);font-weight:800}.styles-header .subtitle{color:var(--color-gray);max-width:700px;margin:0 auto;font-size:1.15rem}.styles-section{margin-bottom:4rem}.styles-section h2{color:var(--color-blue);border-bottom:1px solid var(--color-line);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.6rem;font-weight:800}.colors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.color-swatch-card{align-items:center;gap:1rem;display:flex;padding:1rem!important}.color-display{border-radius:12px;flex-shrink:0;width:70px;height:70px;box-shadow:inset 0 2px 4px #0000000f}.color-details h4{color:var(--color-blue);margin:0 0 .25rem;font-size:1.05rem;font-weight:800}.color-details code{background-color:var(--color-sand);color:var(--color-orange);border-radius:4px;padding:2px 6px;font-size:.875rem;font-weight:700}.color-details p{color:var(--color-gray);margin:.5rem 0 0;font-size:.875rem;line-height:1.4}.typography-card{flex-direction:column;gap:2rem;display:flex;padding:2.5rem!important}.typography-row{border-bottom:1px dashed #3e4a5914;padding-bottom:1.5rem}.typography-row:last-child{border-bottom:none;padding-bottom:0}.typo-label{color:var(--color-orange);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:800;display:block}.flex-wrap{flex-wrap:wrap;gap:1rem;display:flex}.align-center{align-items:center}.mt-4{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.d-block{display:block}.grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.col-span-2{grid-column:span 2}@media (width<=768px){.col-span-2{grid-column:span 1}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-blue);font-size:.9rem;font-weight:800}.form-control{font-family:var(--ds-font);background-color:var(--color-white);color:var(--color-gray);border:1px solid #3e4a5926;border-radius:10px;outline:none;padding:10px 16px;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #e67e221a}.checkbox-wrapper{cursor:pointer;user-select:none;align-items:center;gap:.75rem;display:flex}.custom-checkbox{background-color:var(--color-white);border:1px solid #3e4a5933;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.custom-checkbox.checked{border-color:var(--color-green);background-color:#4caf500d}.checkbox-text{color:var(--color-gray);font-size:.95rem}.alert-box{color:var(--color-gray);background-color:#e67e220d;border:1px solid #e67e2226;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.95rem;line-height:1.5;display:flex}.text-muted{color:#8892b0}.styles-page .badge{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;border:1px solid #e67e2226;padding:6px 16px;font-size:.875rem;font-weight:800;display:inline-block;box-shadow:0 4px 12px #e67e2208;color:var(--color-orange)!important;background:#e67e2214!important}.styles-page .course-num-badge{background:linear-gradient(135deg, var(--color-blue) 0%, #2c3e50 100%);color:var(--color-white);text-transform:uppercase;border-radius:8px;padding:6px 14px;font-size:.875rem;font-weight:800;box-shadow:0 4px 10px #1a252c26}.styles-page .node-role-badge{color:var(--color-orange);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;background-color:#e67e220d;border:1px solid #e67e2233;padding:5px 12px;font-size:.875rem;font-weight:800;display:inline-block;box-shadow:0 2px 6px #e67e220a}.styles-page .flow-badge{background:linear-gradient(135deg, var(--color-orange) 0%, #d35400 100%);color:var(--color-white);border-radius:8px;justify-content:center;align-items:center;width:36px;height:28px;font-size:.875rem;font-weight:800;display:flex;box-shadow:0 4px 10px #e67e2240}.styles-page .program-tab-btn{background:var(--color-white);border-radius:var(--radius-soft);cursor:pointer;text-align:center;border:1px solid #3e4a5914;min-width:260px;padding:1.5rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #3e4a590d}.styles-page .program-tab-btn:before{content:"";background:0 0;height:4px;transition:background-color .3s;position:absolute;top:0;left:0;right:0}.styles-page .program-tab-btn:hover{border-color:#e67e224d;transform:translateY(-4px);box-shadow:0 20px 40px -10px #3e4a591f}.styles-page .program-tab-btn.active{border-color:var(--color-orange);background-color:var(--color-white);box-shadow:0 15px 35px -5px #e67e222e}.styles-page .program-tab-btn.active:before{background:linear-gradient(90deg, var(--color-gold), var(--color-orange))}.styles-page .program-tab-btn .tab-title{color:var(--color-blue);margin-bottom:.25rem;font-size:1.2rem;font-weight:800;transition:color .3s}.styles-page .program-tab-btn.active .tab-title{color:var(--color-orange)}.styles-page .program-tab-btn .tab-tagline{color:var(--color-gray);font-size:.875rem;font-weight:700;transition:color .3s}.styles-page .program-tab-btn.active .tab-tagline{color:var(--color-orange)}.styles-page .north-star-banner{border-radius:var(--radius-soft);text-align:center;border:1px solid #f4c20d1a;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #1a252c66;background:linear-gradient(135deg,#111827 0%,#1a252c 100%)!important}.styles-page .banner-accent-bar{background:linear-gradient(to bottom, var(--color-gold), var(--color-orange));width:6px;position:absolute;top:0;bottom:0;left:0}.styles-page .banner-content .banner-label{color:var(--color-orange);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:800;display:block}.styles-page .banner-content h3{text-shadow:0 2px 12px #f4c20d40;margin:.5rem 0 0;font-size:1.8rem;font-style:italic;font-weight:800;line-height:1.35;color:var(--color-gold)!important}