.languages-page{padding:var(--space-2xl) 0;background:var(--background);min-height:100vh}.page-scope-langs .page-header{text-align:center;margin-bottom:var(--space-3xl)}.page-scope-langs .page-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-scope-langs .page-subtitle{font-size:1.25rem;color:var(--text-soft);max-width:600px;margin:0 auto;line-height:1.6}.page-scope-langs .languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}.page-scope-langs .language-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.page-scope-langs .language-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple));opacity:0;transition:opacity var(--transition-normal)}.page-scope-langs .language-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.page-scope-langs .language-card:hover::before{opacity:1}.page-scope-langs .language-header{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-lg)}.page-scope-langs .language-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.page-scope-langs .language-basic-info{flex:1}.page-scope-langs .language-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--text-dark)}.page-scope-langs .language-meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.page-scope-langs .difficulty,.page-scope-langs .demand{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.page-scope-langs .difficulty-beginner{background:var(--success-light);color:var(--success)}.page-scope-langs .difficulty-intermediate{background:var(--warning-light);color:var(--warning)}.page-scope-langs .difficulty-advanced{background:var(--error-light);color:var(--error)}.page-scope-langs .demand-very-high{background:#dcfce7;color:#166534}.page-scope-langs .demand-high{background:#fef3c7;color:#92400e}.page-scope-langs .demand-growing{background:#dbeafe;color:#1e40af}.page-scope-langs .demand-growing-rapidly{background:#f3e8ff;color:#7e22ce}.page-scope-langs .language-description{color:var(--text-soft);line-height:1.6;margin-bottom:var(--space-lg)}.page-scope-langs .language-short-about{background:var(--background);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:4px solid var(--primary-blue)}.page-scope-langs .language-short-about strong{color:var(--text-dark)}.page-scope-langs .language-details{margin-bottom:var(--space-xl)}.page-scope-langs .detail-section{margin-bottom:var(--space-lg)}.page-scope-langs .detail-section h4{font-size:0.875rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-dark);text-transform:uppercase;letter-spacing:0.5px}.page-scope-langs .use-cases,.page-scope-langs .frameworks{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-scope-langs .use-case-tag,.page-scope-langs .framework-tag{background:var(--background);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:0.75rem;color:var(--text-soft);border:1px solid var(--border)}.page-scope-langs .created-for{color:var(--text-soft);font-style:italic;margin:0}.page-scope-langs .language-actions{text-align:center}.page-scope-langs .practice-btn{width:100%;justify-content:center}.page-scope-langs .practice-btn:hover{transform:translateY(-2px)}.page-scope-langs .comparison-section{margin-top:var(--space-3xl);padding-top:var(--space-3xl);border-top:1px solid var(--border)}.page-scope-langs .comparison-section h2{text-align:center;margin-bottom:var(--space-2xl);font-size:2rem;color:var(--text-dark)}.page-scope-langs .comparison-table{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.page-scope-langs .comparison-table table{width:100%;border-collapse:collapse}.page-scope-langs .comparison-table th{background:var(--primary-blue);color:white;padding:var(--space-lg);text-align:left;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;font-size:0.875rem}.page-scope-langs .comparison-table td{padding:var(--space-lg);border-bottom:1px solid var(--border);color:var(--text-soft)}.page-scope-langs .comparison-table tr:last-child td{border-bottom:none}.page-scope-langs .comparison-table tr:hover{background:var(--background)}.page-scope-langs .language-row{display:flex;align-items:center;gap:var(--space-md)}.page-scope-langs .language-icon-small{font-size:1.25rem}.page-scope-langs .question-count{color:var(--primary-blue);font-weight:600;padding:var(--space-sm);background:var(--primary-blue-light);border-radius:var(--radius-md);text-align:center;margin:0}.page-scope-langs .difficulty-beginner{background:var(--success-light);color:var(--success)}.page-scope-langs .difficulty-intermediate{background:var(--warning-light);color:var(--warning)}.page-scope-langs .difficulty-advanced{background:var(--error-light);color:var(--error)}.page-scope-langs .demand-very-high,.page-scope-langs .demand-high{background:#dcfce7;color:#166534}.page-scope-langs .demand-growing,.page-scope-langs .demand-growing-rapidly{background:#dbeafe;color:#1e40af}@media (max-width:1024px){.page-scope-langs .languages-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.page-scope-langs .languages-grid{grid-template-columns:1fr}.page-scope-langs .page-title{font-size:2.5rem}.page-scope-langs .language-header{flex-direction:column;text-align:center;gap:var(--space-md)}.page-scope-langs .comparison-table{overflow-x:auto}.page-scope-langs .comparison-table table{min-width:600px}}@media (max-width:480px){.page-scope-langs .language-card{padding:var(--space-lg)}.page-scope-langs .page-title{font-size:2rem}.page-scope-langs .language-meta{justify-content:center}}