@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--blue-500:#3b82f6;--blue-600:#2563eb;--purple-600:#9333ea;--gray-800:#1f2937;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#94a3b8;--color-text:var(--gray-800);--color-text-secondary:var(--gray-500);--color-text-muted:var(--gray-400);--color-primary:var(--teal-500);--color-border:#f1f5f9;--color-card-bg:#ffffff;--color-card-bg-elevated:#ffffff;--color-card-border:rgba(226,232,240,0.8);--bg-input:#ffffff;--color-input-border:#cbd5e1;--bg-sidebar:var(--bg-glass);--shadow-sm:0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.02);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.04),0 8px 10px -6px rgba(0,0,0,0.04);--shadow-hover:0 20px 30px -10px rgba(0,0,0,0.08),0 10px 15px -5px rgba(0,0,0,0.06);--gradient-primary:linear-gradient(90deg,#14B8A6,#3B82F6);--gradient-primary-hover:linear-gradient(90deg,#0D9488,#2563EB);--gradient-brand:linear-gradient(90deg,#14B8A6,#9333EA);--gradient-hero:linear-gradient(90deg,#F0FDFA,#EFF6FF);--bg-glass:rgba(255,255,255,0.75);--blur-standard:blur(12px);--bg-canvas:radial-gradient(circle at 0% 0%,rgba(219,234,254,0.6) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(233,213,255,0.5) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(243,232,255,0.4) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(219,234,254,0.3) 0%,transparent 50%),linear-gradient(135deg,#FAFCFF,#FFFFFF);--bg-overlay-top-right:rgba(204,251,241,0.4);--bg-overlay-top-left:rgba(219,234,254,0.4);--bg-rec-section:linear-gradient(135deg,rgba(99,102,241,0.04),rgba(20,184,166,0.04));--border-rec-section:rgba(99,102,241,0.12);--bg-lang-chip-selected:#f0fdfa;--bg-completed-badge:#d1fae5;--color-completed-badge:#065f46;--bg-status-badge:#fff7ed;--bg-error-card:rgba(254,242,242,0.85);--border-error-card:#fca5a5;--bg-card-gradient:linear-gradient(180deg,#eff6ff,#ffffff);--html-bg:#f6f6ff}[data-theme=dark]{--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--blue-500:#3b82f6;--blue-600:#2563eb;--purple-600:#9333ea;--color-text:#F8FAFC;--color-text-secondary:#CBD5E1;--color-text-muted:#94A3B8;--color-primary:var(--teal-500);--color-border:#334155;--color-card-bg:#1E293B;--color-card-bg-elevated:#243049;--color-card-border:rgba(51,65,85,0.6);--bg-input:#1E293B;--color-input-border:#475569;--bg-sidebar:#161F30;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.25);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.5);--shadow-hover:0 20px 30px -10px rgba(0,0,0,0.7),0 10px 15px -5px rgba(0,0,0,0.6);--gradient-primary:linear-gradient(90deg,#14B8A6,#3B82F6);--gradient-primary-hover:linear-gradient(90deg,#0D9488,#2563EB);--gradient-brand:linear-gradient(90deg,#14B8A6,#9333EA);--gradient-hero:linear-gradient(90deg,#0F172A,#1E1B4B);--bg-glass:rgba(22,31,48,0.75);--blur-standard:blur(12px);--bg-canvas:radial-gradient(circle at 0% 0%,rgba(20,184,166,0.12) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(139,92,246,0.1) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(59,130,246,0.08) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(20,184,166,0.06) 0%,transparent 50%),linear-gradient(135deg,#0F172A,#1E1B4B);--bg-overlay-top-right:rgba(20,184,166,0.08);--bg-overlay-top-left:rgba(59,130,246,0.08);--bg-rec-section:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(20,184,166,0.1));--border-rec-section:rgba(139,92,246,0.2);--bg-lang-chip-selected:rgba(20,184,166,0.15);--bg-completed-badge:rgba(16,185,129,0.15);--color-completed-badge:#34d399;--bg-status-badge:rgba(249,115,22,0.15);--bg-error-card:rgba(239,68,68,0.15);--border-error-card:rgba(239,68,68,0.3);--bg-card-gradient:linear-gradient(180deg,#1E293B,#151F32);--bg-icon-coding:rgba(22,163,74,0.15);--color-icon-coding:#4ade80;--bg-icon-aptitude:rgba(2,132,199,0.15);--color-icon-aptitude:#38bdf8;--bg-icon-psychometric:rgba(13,148,136,0.15);--color-icon-psychometric:#2dd4bf;--bg-icon-writecode:rgba(71,85,105,0.15);--color-icon-writecode:#cbd5e1;--html-bg:#0F172A}html{background-color:var(--html-bg);-webkit-font-smoothing:antialiased}body{background:var(--bg-canvas);background-attachment:fixed;color:var(--color-text);font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}a,body,button,div,h1,h2,h3,h4,h5,h6,html,input,label,p,select,span,textarea{font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[class*=Code],[class*=code],[class*=editor],[class*=terminal],code,kbd,pre,samp{font-family:JetBrains Mono,Fira Code,Courier New,Monaco,Consolas,monospace!important}.btn-vibrant{background:var(--gradient-primary);color:white;border:none;border-radius:14px;padding:12px 24px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(20,184,166,.2);display:flex;align-items:center;justify-content:center;gap:8px}.btn-vibrant:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,184,166,.3);filter:brightness(1.05)}.btn-vibrant:active{transform:translateY(0)}.tile-card{background:white;border:1px solid rgba(226,232,240,.6);border-radius:24px;padding:24px;box-shadow:0 4px 24px rgba(41,46,63,.04);transition:all .3s ease}.tile-card:hover{box-shadow:0 10px 30px rgba(41,46,63,.08);border-color:rgba(59,130,246,.2)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.btn-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.tile-card,[class*=Card_],[class*=card_],a,aside,body,button,header,input,main,nav,select,textarea{transition:background-color var(--theme-transition-duration,0s) ease,background var(--theme-transition-duration,0s) ease,color var(--theme-transition-duration,0s) ease,border-color var(--theme-transition-duration,0s) ease,box-shadow var(--theme-transition-duration,0s) ease,transform .4s cubic-bezier(.16,1,.3,1)!important}.tile-card,[class*=Card_],[class*=card_]{background-color:var(--color-card-bg)!important;border:1px solid var(--color-card-border)!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.04),0 8px 10px -6px rgba(0,0,0,.04)!important}.tile-card:hover,[class*=Card_]:hover,[class*=card_]:hover{transform:translateY(-5px)!important;box-shadow:0 20px 30px -10px rgba(0,0,0,.08),0 10px 15px -5px rgba(0,0,0,.06)!important;border-color:rgba(20,184,166,.25)!important}h1,h2,h3,h4,h5,h6{color:var(--color-text)}p{color:var(--color-text-secondary)}@media (max-width:768px){.tile-card:hover,[class*=Card_]:hover,[class*=card_]:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.btn-vibrant{padding:10px 18px;font-size:13px;border-radius:12px}h1,h2,h3{word-break:break-word;overflow-wrap:break-word}}@media (hover:none){.tile-card:hover,[class*=Card_]:hover,[class*=card_]:hover{transform:none!important}}