@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-input: #f8f9fa;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--color-blue-light: #60a5fa;--color-blue-primary: #3b82f6;--color-blue-dark: #2563eb;--color-blue-bg: #dbeafe;--color-cyan: #00d4ff;--color-purple: #8b5cf6;--color-green-success: #10b981;--color-green-dark: #16a34a;--color-green-light: #22c55e;--color-yellow-warning: #f59e0b;--color-red-error: #ef4444;--color-red-light: #fef2f2;--color-red-border: #fca5a5;--color-red-text: #dc2626;--color-green-light: #f0fdf4;--color-green-border: #86efac;--color-green-text: #166534;--color-orange: #f97316;--color-gray-dark: #374151;--color-gray-very-dark: #1e293b;--color-gray-medium: #6b7280;--color-gray-light: #9ca3af;--color-gray-very-light: #d1d5db;--color-gray-border: #e5e7eb;--color-gray-bg: #f9fafb;--color-white: #ffffff;--color-transparent: transparent;--color-blue-primary-60: rgba(59, 130, 246, .6);--color-blue-primary-25: rgba(59, 130, 246, .25);--color-blue-primary-20: rgba(59, 130, 246, .2);--color-blue-primary-14: rgba(59, 130, 246, .14);--color-blue-primary-8: rgba(59, 130, 246, .08);--color-blue-primary-40: rgba(59, 130, 246, .4);--color-green-success-60: rgba(16, 185, 129, .6);--color-green-success-25: rgba(16, 185, 129, .25);--color-green-success-20: rgba(16, 185, 129, .2);--color-green-success-14: rgba(16, 185, 129, .14);--color-green-success-8: rgba(16, 185, 129, .08);--color-green-success-40: rgba(16, 185, 129, .4);--color-yellow-warning-60: rgba(245, 158, 11, .6);--color-yellow-warning-25: rgba(245, 158, 11, .25);--color-yellow-warning-20: rgba(245, 158, 11, .2);--color-yellow-warning-14: rgba(245, 158, 11, .14);--color-yellow-warning-8: rgba(245, 158, 11, .08);--color-yellow-warning-40: rgba(245, 158, 11, .4);--color-cyan-60: rgba(0, 212, 255, .6);--color-cyan-25: rgba(0, 212, 255, .25);--color-cyan-20: rgba(0, 212, 255, .2);--color-cyan-14: rgba(0, 212, 255, .14);--color-cyan-8: rgba(0, 212, 255, .08);--color-cyan-40: rgba(0, 212, 255, .4);--color-purple-60: rgba(139, 92, 246, .6);--color-purple-25: rgba(139, 92, 246, .25);--color-purple-20: rgba(139, 92, 246, .2);--color-purple-14: rgba(139, 92, 246, .14);--color-purple-8: rgba(139, 92, 246, .08);--color-purple-40: rgba(139, 92, 246, .4);--color-blue-dark-60: rgba(37, 99, 235, .6);--color-blue-dark-25: rgba(37, 99, 235, .25);--color-blue-dark-20: rgba(37, 99, 235, .2);--color-blue-dark-14: rgba(37, 99, 235, .14);--color-blue-dark-8: rgba(37, 99, 235, .08);--color-blue-dark-40: rgba(37, 99, 235, .4);--color-orange-60: rgba(249, 115, 22, .6);--color-orange-25: rgba(249, 115, 22, .25);--color-orange-20: rgba(249, 115, 22, .2);--color-orange-14: rgba(249, 115, 22, .14);--color-orange-8: rgba(249, 115, 22, .08);--color-orange-40: rgba(249, 115, 22, .4);--color-green-dark-60: rgba(22, 163, 74, .6);--color-green-dark-25: rgba(22, 163, 74, .25);--color-green-dark-20: rgba(22, 163, 74, .2);--color-green-dark-14: rgba(22, 163, 74, .14);--color-green-dark-8: rgba(22, 163, 74, .08);--color-green-dark-40: rgba(22, 163, 74, .4);--color-red-text-60: rgba(220, 38, 38, .6);--color-red-text-25: rgba(220, 38, 38, .25);--color-red-text-20: rgba(220, 38, 38, .2);--color-red-text-14: rgba(220, 38, 38, .14);--color-red-text-8: rgba(220, 38, 38, .08);--color-red-text-40: rgba(220, 38, 38, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;zoom:1;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.page-content{padding-left:calc(250px + 3rem);transition:padding-left .3s ease;min-width:1200px}.page-background{background-image:url(/background_picture.png);background-size:cover;background-position:center;background-repeat:no-repeat}.subject-suggestions-scroll::-webkit-scrollbar{height:6px}.subject-suggestions-scroll::-webkit-scrollbar-track{background:transparent}.subject-suggestions-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.subject-suggestions-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.motion-card{will-change:transform,border-color}.motion-button,.motion-hover{will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.font-primary{font-family:Space Grotesk,sans-serif}.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.text-2xs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.75rem}.text-4xl{font-size:2rem}.text-5xl{font-size:2.25rem}.text-6xl{font-size:2.5rem}.text-7xl{font-size:3rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-caption{font-size:.75rem;font-weight:500;font-family:Space Grotesk,sans-serif}.text-body{font-size:1rem;font-weight:400;font-family:Space Grotesk,sans-serif}.text-body-medium{font-size:1rem;font-weight:500;font-family:Space Grotesk,sans-serif}.text-label{font-size:.875rem;font-weight:600;font-family:Space Grotesk,sans-serif}.text-button{font-size:1rem;font-weight:600;font-family:Space Grotesk,sans-serif}.text-button-sm{font-size:.875rem;font-weight:600;font-family:Space Grotesk,sans-serif}.text-heading{font-size:1.25rem;font-weight:600;font-family:Space Grotesk,sans-serif}.text-title{font-size:1.5rem;font-weight:700;font-family:Space Grotesk,sans-serif}.text-display{font-size:2rem;font-weight:700;font-family:Space Grotesk,sans-serif}.text-hero{font-size:3rem;font-weight:700;font-family:Space Grotesk,sans-serif}